ux tools, tips, and tricks
Post on 15-Aug-2015
1.970 Views
Preview:
TRANSCRIPT
Presented by Katelyn Vermeyen, UX Designer – February 16th, 2015
Usability heuristics Content guidelines
Patient-facing interfaces Mobile vs. desktop design
Heuristic = an expert’s opinion on the best way to do something
Broad rule of thumb – not a specific guideline
Jacob Nielsen’s 10 usability heuristics for UI design
Provide feedback for action in a reasonable amount of time.
Provide feedback for action in a reasonable amount of time.
Provide feedback for action in a reasonable amount of time.
Color change: goodSame verbiage: bad
Provide feedback for action in a reasonable amount of time.My suggestion: change to a check mark icon for the terms “remind me”
Or keeping star icon, change to term to favorite and store “favorites” on a
separate page.
Use words, phrases & concepts familiar to the user.
Register Sign In
Use words, phrases & concepts familiar to the user.
Register Sign In
Different verbiage
Use words, phrases & concepts familiar to the user.
Register Sign In
Different verbiage
Different style
Use words, phrases & concepts familiar to the user.
Register Sign In
Different verbiage
Different style
Different phrases
Use words, phrases & concepts familiar to the user.
Register Sign In
Different verbiage
Different style
Different phrases
Different syllables
Clearly mark an “emergency exit” – support undo/redo.
click to expand
Clearly mark an “emergency exit” – support undo/redo.
click to contract
Don’t confuse your user – keep words & actions consistent.
Prevent problems from occurring with confirmation messages.
Make objects & actions available.
Instructions should be visible.
Allow users to manipulate & personalize frequent actions.
All information should be valuable and relevant.
Error messages should be in plain language, indicate the problem, and constructively suggest a solution.
Any help information should be easy to search, focused, list concrete steps, and not be too large.
Content is king.
Content is what users come for.
Content is what users want to access.
Design is nothing without content.
Content is king.
Content is what users come for.
Content is what users want to access.
Design is nothing without content.
People come for the content, but stay for good design.
Users are more likely to trust your content if it’s well-designed.
Clear & concise voice.
Keep it simple.
Make it useful.
An example of what not to do; vague, no useful information, and annoying.
Be aware of cognitive biases.
Practice empathy.
You are not your user.
A way to empathize with and internalize the mindset of people that will eventually use the software we design.
Take a walk in your users’ shoes.
More than one persona is best – try 3-4
(depending on project scope)
Name: Sam
Age: 37
Occupation: Live musician
• Tech-connected
• On-the-go lifestyle
• Dad
• Wants to access health info quickly & efficiently
“Mobile first”
Mobile is under extreme space & content constraints.
Constraints are good for design.
Responsive design > Static design
Bigger touch points are generally better
Leave enough space between touch points
Burger bar – becoming less common
If <5 options, avoid burger bar(more interaction with nav bar)
Redbooth removed their burger menu out & saw session time jump 70%
More space = more whitespace
not always white
More space = more whitespace
Don’t overwhelm user with too much information
Use color to call out important information
(“call to action”)
More space = more whitespace
Don’t overwhelm user with too much information
More space = more whitespace
Don’t overwhelm user with too much informationcall-to-action
whitespace
simple navigation
recommendations (less important) below
• Keep content clear & simple
• Content first will save you time – press for more content
• Set constraints
• You are not your user – practice empathy with personas
• Utilize white space
• Use color to encourage actions
• User Onboard – a breakdown of how popular apps/site onboard users
• Dribbble for design inspiration
• Persona – a photography project that’s helpful for developing personas
• A Book Apart series if you want some easy reading
• Design Review Podcast – UX principles applied to a UI review
• Something more specific? Ask me.• Katelyn.Vermeyen@iatric.com
top related