Usability heuristics


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    (Pros and Cons of different and outdated methods)
Heuristics ++
Research-based Web guidelines(PDF) and online TIP
Yale   uses 25-point list and Nielsen  Usability Checklist  (fix before user testing)
See my UX/Web design Guidelines PPT

Leave a Reply

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

You are commenting using your 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: