BIH - Human Centered Design
•Télécharger en tant que PPTX, PDF•
6 j'aime•1,642 vues
UX Bootcamp @ Microsoft Innovation Center + Botswana Innovation Hub
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à BIH - Human Centered Design
Similaire à BIH - Human Centered Design (20)
Dernier
Dernier (20)
BIH - Human Centered Design
- 1. human centered design BIH UI/UX BOOTCAMP / Microsoft Innovation Center @ Botswana Innovation Hub / bihux.tumblr.com
- 2. Human centered design Human centered design is design around the users needs and constraints. Using an understanding of cognitive psychology and interaction paradigms in your design, will help your interfaces communicate better with your user.
- 3. Creativity Engineering Empathy The engineering aspect of User Experience is how we engineer experiences and digital products to make sense to a human being. The engineering aspect of User Experience is how we engineer experiences and digital products to make sense to a human being. The creative side of UX allows you as a product designer to think outside of the box to solve problems for users. Visual design can also be creative to attract users and build a product.
- 4. Ask yourself, who is your user? How does your user typically solve problems? What kinds of products and ideas does your user respond to? What is the problem for your user? What’s the best way to solve the problem for your user?
- 5. How does your user experience your solution? How will the user learn to use your solution? How will the user use your solution over time? How will they find your solution? How will your solution affect your user?
- 7. Human memory is limited. Research shows that people can remember about 3-4 items at a time.
- 8. Don’t make people remember things going from one page to the next
- 10. People process information best in bite sized chunks.
- 11. People have to use info to make it stick.
- 12. how people think
- 13. People construct mental models
- 14. Anticipate mistakes and attempt to prevent them. Make it easy to undo.
- 15. People are emotional beings.
- 16. THEME TITLE <image here> MICROSOFT IDEACAMP UX WORKSHOP We are affected by pictures, especially pictures of people DSEF
- 17. We are affected by stories
- 18. Stress impairs working memory.
- 19. Most people will spend several seconds on a webpage to figure out if it’s what they want
- 20. People are better at processing images than words.
- 21. Culture affects the way people think.
- 22. how people work
- 23. Hick’s Law : The time it takes for a person to make a decision as a result of the possible choices he or she has: increasing the number of choices will increase the decision time logarithmically.
- 25. There must be a motivation to do something. There must be the ability to do it. There must be a well placed trigger.
- 26. The greater the effort to accomplish a task, the less likely a task will be accomplished successfully.
- 27. Mapping
- 33. You can modify a user ’s behavior by rewarding desirable behaviors and ignoring or punishing bad behaviors
- 34. To create a positive UX, match the conceptual model of the task to what the user ’s mental model is.
- 35. If you introduce a new mental model you should teach it to your users. Clear
- 36. Only provide the information needed at the moment.
- 37. Buttons Button Button Button normal Hover Focus Button Button On tap disabled
- 38. Get a user to commit to a small action before you try to get them to commit to a large action
- 39. UI should engage the user but not distract them when they are paying attention to something.
- 40. Present only the minimum amount of data required for the task at hand Mailchimp
- 41. Make things look clickable
- 42. It’s harder for a user to recall an action than it is to choose an option. Mailchimp
- 44. Things that are close together are believed to ‘go’ together Jetblue
- 45. Group things so the user can find something more easily
- 47. Poor Example
- 48. Highlighted Tabs
- 49. Picture Gallery
- 50. Sign Up
- 51. Maintain the focus of a user ’s attention by reducing clutter/confusion.
- 52. Text Box Selected State
- 53. Starbucks Signups Default Text
- 54. Clickable Items
- 55. Status
- 59. First Time Experience/Walk Through
- 60. First Time Experience/Walk Through
- 63. Process / Steps in Progress
- 66. Quick Stats
- 68. Animation
- 69. Icon States
- 70. 404 Page
- 73. Tooltips
- 74. Process / Steps in Progress
- 77. Buttons: Flat vs. Skeumorphic
- 79. Big Numbers
- 81. Button States
- 82. There are recommended sizes for buttons so that they are easy to tap. Minimum Target Size 7mm 9 mm Usability
- 83. accessibility
Notes de l'éditeur
- How do people talk and interact with interfaces? Interfaces must communicate and inform the user on how it can be used. What happens when users see an interface? What is he or she thinking? Does he understand what he or she is looking at? What is the user supposed to do next? Traditionally called Human Computer Interaction, HCI represents the engineering approach we take to UX . It’s rooted in understanding how people use technology and how the components of a digital design help a user accomplish a task.
- http://zurb.com/university/library
- http://static.lukew.com/smartdefualts_jetblue2.gif
- But more on in later, we’ll go in depth!
- When you look at an interface, you’re looking at all those elements working together. Design Strategy determined how they wanted the user to use the website. Design research tested to see how users would navigate through the page. Visual Design makes it so that certain things stand out, and it looks balanced. Usability made sure that everything was clickable. Technology, engineering behind it.