Your SlideShare is downloading. ×
0
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
User interface design
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

User interface design

1,166

Published on

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

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

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

No Downloads
Views
Total Views
1,166
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
60
Comments
0
Likes
2
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. UserInterfaceDesign
  • 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. The Interface is theway you accomplishtasks with a product;what you do andhow it responds. Jef Raskin, “Interface”
  • 4. Everything we interact with has an interface
  • 5. Computerinterfaces
  • 6. Tip:Pirates ofSilicon Valley
  • 7. Touchdevices
  • 8. Problems
  • 9. Programmers 2 Programmers
  • 10. Marketing
  • 11. Mostimportantfor user
  • 12. Safety of user and his money
  • 13. Safety of user’s data (his work) Autosave Unlimited Undo Remember input data
  • 14. Save user’s time Previews Reopen last session Shortcuts Default settings
  • 15. Principlesof goodinterface
  • 16. Simplicity of interaction model
  • 17. scrollbar
  • 18. Simplicity of basic functions
  • 19. Speed
  • 20. Feedback
  • 21. Modeless and predictability Caps Lock Num Lock Insert button Language switching
  • 22. User fails proof — everybody make mistakes lazy programmers cool
  • 23. Simplicity of interaction modelSimplicity of basic functionsSpeedFeedbackModeless and predictabilityUser fails proof
  • 24. Bonus :)
  • 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. UI designprocess
  • 27. AnalyzeConceptPrototypeDetailed DesignProduct
  • 28. AnalyzeTalk and understand taskPersonasScenarios and features
  • 29. Alan Cooper, “The Inmates Are Running the Asylum”
  • 30. Concept Idea of user interface
  • 31. Prototype
  • 32. Detailed design
  • 33. Product
  • 34. CheatsandHints
  • 35. Grids
  • 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. http://960.gs
  • 38. Instruments forprototyping
  • 39. http://balsamiq.com
  • 40. One more thing
  • 41. — users don’t care about code
  • 42. — interface is evil
  • 43. Books
  • 44. Fin

×