Sifter's Blog

Just one of many articles available by date or topic.

Improving Notifications and Other Stuff

Over the weekend, we'll be releasing some really nice updates to Sifter that will first and foremost make it more pleasant to use, but also make way for the real notification improvements. We've also made some performance improvements over the last couple of weeks as well.

Published by Garrett Dimon in sifter

This release started out as a handful of minor updates so that we could accommodate some other updates to notifications like @mentions and the ability to subscribe/unsubscribe to a single issue. With both, we needed to make some modifications so that we could design and build this new stuff. Of course, it doesn’t hurt that the necessary modifications are a significant improvement in their own ways.

The Issue Detail Page

The old issue detail page had two huge problems. The first was that there was no visual distinction on the page for any attributes other than the status. The subject was too small. The status bar was too busy. It had just all gotten a bit cluttered over time. The second major problem was that we had run out of real estate. The original design wasn’t very efficient with space because it didn’t need to be with the original feature set. With some new features, though, we need that real estate.

A screenshot of the old status bar for the issue details page.
Figure 1 The original status bar wasn’t bad, but it was cramped and all attributes were treated the same with no room for differentiation.

The first, and most noticeable change is that the status bar is now much simpler and only includes the issue number, subject, and status. The milestone, priority, category, assignee, and other attributes have all migrated to the sidebar. The added bonus here is that the attributes change color based on their importance. For instance, if an issue is overdue, the due date (from the milestone) will be displayed in red. The priority color changes based on the priority. And, when an issue is unassigned, the assignee will be red as well.

A screenshot of the new status bar for the issue detail page.
Figure 2 The new status bar is simpler, and the supplemental attributes each have a more prominent position on the page.

I posted some of the original mockups for this feature on Dribbble almost two years ago. It’s been a long time coming, but we’re finally able to start realizing some of the vision for Sifter. Expect to see a lot more of these kind of improvements in the near future.

HTML Email Notifications

With more advanced email and notification functionality, plain text emails simply weren’t going to cut it. We had to design emails that made it easier to see and work from the emails. So now, all of our emails are easier to scan, offer more relevant options and links, and are generally more pleasant. We’ll still be iterating on them, but these updates are truly much more significant than they might appear on the surface.

A screenshot of a text-based notification email.
Figure 3 The plain text emails were tedious and difficult to scan.

Packing functionality into an email is a tricky matter, but we have some rather ambitious plans to make Sifter’s notifications both more enjoyable and more useful. This opens that door for us. By the way, if you need to test HTML emails, we highly recommend Litmus.

A screenshot of an HTML notification email.
Figure 4 The HTML emails can be designed so they’re easier to read, more convenient, and more functional.

Forms, Visual Design, Consistency, and Simplicity

Sifter has long been about simplicity, but we’ve never quite been as ruthless about it as we would have liked. This release continues moving us towards trimming some of the fat. Instead of graphic icons, we’re now using flat font icons. While we’re not completely there in terms of touch interactions, Sifter’s starting to look pretty good on those retina displays.

We’ve polished off a few rough edges, enlarged the typography a bit, and generally tried to make the experience more consistent throughout. We’ve also updated all of our web forms so that they’re more visually consistent across browsers as well as making buttons a little larger and a lot easier to click.

Summary

On the surface, this feels like an almost trivial and superficial release, but rest assured it’s much bigger than that. In terms of updated code, this is the second largest update in the last year or so. More importantly, it’s the final step before we start on some admittedly long overdue features. We hope you enjoy!

Previous Post

The Deal with Notifications

by Garrett Dimon

Sifter has traditionally had a very simple and inflexible system for notifications. We're working to improve this, but there are some underlying truths that can help provide context to our solutions and the reasoning behind them.

Next Post

Balancing Simplicity with Obscurity

by Garrett Dimon

In the name of simplicity, when we setup new projects, we don't automatically create categories or milestones. Not all projects or teams need them, so we didn't want to be be presumptuous. Unfortunately, that created some confusion and misunderstanding.