UX & UI design tips n tricks to help your small web dev firm cut development costs, keep on-scope, and make beautiful interfaces.
📰 in today's episode
heuristics and ...
🎧 while writing this I listened to
There are many reasons why you might want to audit the UX of a digital interface. Maybe there is a known performance or business problem, but why it's happening isn't clear. Perhaps people just aren't using the software much, despite being well known or having good
marketing. Maybe your client has asked you to do a redesign of their website and you want to make sure you don't waste time "improving" the wrong things.
Whatever your reason, a UX audit is a valuable exercise, and if done well will give you quality data which you can use to improve the user experience of the software, thus improving the business performance too!
1. Define the goals and outcomes
What is success for the user?
What does this app/website/piece of software promise to do for the people using it? When a user completes a successful session of using the interface, what makes them feel like it was a good use of time?
Get in touch with a few people who actually use the software regularly and ask them.
What is success for the business?
What does the business get out of creating, serving and supporting this app for these users? Is it purely financial? Increased corporate productivity? A marketing or PR stunt? What outcome would make the owners and stakeholders throw a party?
2. Review analytics (if any)
Review data from analytics tools (such as Google Analytics etc.) and company records. Clues that there
might be a problem could be people exiting a flow at the same point each time without completing a function, high bounce rates etc.
These stats should just give you some ideas of where there might be problems. You will need to investigate further to confirm them.
Be careful not to rely too heavily on analytics or business-defined metrics (such as KPIs or other performance metrics). Sadly, business goals are sometimes in opposition to true user-satisfaction!
3. Identify the core states of the interface
Go through the interface now and systematically identify the following "states" of the
- The blank state - What users see the first time they log in or launch the software.
- The working state - What users see during normal course of use. With data and content in place. This is the interface "in action".
- The error state - What users see when something goes wrong!
As you identify and define these states, make lots of notes about what you see and what you experience.
4. Review the core states
For each of the three states above that you have now identified and defined, review them across the
following UX heuristics:
- Language - Are the words, sentences and paragraphs used throughout the app appropriate and clear for the users? Is there a lot of jargon or lingo used? Confusing sentences? Ambiguous messages?
- Priority - What matters most to the users? What do they spend the majority of their time doing and in what order? Is that being serviced and supported, or hindered, by the interface?
- Universality - Across visual cues, language and labels, can anyone, even users who aren't the target audience, "get it" and understand how this interface works and what it does?
- Visual Clarity - Are interaction cues obvious (such as animations when you click on controls, or alerts that confirm your actions)?
Is the overall visual hierarchy of information clear: can you tell what is most important on a screen?
Is there clear separation between content and controls (what is read-only information, and what a user can interact with)?
As you review the interface with these categories in mind, take note of any and all problems you come across. Big ones and small ones, and all in between.
5. Present your findings and recommendations
Well done! You've done the hard work, now it's time to put it all together and prioritize the
Take your list of problems and start sorting them by how important they are to fix. Remember, when rating a problem you need to consider both what it means to the user and to the business and who will be best served when/if it is fixed.
After you have sorted your problems, you will have a good set of objective and actionable steps that you can either present to your client, or use internally to guide your design and development teams!
Each week I recommend one useful tool or resource that you could use to help your team save time and make better interfaces.
Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save. It's a fun little tool for your designers (UI or branding) to explore new color combinations and interesting gradients that they might not otherwise have thought of. For each color combination that it recommends, it will also give you the color contrast
accessibility ratio, so you can make sure your color combos are always meeting minimum accessibility standards.
Thanks for reading! Any thoughts or questions? Hit reply and I'll get back to you as soon as I can.
Who the heck am I?
My name is Brent Halverson Nygaard, and I am a UI & UX design professional.
Want to learn more about me? Visit my informative internet website.
If you know someone who might find this interesting, please forward this mail to them!
Got this mail from a friend? You can sign up here to receive future issues.