User Interaction Design

1,296 views

Published on

Interface design for Software design and development.

Published in: Education, Technology, Business
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,296
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide
  • Trouble Paper Prototyping
  • User Interaction Design

    1. 1. "Don't make me think.” : Steve Krug Interaction Design
    2. 2. User interface development <ul><li>Why is this important </li></ul>
    3. 3. What is the problem?
    4. 4. http://www.guuui.com/browse.php?cid=194
    5. 5. User Interface Development <ul><li>How do we do it? </li></ul>
    6. 6. Understand the different perspectives a user and a developer have to a program Mental Models. User and developer have different mental models.
    7. 7. Know your user
    8. 8. Know your user
    9. 9. consult with users &quot;Know thy user, and you are not thy user.” - Arnie Lund
    10. 10. effective user interfaces
    11. 11. factors affecting readability
    12. 12. use of white space
    13. 15. effective prompts
    14. 16. Guess a number
    15. 17. Please guess a number between 78 and 83
    16. 18. Guess a number <ul><li>78 to 83 </li></ul>
    17. 19. judicious use of colour and graphics
    18. 20. grouping of information
    19. 21. unambiguous and non-threatening error messages
    20. 22. unambiguous and non-threatening error messages
    21. 23. unambiguous and non-threatening error messages
    22. 25. legibility of text: justification, font type (serif vs sans serif), size, style
    23. 26. recognition of relevant social and ethical issues <ul><li>Speaking the same language (actual, cultural, and economic) </li></ul>
    24. 27. Consistency
    25. 28. Image References <ul><li>http://www.maplin.co.uk/images/Full/A90FL.jpg </li></ul><ul><li>http://www.w3.org/2008/Talks/09-mwbp-smart/mobilecrazy.png </li></ul><ul><li>http://www.offchild.com/ </li></ul><ul><li>http://www.maplin.co.uk/images/Full/A90FL.jpg </li></ul><ul><li>http://www.disambiguity.com/when-to-use-drag-drop-some-informal-research-results/ </li></ul><ul><li>http://archive.salon.com/21st/chal/1998/02/10chal2.html </li></ul><ul><li>http://www.pcd-innovations.com/infosite/ms_parody.htm </li></ul><ul><li>http://img353.imageshack.us/i/microsoft1978ew7.jpg/#q=microsoft </li></ul><ul><li>http://www.alistapart.com/articles/whitespace/ </li></ul><ul><li>http://www.w3.org/TR/2000/NOTE-ATAG10-TECHS-20000504/techimages/HS-tag-editor-img1.gif </li></ul><ul><li>http://www.rightattitudes.com/blogincludes/images/20061031_resume_fonts_serif_sans-serif.png </li></ul><ul><li>http://www.skillsforaccess.org.uk/media/ht_b6_a2_collage1.jpg </li></ul>

    ×