The Design of Everyday Things (First Offering on Udacity)https://www.udacity.com/course/design101
@tags:: #lit✍/📰️article/highlights
@links:: design, user experience (ux),
@ref:: The Design of Everyday Things (First Offering on Udacity)https://www.udacity.com/course/design101
@author:: gist.github.com
=this.file.name
Reference
=this.ref
Notes
Affordances and Signifiers
Affordances are the relationships (read: possible actions) between an object and an entity (most often a person). For example, a chair affords sitting for a human.
- No location available
-
Affordances enable interactions between entities and objects (similarly, anti-affordances prevent or reduce interactions).
- No location available
-
The presence of an affordance is determined by the properties of the object and of the abilities of the entity who's interacting with the object.
- No location available
-
Signifiers are signals, communication devices. These signs tell you about the possible actions; what to do, and where to do it.
- No location available
-
Signifiers are often visible, but invisible (secret) signifiers do exist, like clicking a YT video to play and pause it, or double-clicking it to full screen it. Sometimes very useful features are "wasted" because they are very difficult to discover; consider making signifiers visible if possible.
- No location available
-
Sometimes it's good design to have a signifier but hide the affordance so that it only reveals itself to the intended user, e.g. a door handle that isn't grab-able, but pops out when it senses the key nearby.
- No location available
- user experience (ux), design, signifier,
Conceptual Model & System Image
Conceptual models are (highly simplified) explanations of how something works. They are useful for predicting how something will work and what to do in case something goes wrong.
- No location available
-
People form conceptual models all the time. Once you interact with an object, you form a conceptual model of how it works. It's the responsibility of the designer to help the user form a useful model. The best conceptual models can often be inferred from an object itself.
- No location available
-
Designers have a clear conceptual model when designing the product, but users cannot talk with the designer to understand their design model, so they rely on the product's system image to form a user's model. A system image is whatever information is conveyed by the product. Information such as its shape, form, signifiers, affordances, and documentation in manuals.
- No location available
-
Whenever an object has external labels (e.g. labels added by the user), that's a sign of poor design.
- No location available
-
Gulfs of Evaluation & Execution
(highlight:: Gulf of Execution, the mental state where users figure out how to execute
Leads to the concept of discoverability
How do I know what I can do?
What actions are possible? What are my alternatives? What can I do now? How do I do it?)
- No location available
-
(highlight:: Gulf of Evaluation, the mental state where users figure out the response to an action taken
Leads to the concept of feedback
How do I know what happened?
What happened? Did it work? What does it mean? Is this OK? Have I accomplished my goal?)
- No location available
-
(highlight:: Two difficulties of using a product are
lack of discoverability (knowing what to do), and
lack of feedback (knowing what happened))
- No location available
-
The two gulfs connect the user's goal ("What do I want to accomplish") with the state of the world (the world is where actions and everything else occurs). When users have difficulty crossing the gulfs, it's a sign of bad design.
- No location available
-
Crossing the gulfs involves users (consciously or unconsciously asking themselves a series of questions. These seven questions to cross the gulfs serve as a helpful checklist when designing something:
What do I want to accomplish?
What can I do now?
How do I do it?
What happened?
What does it mean?
What are my alternatives?
Have I accomplished my goal?)
- No location available
-
User testing is incredibly important. You should do it early to collect feedback before you start building
- No location available
-
Instead of explaining your design, show it to people and let them try it. Stand back and let them know your job is to improve it and you want their help and honest feedback.
- No location available
-
When someone asks “would it do X”? Don’t answer the question, but instead ask “what would you like to see?” This way you capture valuable ideas.
- No location available
-
Sketching is cheap. Engineering is expensive. Start on paper and get feedback by testing the design on others.
- No location available
-
A wireframe shows the basic information and placement of different elements. Flows are sequences of wireframes. Flows create a UI story in much the same way a comic strip tells a story.
- No location available
- user experience (ux), user flows, wireframes,
Predictable Targets is at the confluence of Discoverability, Visibility, and Stability. These three principles are vital to people's comfort and success with visual interfaces.
- No location available
-
Predictable Target should appear high on your list of mandatory rules, only to be violated when it can be proven that another consideration, in a particular circumstance, will result in even greater productivity.
- No location available
-
What do most buyers not want? They don't want to see all kinds of scary-looking controls surrounding a media player. They don't want to see a whole bunch of buttons they don't understand. They don't want to see scroll bars. They do want to see clean screens with smooth lines. Buyers want to buy Ferraris, not tractors, and that's exactly what Apple is selling.
- No location available
-
If you keep your customers happy, they will become unpaid ambassadors for your product. Or, conversely, unpaid disparagers of your products. Ask yourself, what do you put your own faith in, manufacturers' puffery or experienced users' amazon reviews?
- No location available
-
dg-publish: true
created: 2024-07-01
modified: 2024-07-01
title: The Design of Everyday Things (First Offering on Udacity)https://www.udacity.com/course/design101
source: hypothesis
@tags:: #lit✍/📰️article/highlights
@links:: design, user experience (ux),
@ref:: The Design of Everyday Things (First Offering on Udacity)https://www.udacity.com/course/design101
@author:: gist.github.com
=this.file.name
Reference
=this.ref
Notes
Affordances and Signifiers
Affordances are the relationships (read: possible actions) between an object and an entity (most often a person). For example, a chair affords sitting for a human.
- No location available
-
Affordances enable interactions between entities and objects (similarly, anti-affordances prevent or reduce interactions).
- No location available
-
The presence of an affordance is determined by the properties of the object and of the abilities of the entity who's interacting with the object.
- No location available
-
Signifiers are signals, communication devices. These signs tell you about the possible actions; what to do, and where to do it.
- No location available
-
Signifiers are often visible, but invisible (secret) signifiers do exist, like clicking a YT video to play and pause it, or double-clicking it to full screen it. Sometimes very useful features are "wasted" because they are very difficult to discover; consider making signifiers visible if possible.
- No location available
-
Sometimes it's good design to have a signifier but hide the affordance so that it only reveals itself to the intended user, e.g. a door handle that isn't grab-able, but pops out when it senses the key nearby.
- No location available
- user experience (ux), design, signifier,
Conceptual Model & System Image
Conceptual models are (highly simplified) explanations of how something works. They are useful for predicting how something will work and what to do in case something goes wrong.
- No location available
-
People form conceptual models all the time. Once you interact with an object, you form a conceptual model of how it works. It's the responsibility of the designer to help the user form a useful model. The best conceptual models can often be inferred from an object itself.
- No location available
-
Designers have a clear conceptual model when designing the product, but users cannot talk with the designer to understand their design model, so they rely on the product's system image to form a user's model. A system image is whatever information is conveyed by the product. Information such as its shape, form, signifiers, affordances, and documentation in manuals.
- No location available
-
Whenever an object has external labels (e.g. labels added by the user), that's a sign of poor design.
- No location available
-
Gulfs of Evaluation & Execution
(highlight:: Gulf of Execution, the mental state where users figure out how to execute
Leads to the concept of discoverability
How do I know what I can do?
What actions are possible? What are my alternatives? What can I do now? How do I do it?)
- No location available
-
(highlight:: Gulf of Evaluation, the mental state where users figure out the response to an action taken
Leads to the concept of feedback
How do I know what happened?
What happened? Did it work? What does it mean? Is this OK? Have I accomplished my goal?)
- No location available
-
(highlight:: Two difficulties of using a product are
lack of discoverability (knowing what to do), and
lack of feedback (knowing what happened))
- No location available
-
The two gulfs connect the user's goal ("What do I want to accomplish") with the state of the world (the world is where actions and everything else occurs). When users have difficulty crossing the gulfs, it's a sign of bad design.
- No location available
-
Crossing the gulfs involves users (consciously or unconsciously asking themselves a series of questions. These seven questions to cross the gulfs serve as a helpful checklist when designing something:
What do I want to accomplish?
What can I do now?
How do I do it?
What happened?
What does it mean?
What are my alternatives?
Have I accomplished my goal?)
- No location available
-
User testing is incredibly important. You should do it early to collect feedback before you start building
- No location available
-
Instead of explaining your design, show it to people and let them try it. Stand back and let them know your job is to improve it and you want their help and honest feedback.
- No location available
-
When someone asks “would it do X”? Don’t answer the question, but instead ask “what would you like to see?” This way you capture valuable ideas.
- No location available
-
Sketching is cheap. Engineering is expensive. Start on paper and get feedback by testing the design on others.
- No location available
-
A wireframe shows the basic information and placement of different elements. Flows are sequences of wireframes. Flows create a UI story in much the same way a comic strip tells a story.
- No location available
- user experience (ux), user flows, wireframes,
Predictable Targets is at the confluence of Discoverability, Visibility, and Stability. These three principles are vital to people's comfort and success with visual interfaces.
- No location available
-
Predictable Target should appear high on your list of mandatory rules, only to be violated when it can be proven that another consideration, in a particular circumstance, will result in even greater productivity.
- No location available
-
What do most buyers not want? They don't want to see all kinds of scary-looking controls surrounding a media player. They don't want to see a whole bunch of buttons they don't understand. They don't want to see scroll bars. They do want to see clean screens with smooth lines. Buyers want to buy Ferraris, not tractors, and that's exactly what Apple is selling.
- No location available
-
If you keep your customers happy, they will become unpaid ambassadors for your product. Or, conversely, unpaid disparagers of your products. Ask yourself, what do you put your own faith in, manufacturers' puffery or experienced users' amazon reviews?
- No location available
-