« To the past
Page 1 of 3
May 10, 2012
I really dig the latest blog post tiles on the new homepage for Viget.com.
I like how on rollover it swaps the title for a brief snippet form the article.
And I like how if there is no featured image, the author’s pic is shown, though it hides down in the corner until you rollover the tile with your mouse.
Finally, they’ve categorized the posts with a subtle stipe of color at the top, showing from which of their 4 blogs the post came from.
May 10, 2012
I love this little bit of microcopy! It’s the small things that prove your dedication to your brand and users.
Vimeo - When visiting a non-existing page on Vimeo, the title is VimeUhOh.
May 9, 2012
Myth #24: People always use your product the way you imagined they would
Even if a product was designed to fulfill specific and known user needs, customers don’t always use it the way and for the purpose the product was originally intended.
In many cases, users don’t care or don’t understand how a product works, and once they find a way to use it, they’ll stick to it. Many people, for example, type URLs into the Google search bar instead of the browser’s address bar.
You should, therefore, never take your design for granted and always collect feedback on how your product is actually used to reveal the real user needs and to get ideas of innovation.
May 8, 2012
I dig the sub-navigation on the Innocent drink site. I like how it is merely a second row of links below the main nav, just with a different color to highlight you are on a second-level of pages in the site.
May 4, 2012
A different way to layout your blog post pages: put the comments in the sidebar like Drew Wilson does on his code site.
Apr 29, 2012
I like the minimalist header navigation on BunchDesign.com. I epecially like how they put all the ‘about’ and company info in the drop-down link of the company name. Makes perfect, information architecture sense to me. And does wonders to clean up the main navigation links
Apr 27, 2012
This one’s from blog.intercom.io. A little sharing button cluster with a comment-like arrow, all done with CSS. Well, except for the tiny icons—those are images. Though you could use an icon font for these rather than background images.
Apr 27, 2012
Another one from Meltmedia.com. I like the little user interface extras they’ve incorporated into their contact form:
- Small, unobtrusive icons for each form field to add a little visual context
- the treatment of missing content is well done. The exclamation point is incorporated into the design of the form field.
- Also, it validates as soon as you move on to the next field, so you don’t have to wait until after you submit the form to find out you missed something. As soon as you move on to the next field it looks for your entry in the previous one and the exclamation point appears if you didn’t enter info into a required field.
Apr 27, 2012
On Meltmedia.com, clicking the ‘contact’ link in the main nav scrolls you to the global contact form at the bottom of each page (rather than the expected load of a new page, dedicated to contact form and info).
I like this. A different way to think about where contact info goes and completes the whole ‘landing page’ approach where users are given a place to contact on every page (assuming they scroll).
A couple critical thoughts:
- How does this affect SEO for contact-related keywords? (I’m betting there’s still a use-case for a separate page just for ranking. Silly SEO.)
- How do I get back to the main nav once I’ve been taken all the way down the page? Having the navigation ‘sticky’ so it follows as you scroll or putting a ‘back to top’ link down here would be helpful.
Apr 26, 2012
More on table row selection: gmail’s “select none” option is clearer than most. Once you select a row, the checkbox at the top changes to a minus sign, to make it clear that clicking it will deselect the rows.
Navigate
About
A study in applied user experience and user interface design.
Subscribe via RSS.
