Happillow, the ultimate alarm clock snore detecting pillow
Tumblr has a pretty interesting approach to their notification notes. Let’s take a look at how Tumblr displays its new followers, likes, etc.
As you can see, you get notification notes on top of your posts. While this is a pretty unique way of displaying, here are some of the issues I have:
- Too cluttered
I find this approach to be very much crowded, especially when you have a lot of updates (such as likes, followers) to display.
- Inability to remove each note
If you put your mouse over each note, it lets you “ignore” the user. I just want to remove it from the main display on top of my posts.
How can we make this better? Let’s look it at using a different approach.
I basically moved the notifications and updates to the top bar. Originally I wanted the color of the icon to be red but the image turned orange after being rendered. Here are some of the reasons why the updates and notes should go on top:
-Less cluttered and better visibility
Since the updates and important notes are highlighted in orange (It should have been red), it will easily catch your attention due to its inconsistency in color. For better visibility, the background of the notification bar can be changed a little so it won’t fade into the background of the layout.
-Building on prior knowledge and Recognition over recall
Tumblr is a blogging and social networking site that lets you discover, follow, create and manage blogs. Since most of these networking sites (Facebook, LinkedIn,Quora,etc.) follow a similar theme by having the notification on top in red, building on users’ prior knowledge is a good design to look into. This method will also help you recognize rather than recall, reducing cognitive load. Steve Krug’s, “Don’t Make Me Think” approach.