![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Discoveries
Looking for design inspiration? Take a sneak peek at Usabilla Discover close
Discoveries
Links
And our favorites from last week are:
Braden Kowitz (@kowitz) is an interaction designer at Google Ventures. In Story-centered design: Hacking your brain to think like a user he explains how he stopped designing screens and only works with storyboards, prototypes and screencasts for interactive products now. A really nice article, and by far the most retweeted and favorited external link we tweeted last week.
@AndrewTurrel talks about how The Extinction of the Scrollbar changes the User Experience of many products in UX Magazine.
@PunchCut is a design agency that wrote up a technical but nonetheless informative guide — Shrink to Fit: Designing Scalable User Interfaces
@KirillCool explains why those icon fonts aren’t all that — About those vector icons
@SachaGreif made a very nice ebook on UI design for web apps — Step by Step UI Design
Design
Picking the right footer for a design can be harder than it seems. But a good footer can have a great impact—both on the impression you make, and the actual behavior of your visitors. In this article I will show you which footer to pick for the occasion, and have a look at more specific elements you can put in it. I will provide examples from the list of footers I put together on Usabilla Discover.
Like many website elements, we owe the concept of a footer to printed typography. In print, the page number is often in the footer, and sometimes it contains the title of the current chapter or section. In web design, the footer at the bottom of each page has evolved to serve a few different functions. But by definition, it’s always located on the bottom of the page, and its lay-out never changes across the site.
Discoveries
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
All the thumbnails link to the Lovely Discoveries #5 list on Usabilla Discover. Request an invite if you haven’t yet and create lists like this yourself!
Links
And our favorites this week are:
Stephanie Rieger goes beyond the ‘mobile users are in a hurry’ dogma: Mobile users don’t do that
A 7 step guide to website usability on Usability Geek.
An original and cute design theory presentation: How to design for bears
Luke W gives a breakdown of the most popular multi-device layout patterns
The elements of a clean web design on Six Revisions
Discoveries
All the thumbnails link to the Lovely Discoveries #4 list on Usabilla Discover.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Links
An extensive guide to responsive navigations patterns by Brad Frost
16 interviewing tips to get better data from user studies by Michael Margolis on the excellent Design Staff
Martha Rotter tells us about Designing Engaging And Enjoyable Long-Form Reading Experiences on Smashing Magazine
UX Magazine featured an article on better use of paper in UX design by Marcin Treder
Font Awesome is a really nice free iconic font for use with Twitter Bootstrap
Design
Many sites are designed to convert visitors into users by getting them to create an account. The sign-up form is the last hurdle a soon-to-be user needs to jump over, and it’s crucial that you make that hurdle as low and non-threatening as possible. In this post I will provide design suggestions for solid sign-up forms for web services and applications. Many forms can be improved by making them more targeted, more persuasive, or by keeping them as brief as possible. I will use examples from my list of sign-up forms on Usabilla Discover that shine in these areas.
Discoveries
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
All the thumbnails link to the Lovely Discoveries #3 list on Usabilla Discover. Request an invite if you haven’t yet and create lists like this yourself!
Links
Nir Eyal explains how a lot of the success of curent startups depend on being addictive: Habits Are The New Viral: Why Startups Must Be Behavior Experts
The W3C has a subset of the full HTML5 specification available that is geared towards Web authors. All the user-agent implementation details are ommited, making it an excellent reference document for writers and front-enders concerned with having semantically valid markup.
Lis Hubert talks about the de-evolution of UX design.
Intercom’s Eoghan McCabe shows how stupid emails that can’t be replied to are: no reply is better than no-reply.
A nice overview of biases and irrational behaviour on PsyBlog. How The Mind Really Works: 10 Counterintuitive Psychology Studies