Identifying patterns and designing templates

5 dimensions of an interaction design (or rather: information design) pattern [1]:

  1. Words
  2. Visual design (incl. typography, icons,images)
  3. Spatial     (rhythm, breathing space, multiples)
  4. Temporal (a change or transition of state)
  5. Behaviour (action,operation,presentation,reaction)   {especially in visual design}

Aesthetic designs are perceived to be more usable than less aesthetic designs (this is called the aesthetic-usability effect) and interfaces become more usable when people enjoy using them. [Norman]

Screen elements vary in:

  • Content/text/label
  • Shown/invisible
  • Size
  • Position+alignment (relative to other elements+consistency), and distribution/spacing
  • location/page   (+page fluidity)
  • Style, look, visual
  • Behaviour (auto-player,loop)
  • Feel (=behaviour + transition)
  • Visual design (colour, balance, symetry, rhythm)
  • transition/rollOut/rollOver/mouseDown/mouseRelease/drag
  • Contents (with links), i/o data
  • Text and links (size, read more, click here
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: