Affordances, Constraints, and Feedback in User Experience Design
•
1 like•5,241 views
Lecture slides on the connection between affordances, constraints, and feedback (audible, tactile, and visual) for the design of interfaces and interactions. Fall 2016 course INFO-I 300: Human-Computer Interaction/Interaction Design. Instructor of record: Omar Sosa-Tzec, PhD Candidate in Informatics (HCI Design). Indiana University Bloomington, School of Informatics and Computing.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Affordances, Constraints, and Feedback in User Experience Design
Similar to Affordances, Constraints, and Feedback in User Experience Design (20)
More from Omar Sosa-Tzec
More from Omar Sosa-Tzec (18)
Recently uploaded
Recently uploaded (20)
Affordances, Constraints, and Feedback in User Experience Design
- 1. Affordances,Constraints andFeedback Let’s take one more look at this, and nail it! OmarSosa-Tzec School of Informatics & Computing Indiana University Bloomington info i300 Human-Computer Interaction Fall 2016
- 3. What your design must have right What the user must get at any point of the interaction flow
- 4. What your design must have right What the user must get at any point of the interaction flow Perceived Affordances Constraints
- 5. What your design must have 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 must have 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 must have 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
- 23. Checkthisout…
- 28. GlobalNavigation
- 29. LocalNavigation
- 33. Keepinmind…
- 35. Emphasisonelegancy,somethingnew? howdifficultistolearnthis typeofmapping? convention? mixofsymbols?
- 36. What your design must have 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 must have 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 must have 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 must have 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 must have 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 must have 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 must have 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 must have 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 must have 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. Micro-break!
- 46. Professional Tip
- 47. •Add and present URLs properly
- 48. •Add and present URLs properly •Use TinyURL,Bitly,Google URL Shortener
- 49. •Add and present URLs properly •Use TinyURL,Bitly,Google URL Shortener •Verify that you link works
- 50. •Add and present URLs properly •Use TinyURL,Bitly,Google URL Shortener •Verify that you link works •Don't make the reader think (make a usable document)
- 51. Micro- activity
- 52. •Think of all the 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).
- 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 images are taken from the Web for illustration and pedagogical purposes only