web design logo web page design
windaroo valley high school
arts department
a media studies resource
what is HCI?
  Home
home button
clarity button
consistency button
metaphor button
navigation button
orientation button
 HCI Design elements:
What is HCI? image

Clarity
Consistency
Metaphor
Navigation
Orientation


Test your website for HCI compliancy:

Check each HCI design element, then come back as you complete each one and check them off here

 happy mouse image

The human-computer interface (HCI) is where the computer meets the user.

Good HCI design enables the user to get on with the job at hand without worrying about:


* How to make the thing work (Usability)

* Not meeting needs as expected (Utility)


Good HCI Design works well, is useful and leads to a satisfying experience for the user.
Clarity
The purpose of every item is clear and easy to understand.
Consistency
There is a sameness about each page. This helps users feel at ease and confident using your site.
Metaphor
Symbols are appropriate
Navigation
Navigation elements are easy to understand and work well to get from page to page.
Orientation
The user always knows where he/she is in relation to the whole site.

 

       rogue_comp_image
links:
more HCI information:
http://www.iis.ee.ic.ac.uk/~frank/surp99/report/ect97/rules.html
http://www.usask.ca/education/coursework/skaalid/theory/interface.htm
http://www.und.ac.za/users/murrell/classrm/genprin.html
http://developer.apple.com/documentation/mac/pdf/HIGuidelines.pdf
Bad HCI sites:
http://www.baddesigns.com/index.shtml
http://www.webpagesthatsuck.com/
. home . clarity . consistency . metaphor . navigation . orientation .