Begin by understanding the needs, motivations and goals of our user. Map out the journey from point A to point B, why they are doing it and how we will get them there. Remember that the user is the hero of the story.
Our app is complex and data heavy.Try and strip the complexity back and show only what’s necessary, when necessary. Hide infrequently used actions or more advanced options. Use progressive disclosure.
Everything in the interface needs to be processed by the user’s brain. Present one decision at a time. Be ruthless with the prioritisation and make the choices simple and limit distraction. The less there is to process, the lower the cognitive load.
User input takes a lot of effort and time. Strive for the least amount of user input to reach a goal. Every input that is required from the user increases friction and chances of giving up. Use smart defaults and automate anything we can.
Not every page has to feel text heavy. Just like a working space in the physical world, having an open, airy space helps our minds work with less distraction. Employ generous space if appropriate around heavy content areas. Use images to break up text and lighten strong areas of detail.
Users can get stuck on seemingly simple actions for reasons outside of their control. Guide users though the system. Provide help, and give plenty of hints and signposts if needed. Get them on the right track, so they can use the tool as efficiently as possible so they shine.
Journey mapping 101
Reducing cognitive load for better user experience
The power of smart defaults
The power of white space
Progressive disclosure for better task focus
Onboarding patterns
White space, balance and contrast
Immediate feedback
Checklist for perfect dashboard design