Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Designing Interactions

Well done!

You have completed Designing Interactions!

Sign up for Treehouse Back to Library

Feedback Messages

2:37 with Hope Armstrong

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:

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related 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 up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up