Affordances, Constraints, and Feedback in User Experience Design
•
1 recomendación•5,241 vistas
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.
Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Affordances, Constraints, and Feedback in User Experience Design
Similar a Affordances, Constraints, and Feedback in User Experience Design (20)
Más de Omar Sosa-Tzec
Más de Omar Sosa-Tzec (18)
Último
Último (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