User interface design

1,841 views

Published on

Materials from my lecture «Introduction to User Interface Design» at SummerSchool AACIMP 2011, Kyiv, Ukraine. http://summerschool.ssa.org.ua

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,841
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
86
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

User interface design

  1. 1. UserInterfaceDesign
  2. 2. Lectures What is it all about? Most important for user Principles of good interface Interface design process Cheats and hintsPractice Create UI design prototype
  3. 3. The Interface is theway you accomplishtasks with a product;what you do andhow it responds. Jef Raskin, “Interface”
  4. 4. Everything we interact with has an interface
  5. 5. Computerinterfaces
  6. 6. Tip:Pirates ofSilicon Valley
  7. 7. Touchdevices
  8. 8. Problems
  9. 9. Programmers 2 Programmers
  10. 10. Marketing
  11. 11. Mostimportantfor user
  12. 12. Safety of user and his money
  13. 13. Safety of user’s data (his work) Autosave Unlimited Undo Remember input data
  14. 14. Save user’s time Previews Reopen last session Shortcuts Default settings
  15. 15. Principlesof goodinterface
  16. 16. Simplicity of interaction model
  17. 17. scrollbar
  18. 18. Simplicity of basic functions
  19. 19. Speed
  20. 20. Feedback
  21. 21. Modeless and predictability Caps Lock Num Lock Insert button Language switching
  22. 22. User fails proof — everybody make mistakes lazy programmers cool
  23. 23. Simplicity of interaction modelSimplicity of basic functionsSpeedFeedbackModeless and predictabilityUser fails proof
  24. 24. Bonus :)
  25. 25. Microsoft BobBob received the 7th place in PC World magazines list of the 25 worst techproducts of all time, a spot in Time magazines list of the 50 Worst Inventionsand number one worst product of the decade by CNET.com.
  26. 26. UI designprocess
  27. 27. AnalyzeConceptPrototypeDetailed DesignProduct
  28. 28. AnalyzeTalk and understand taskPersonasScenarios and features
  29. 29. Alan Cooper, “The Inmates Are Running the Asylum”
  30. 30. Concept Idea of user interface
  31. 31. Prototype
  32. 32. Detailed design
  33. 33. Product
  34. 34. CheatsandHints
  35. 35. Grids
  36. 36. HOME ARTICLES BROWSE ABOUT SEARCH GO TheHOMEnal home fi ARTICLES BROWSE ABOUT SEARCH GO A page design. thWELCOME TO WELCOME TO Designery is a public square for design practitioners, Designery is a public square for design practitioners, students and fans. LEARN MORE students and fans. LEARN MORE Signed in as You have 7 new messages Signed in as You have 7 new messagesWednesday, December 22, 2010 Wednesday, December 22, 2010 Khoi Vinh Log Out Khoi Vinh Log OutTypography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Typography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Tatum,Weekend Lorem ipsum dol Weekend Lorem ipsum dolBy Sheba Shayne By Sheba Shayne or sit amet, or sit amet, consectetur consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad 12 Comments 12 Comments The Bigger They Are… The Bigger They Are… By Mary Bristol, Editor By Mary Bristol, Editor Bristol, Lorem ipsum dol Lorem ipsum dol or sit amet, or sit amet, consectetur EXPLORE PROJECTS ON DESIGNERY consectetur EXPLORE PROJECTS ON DESIGNERYLorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. adipiscing elit. • Most Popular • Most Blogged adipiscing elit. • Most Popular • Most BloggedNam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio • Most Recently Updated • Most Commented Nam tristique, odio • Most Recently Updated • Most Commented17 Comments 17 Comments vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting imperdiet orci, in mol. imperdiet orci, in mol.Will They Pay for It? 12 Comments Will They Pay for It? 12 CommentsPublishers Make a Last Publishers Make a LastStand StandBy Nick Garcos GET UPDATES VIA EMAIL By Nick Garcos GET UPDATES VIA EMAILLorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Lorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Youremail@addressNam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun Nam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun SUBSCRIBE SUBSCRIBEimperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan imperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan Last Updated Dec 18, 2010 Last Updated Nov 8, 2010 Last Updated Dec 18, 2010 Last Updated Nov 8, 201022 Comments 22 Comments TOP PEOPLE ON DESIGNERY TOP PEOPLE ON DESIGNERYWeb Design Techniques of Web Design Techniques ofthe DamnedBy Mike Figlia Jerry Warriner the Damned By Mike Figlia Jerry Warriner ptg Last Updated Last Updated December 22, 2010 December 22, 2010Lorem ipsum dolor sit amet, consec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, odio vel. Ut nibh tetur adipiscing elit. Nam tristique, odio vel. Ut nibhturpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated turpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated Last Updated Gus Snider Accidentalism Last Updated Gus Snider Accidentalismfaucibus congue pretium. In mollis dolor eu December 22, 2010 faucibus congue pretium. In mollis dolor eu December 22, 2010 Last Updated Dec 18, 2010 Daniel O’Keefe Last Updated Dec 18, 2010 Daniel O’Keefe54 Comments 54 Comments Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 Francis Dollarhyde Francis Dollarhyde Last Updated Last Updated December 21, 2010 December 21, 2010 Hildy Johnson Hildy Johnson Last Updated Last Updated December 21, 2010 December 21, 2010Holding on to CSS and the Listening to Holding on to CSS and the Listening toOffset Printing Man on the Your Mom Big West BBQ Hurtling Towards Offset Printing Man on the Your Mom Big West BBQ Hurtling Towards Street Dix Handley Phyllis Dietrichson Hipsterism Street Dix Handley Phyllis Dietrichson Hipsterism Last Updated Last Updated Dec 18, 2010 Walter Neff Last Updated Last Updated Dec 18, 2010 Walter Neff December 21, 2010 December 21, 2010 Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 More Articles… More People… More Projects… More Articles… More People… More Projects… © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile User agreement and privacy policyv User agreement and privacy policyv Khoi Vinh. “Ordering Disorder. Grid Principles for Web Design”
  37. 37. http://960.gs
  38. 38. Instruments forprototyping
  39. 39. http://balsamiq.com
  40. 40. One more thing
  41. 41. — users don’t care about code
  42. 42. — interface is evil
  43. 43. Books
  44. 44. Fin

×