How do you design an interface which is not only easy to use, works well across all screens and is aesthetically appealing as well?
Like a key to open a lock, your UI needs to give access to the content without bothering the user with the complexities which might lie beneath :)
case studies mentioned:
- craigslists UK
- total jobs
- Authentic Jobs UK (no longer active)
- Bread (no longer active)
- WORKFU (no longer active)
A few tips on how to sketch interfaces:
useful reading and inspiration
- User Interface Design Principles for Web Applications
(old yet still useful) by @aral
- Does Form Follow Function?
- 5 Principles of User-Centered Interface Design
by Adrian Jones
- Emotional Interface Design: The Gateway to Passionate Users by @aaron for Team Treehouse
- Sketching A New Mobile Web by @dkardys for smashing magazine
- Using Sketchboards to design great User Interfaces quickly by James Downes for BOX
- pattern tap
- Little Big details “YOUR DAILY DOSE OF UI INSPIRATION”
- Learning to Love Humans: Emotional Interface Design, Aarron Walter
Forms to delight
Forms are part of most websites and deserve the same attention to detail. Let’s focus on a very simple scenario, a password-protected page, and see what ideas you can come up with :)
Your task is to design a login form. It asks for a password, offers a password-reminder function and error messages as fitting.
Brainstorm a few ideas for label and input layout. Remember to plan for the error messages and additional elements, such as confirmation.