UX Design Workshop
•Als PPTX, PDF herunterladen•
14 gefällt mir•4,427 views
User Experience Design: A basic level understanding of UXD for developer community. This is a quick summary and also consists of few tips and tricks to make your application usable.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie UX Design Workshop
Ähnlich wie UX Design Workshop (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
UX Design Workshop
- 1. User Experience Design Workshop
- 3. What is UX? Workshop Techniques Fun Dialog UI Design Discussions UI Process
- 4. Do you really believe what your eyes see?
- 5. Do you really believe what your eyes see?
- 6. Charlie Chaplin – Illusion
- 7. Now that we know, what next?
- 9. Usability Definition [Usability refers to] the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." - ISO 9241-11
- 10. Who would be using this application? Where this user would be achieving this goal? What this user would like to achieve?
- 11. Persona UserWho would be using this application? Tasks profiling Can’t be “ALL USERS” Create Scenarios
- 12. More features less usability Understand primary tasks Focus on important things GoalWhat this user would like to achieve?
- 13. Personal Interview Email Surveys ContextWhere this user would be achieving this goal? Contextual Inquiry Focus Group Support Line
- 14. Enough theories, How do I design a web app?
- 16. This is where it all begins. What user want? Application Feature? BRS
- 17. This step transforms strategy into requirements. SRS Functional & UI requirement
- 18. This gives shape to the scope. Navigation Sitemap
- 19. It makes the site concrete. Wireframes Storyboards Prototype IA
- 20. Surface brings everything together visually. Graphics Icons Colors
- 21. Go low level and talk about design elements
- 22. Create accessible links Web users scan text User short & simple words Inverted pyramid writing Online vs. print content
- 23. Font Times New Roman is a common serif font Font Verdana is a common sans serif font Font Times New Roman is a proportional spaced font Font Courier is a monospace font Some gyan about fonts
- 24. Aoccdrnig to rseerach at Cmabrigde Uinervtisy, it deosn'tmttaer in waht oredr the ltteers in a wrod are, the olnyiprmoatnttihng is taht the frist and lsatltteer be at the rghitpclae. The rset can be a total mses and you can sitllraedit wouthitporbelm. Tihs is bcuseae the huamnmnid deos not raederveylteter by istlef, but the wrod as a wlohe. Amzanig huh? Avoid italics Capital = 14-20% less readable Sans serif are build for web 10 points or larger is safe font gyan continues
- 25. C a yureat is? You a e not radigths. W at arourea in ?
- 27. Do not use pure red or blue Do not use more than 6 colors 7% of population is color blind Blue is a safe color Use of colors
- 28. Try this color illusion
- 31. Familiarity reduces learning Meaning less icons Inconsistent icons Unlabeled icons Avoid Popular metaphors Use of icons
- 32. Button = Action Link = Navigation Consistency Affordance Usage of buttons
- 33. Number of items Usage pattern Space constrain Searching capability Auto complete Radio button, dropdown, or shuttle
- 34. Suggest solution Prevent error Keep it together Think about the message Never show system errors Error handling
- 35. User Experience Design User Experience Design User Interface Design Human Factors Engineering Information Architecture Usability Human Computer Interaction