Usability heuristics

Checklist

Does the wireframe …
  1. Ease of use / usability / navigation    – for specific interactions and overall site experience
  2. Confirm understandings and check for misunderstandings of information
  3. Avoiding Incompleteness and overcompleteness of information –  getting the information that is needed at the right time versus not being overloaded with content that they don’t need.
  4. Match expectations – giving users the right information in the right form/tone at the right time. Exceed expectations, if done well, can give a positive experience.
  5. Avoid annoyances (discomfort, uncertainty, confusion) –  any tasks for which users have to think too long, look around frantically on the site or page, or hesitate to long
  6. Meet the needs – allow users to accomplish their  goals and tasks

Visual design

  • Images should not distract from the main call-to-action.
  • Images should not look as if they’re clickable if they are not
  • The call-to-action should stand out using contrast (see Call to Action book, page 92)
Other articles
read my Wireframe checklist post
http://www.wqusability.com/handouts/expert_reviews_stc2007.pdf
http://www.uxmatters.com/mt/archives/2013/05/user-research-methods-has-beens-and-stars.php    (Pros and Cons of different and outdated methods)
Heuristics
http://www.userfocus.co.uk/resources/guidelines.html ++
https://uxdesign.cc/ux-checklists-bf2dda85787f#.ryhqdb2s5
http://www.useit.com/papers/heuristic/heuristic_list.html
http://www.userfocus.co.uk/articles/expertreviews.html
http://www.webstyleguide.com/wsg3/index.html
Research-based Web guidelines(PDF) and online TIP
Yale
http://userium.com/
http://www.uxponder.com/   uses 25-point list and Nielsen
http://www.stcsig.org/usability/resources/toolkit/toolkit.html
http://www.usabilitynet.org/tools/webdesign.htm
https://userium.com/  Usability Checklist  (fix before user testing)
More
See my UX/Web design Guidelines PPT
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: