Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
- What's Interaction Design? 3:06
- Five Dimensions 1:35
- Types of Interactions 5:18
- Microinteractions 3:42
- Feedback Messages 2:37
- Cognitive Psychology: Mental Models 4:47
- Cognitive Psychology: Affordances 4:36
- Psychological Principles 3:05
- Sensation and Perception 3:42
- Reviewing IxD Theories and Psychology 12 questions
Preview
Start a free Courses trial
to watch this video
![](https://videos.teamtreehouse.com/stills/UX-DesigningInteractions-S1V5-stills-8.jpg?token=698e425d_0f3e984845075f07b52f888786297c018a79d1cc)
00:00
00:00
00:00
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
Feedback informs the user of the system status and tells them what to expect.
Common types of feedback:
- success
- warning
- error
- informational messages.
Further Reading:
- Micro-interactions: why, when and how to use them to improve the user experience - Vamsi Batchu
- Ask a UX expert: How Micro-Interactions Can Enhance the User Experience - Oliver Lindberg
- Microinteractions - by Dan Saffer
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Now let's take a closer
look at feedback messages.
0:00
For all the interactions
users put into an interface,
0:04
it would be futile if
the system never responded.
0:07
Feedback is a critical
component of interaction design
0:11
as it informs the user of the system
status and tells them what to expect.
0:15
The most common types of feedback
that may come to mind are success,
0:21
warning, error, and
informational messages.
0:26
These are messages that often
show as a result of an action
0:30
such as filling out a form.
0:34
After submitting a form, typically,
0:37
a success message is shown to indicate
that information was successfully sent.
0:39
Inversely, an error message appears when
the information in a form is invalid or
0:45
the form failed to send.
0:51
A good error message clearly
articulates what went wrong and
0:54
what steps are needed to fix it.
0:58
A warning message can be used to
notify a user of the consequences
1:01
of performing a destructive act.
1:06
Now, that may sound big and
scary, but that's the lingo.
1:09
A destructive act would be
a button that allows you to delete
1:14
all of your progress data
in your Treehouse account.
1:17
The warning message provides transparency,
1:21
letting the user know what will
happen as a result of the action.
1:24
By resetting their progress,
all videos, quizzes, and
1:29
code challenges will appear as incomplete.
1:33
However, their points and
badges will remain unaffected.
1:37
Lastly, there are informational messages.
1:42
Think about that file upload
example I mentioned earlier.
1:45
A message indicating the file is
uploading is an informational message.
1:49
It's a neutral status
indication to let the user know
1:54
what's going on behind
the scenes of the UI.
1:58
Without it, the user would
think the website froze, and
2:01
they might try to resubmit the file.
2:03
Let's look at a common type of
feedback message on mobile phones.
2:08
A toast provides simple
feedback in a small pop-up,
2:13
and then they automatically disappear.
2:17
The current screen remains visible and
interactive.
2:20
That covers feedback.
2:22
In the next video,
I'll introduce mental models.
2:25
This will help you organize
interactions using patterns and
2:29
consistency to create
intuitive user experiences.
2:32
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up