Interaction design

All about web user experience and good design practice

Principles of interaction design

Posted by Dan on October 18, 2010

Hoekman’s guidelines:

  • Justify the functionality (see page 192 of Designing the moment book: Weather widgets on government sites don’t make sense).
  • Use instructive design to get users up to speed
  • Maintain consistency from one screen to the next  (for learnability)
  • Leverage design patterns to make interactions more learnable and repeatable
  • Cater for each stage in the interaction: invitation, manipulation, completion (each needs simple and clear feedback)

Also from his book Designing the moment:

  • Build only what’s absolutely necessary.
  • Quickly turn beginning users into intermediates.
  • Prevent errors whenever possible and handle the errors we cannot prevent gracefully.
  • Reduce and refine interactions and task flows until even the most complicated applications are clear and understandable.
  • Design to support a specific activity.
  • Make constant, incremental improvements to your processes and applications.
  • Ignore the demands of users and stick to a vision. (debatable)

The book About Face 3  is full of useful principles.

  • On innovating: only break convention if doing so adds value.
Laws of simplicity book:
  • Reduce
  • Group
  • Hide
Dan Saffer wrote on how to achieve simplicity:
  • Remove features. The more features you have, the more complexity you have.
  • Hide features. Use menus, tabs, dropdowns, etc. to make features available, but not seen until needed.
  • Organize features. Cluster like features, content, and controls together under a single area (which can be hidden).
  • Tightly align the user’s mental model with the product’s conceptual model. The closer you get, the simpler it will seem.
  • Make every choice visible. Rather than hiding all choices under a dropdown, for instance, show them all.
  • Conversely, hide some choices if there are too many to be reasonably scanned.
  • Reduce choice. Take away customization and limit choices to the most often used.
  • Smart defaults. Have them. Make them visible.
  • Shortcuts. Make shortcuts to the most used actions in the product.
  • Distribute functionality to the right platform. Decide where functionality should logically be located: device, desktop, web. Don’t cram everything onto one platform unless it makes sense to do so.

Functional beauty by  :

  • Usability. Peak performance comes when user goals are met consistently through flawless functionality and error-free interaction. If the product breaks down, it will slow down user productivity and cause frustrating disengagements.
  • Usability. Seamless interaction depends on the quality of the feedback and direction designers are able to incorporate into navigation elements, warning messages, notifications, and the like. If users are left wondering what to do or believing something is not working right, they will no longer enjoy using the product.
  • Familiarity (convention) and ingenuity (innovation). Ingenuity in design is a powerful emotive tool because it engages the user at a deeper level: its novelty excites and its out-of-this-world character converts early adopters into raving fans. Curiosity feeds more positive emotions than familiarity and creates new touch points that resonate with specific user needs.
Joshua Porter:
Joshua Kaufman (product designer):
  1. “Simplicity is the ultimate sophistication.” — da Vinci
  2. The best deliverables are prototypes.
  3. Sketching is the most effective design method.
  4. Creativity comes from everywhere.
  5. Design is writing.
  6. Interruption is the enemy of productivity.
  7. Being healthy leads to better work.
  8. A great culture is the byproduct of great behavior.
  9. Design is at the heart of great companies.
  10. Design is never done.
Random laws:
  • Remove stuff till the design breaks.
  • If novices can use it, chances are intermediates and expert users will quickly also find what they’re looking for.
  • Links are for navigation, buttons are for actions
UI specific laws
  • When to use radiobuttons versus dropdowns versus link lists versus …

Usability is highly correlated with NPS. Read more that at http://www.measuringusability.com/usability-loyalty.php
Possible indicators of low usability (to ask users; from one questionnaire: the System Usability Score) :

1. I think that I would like to use this system frequently.   (stickyness)
2. I found the system unnecessarily complex.     (simplicity)
3. I thought the system was easy to use.    (ease of use)
4. I think that I would need the support of a technical person to be able to use this system.     (simplicity)
5. I found the various functions in this system were well integrated.     (navigation?)
6. I thought there was too much inconsistency in this system.     (consistency)
7. I would imagine that most people would learn to use this system very quickly.      (learnability)
8. I found the system very cumbersome to use.      (intuitiveness)
9. I felt very confident using the system.     (ease of use / task performance speed / error rate)     +praised by link  (do you feel stupid?) Rational: if a system makes user feels stupid
10. I needed to learn a lot of things before I could get going with this system   (learnability)

 

Smashing Magazine’s principles. See article

 

My list

  • Is it clear? Not ambiguous
  • Is it logical?
  • Does it flow well? Within the page and from page-to-page.
  • Is it comfortable?
More reading

Related posts

Laws of interaction design
Interaction designer’s neccesities

About these ads

2 Responses to “Principles of interaction design”

  1. […] Principles of interaction design […]

  2. […] Principles of interaction design […]

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

 
Follow

Get every new post delivered to your Inbox.

%d bloggers like this: