Downloaded 23 times
Uploaded byOmar Sosa-Tzec
Affordances, Constraints, and Feedback in User Experience Design
The document discusses essential design principles in human-computer interaction, focusing on perceived affordances, constraints, and feedback that guide user interactions. It emphasizes the importance of visual, audible, and tactile feedback to facilitate user understanding and prevent errors. The document also outlines methods for user research to gather insights on user experiences and mental models for effective design.
More Related Content
Similar to Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience Design
- 1. Affordances,Constraints andFeedback Let’s take onemore look at this, and nail it! OmarSosa-Tzec School of Informatics & Computing Indiana University Bloomington info i300 Human-Computer Interaction Fall 2016
- 2.
- 3. What your design musthave right What the user must get at any point of the interaction flow
- 4. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints
- 5. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback
- 6. What your design musthave right What the user must get at any point of the interaction flow Telltheuser whattodo/ Allowhertoact inacertainway Helptheuser avoidmistakes orerrors Visual Feedback Audible Feedback Tactile Feedback
- 7. What your design musthave right What the user must get at any point of the interaction flow Telltheuser whattodo/ Allowhertoact inacertainway stillandmotion graphics soundcodes, alerts vibration, haptics Helptheuser avoidmistakes orerrors
- 8.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback
- 37. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model
- 38. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model User research:
- 39. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model User research: -Talkandinterviewpeople
- 40. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model User research: -Talkandinterviewpeople -Focusgroups
- 41. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model User research: -Talkandinterviewpeople -Focusgroups -Shadowing
- 42. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model User research: -Talkandinterviewpeople -Focusgroups -Shadowing -ParticipantObservation
- 43. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model User research: -Talkandinterviewpeople -Focusgroups -Shadowing -ParticipantObservation -Analytics
- 44. What your design musthave right What the user must get at any point of the interaction flow Perceived Affordances Constraints Visual Feedback Audible Feedback Tactile Feedback User's mental model User research: -Talkandinterviewpeople -Focusgroups -Shadowing -ParticipantObservation -Analytics -Secondaryresearch(books&papers)
- 45.
- 46.
- 47. •Add and presentURLs properly
- 48. •Add and presentURLs properly •Use TinyURL,Bitly,Google URL Shortener
- 49. •Add and presentURLs properly •Use TinyURL,Bitly,Google URL Shortener •Verify that you link works
- 50. •Add and presentURLs properly •Use TinyURL,Bitly,Google URL Shortener •Verify that you link works •Don't make the reader think (make a usable document)
- 51.
- 52. •Think of allthe concepts,ideas, and exercises that we've seen so far.Please,write down briefly what concept or idea is not clear to you yet. •Include your name (attendance).
- 53.
- 54.
- 55. •The general idea:you will make the same flow but now with Balsamiq
- 56. •The general idea:you will make the same flow but now with Balsamiq •Read the instructions on Canvas
- 57. •The general idea:you will make the same flow but now with Balsamiq •Read the instructions on Canvas •Deadline: Wednesday Oct 5, 11:59 PM
- 58. Thanks! @omitzec tzec.com * Some imagesare taken from the Web for illustration and pedagogical purposes only