UX Design Workshop
•Télécharger en tant que PPTX, PDF•
14 j'aime•4,427 vues
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.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à UX Design Workshop
Similaire à UX Design Workshop (20)
Dernier
Dernier (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