Feedback Messages2:37 with Hope Armstrong
Feedback informs the user of the system status and tells them what to expect.
Common types of feedback:
- informational messages.
- 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
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 up