Your SlideShare is downloading. ×
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
SM2701 Class 04
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

SM2701 Class 04

286

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
286
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. SM2701 – Class 04 Human computer interaction … continued Interface and presentation design
  • 2. SM2701 – Class 04 Performance vs. Convention
  • 3. SM2701 – Class 04 Gutenberg’s Diagram
  • 4. SM2701 – Class 04 Fitts’s Law
  • 5. SM2701 – Class 04 Fitts’s Law In physical interaction design
  • 6. SM2701 – Class 04 Fitts’s Law
  • 7. SM2701 – Class 04 Fitts’s Law Pixels around the current mouse pointer. Lower right corner Upper left corner Upper right corner Lower left corner
  • 8. SM2701 – Class 04 Top left lighting Note the drop shadow of interface icons
  • 9. SM2701 – Class 04 Garbage in Garbage out
  • 10. SM2701 – Class 04 Garbage in Garbage out
  • 11. SM2701 – Class 04 Noise
  • 12. SM2701 – Class 04 Flexibility vs. usability
  • 13. SM2701 – Class 04 Desktop application posture Sovereign Transient Daemonic
  • 14. SM2701 – Class 04 Sovereign posture
  • 15. SM2701 – Class 04 Sovereign posture Optimize sovereign applications for full screen use. Sovereign interfaces should feature a conservative visual style. Sovereign applications should exploit rich input. Maximize document views within sovereign applications.
  • 16. SM2701 – Class 04 Transient posture
  • 17. SM2701 – Class 04 Transient posture Transient applications must be simple, clear, and to the point. Transient applications should be limited to a single window and view. A transient application should launch to its previous position and configuration.
  • 18. SM2701 – Class 04 Web applications Information web sites Transactional web sites Web applications
  • 19. SM2701 – Class 04 Dialog box
  • 20. SM2701 – Class 04 Dialog box
  • 21. SM2701 – Class 04 Tabs
  • 22. SM2701 – Class 04 Bread crumb
  • 23. SM2701 – Class 04 Mental model
  • 24. SM2701 – Class 04 Mental model
  • 25. SM2701 – Class 04 Overview
  • 26. SM2701 – Class 04 Overview
  • 27. SM2701 – Class 04 Scroll bar
  • 28. SM2701 – Class 04 Scroll bar
  • 29. SM2701 – Class 04 Word Count – MS Word 2003
  • 30. SM2701 – Class 04 Word Count – MS Word 2007
  • 31. SM2701 – Class 04 Default button
  • 32. SM2701 – Class 04 More buttons
  • 33. SM2701 – Class 04 Visual structure vs. information structure
  • 34. SM2701 – Class 04 Visual structure vs. information structure
  • 35. SM2701 – Class 04 Visual structure vs. information structure
  • 36. SM2701 – Class 04 Visual structure vs. information structure
  • 37. SM2701 – Class 04 Visual structure vs. information structure
  • 38. SM2701 – Class 04 Visual structure vs. information structure
  • 39. SM2701 – Class 04 Visual structure vs. information structure
  • 40. SM2701 – Class 04 Visual structure vs. information structure
  • 41. SM2701 – Class 04 Visual structure vs. information structure
  • 42. SM2701 – Class 04 Metaphor
  • 43. SM2701 – Class 04 Desktop metaphor
  • 44. SM2701 – Class 04 Grid structure
  • 45. SM2701 – Class 04 Grid structure
  • 46. SM2701 – Class 04 Grid structure
  • 47. SM2701 – Class 04 What can you do with it?
  • 48. SM2701 – Class 04 Common mistakes
    • Page not structured in prioritized order
    • Interactions overly complex and don’t offer guidance
    • Related areas not grouped in close proximity
    • Elements not properly aligned to create order
    • Elements not placed where people expect
    • Too many elements on page
  • 49. SM2701 – Class 04
  • 50. SM2701 – Class 04
  • 51. SM2701 – Class 04
  • 52. SM2701 – Class 04
  • 53. SM2701 – Class 04
  • 54. SM2701 – Class 04
  • 55. SM2701 – Class 04
  • 56. SM2701 – Class 04
  • 57. SM2701 – Class 04
  • 58. SM2701 – Class 04
  • 59. SM2701 – Class 04
  • 60. SM2701 – Class 04
  • 61. SM2701 – Class 04
  • 62. SM2701 – Class 04
  • 63. SM2701 – Class 04
  • 64. SM2701 – Class 04
  • 65. SM2701 – Class 04
  • 66. SM2701 – Class 04
  • 67. SM2701 – Class 04
  • 68. SM2701 – Class 04
  • 69. SM2701 – Class 04
  • 70. SM2701 – Class 04
  • 71. SM2701 – Class 04
  • 72. SM2701 – Class 04
  • 73. SM2701 – Class 04
  • 74. SM2701 – Class 04
  • 75. SM2701 – Class 04
  • 76. SM2701 – Class 04
  • 77. SM2701 – Class 04
  • 78. SM2701 – Class 04
  • 79. SM2701 – Class 04 Type Contrast
  • 80. SM2701 – Class 04 Type guidelines
    • Use common fonts sized at 10 or above
    • Avoid busy backgrounds
    • Use black text on white
    • Keep animated, all-cap, graphical text to a minimum
  • 81. SM2701 – Class 04 Type guidelines CAN YOU READ ME NOW?
  • 82. SM2701 – Class 04 Type guidelines Can you read me now?
  • 83. SM2701 – Class 04 Type guidelines Can you read me now?
  • 84. SM2701 – Class 04 Type guidelines Can you read me now?

×