How to develop an eye for UX design?

Heuristic evaluation is a great tool for developing an eye for design and understanding best practices. This set of guidelines helps you to notice important details and discover patterns

  1. Define what you want to accomplish. (Example: I want to create a mind map and share it with my colleagues)
  2. Go through the usability check list. You can use Jakob Nielsen’s Heuristics for User Interface Design or this extended list* of usability guidelines. This list is action oriented. It follows a user’s flow.

Usability check list

Download .pdf

  1. There is no unnecessary registration.
  2. The value and benefits of the product / service are clear.
  3. You know where to start and what to do first.
  4. The site is free from irrelevant information.
  5. Meaningful images and illustrations.
  6. Good readability (font size, color, whitespace).
  7. Pages are quick to scan, with clear hierarchy.
  8. The site speaks the users’ language, and uses everyday terms.
  9. Large sites have search.
  10. The content is up-to-date. Something indicates the site is living.
  11. Credibility: there is name of the company and contact information.
  12. Prices are stated clearly.
  13. The items on a page are focused on users’ key tasks.
  14. Button names are obvious.
  15. You can “undo” unwanted actions.
  16. Error messages actually help and contain clear instructions on what to do next.
  17. The interface provides feedback (“saved”, “sent”, show system notifications).
  18. The site saves work automatically and ensures you don’t lose your work.
  19. The site supports learning, contains help, provides step-by-step instructions or FAQ.
  20. Forms on the web include only necessary fields.
    Labels are clear.
    Fields contain hints or example data.
    The site automatically enters field formatting data.

Hands on

Let’s look at www.mindmeister.com and analyse it step-by-step.

Two things caught attention:
1. Not clear primary call to actions. I‘ve been using mindmeister.com for several month but every time I have to look for “create a new map” button.

2. Not obvious buttons. I wanted to change the theme of the map but wasn’t able to find a proper button. It was hiding under i-button. Without usability testing or analytics we can’t know if it’s right place for this action.

Looking for sites to practice heuristic evaluation?

  1. meetup.com
  2. evernote.com
  3. goodreads.com
  4. tumblr.com

Critical thinking, common sense and understanding user behavior are the most important skills for UX designers. Usability evaluation can be a great tool to further improve them.


 

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