Visual Feedback: Dialogs, Snackbars & Toasts

Learn how to use a variety of dialogs to display different types of information, show touch states and progress indicators and provide quick updates to users with snackbars and toasts. By Aldo Olivares.

Leave a rating/review
Download materials
Save for later
Comments
Share

Learning path

This is part of the Android UI & UX: Beyond the Basics learning path. View path.

Who is this for?

This course is for beginner level Android developers who want to learn more about visual feedback in Android.

Covered concepts

  • Simple Dialogs
  • Confirmation Dialogs
  • Alert Dialogs
  • Custom Dialogs
  • Progress Indicators
  • Snackbars
  • Toasts

Part 1: Visual Feedback: Dialogs, Snackbars & Toasts

01
Toggle description

Learn how touch states are implemented in xml layouts and their importance for visual feedback.

Learn how to use dialogs in your user interfaces in a proper way. Also learn about the three different types of dialogs: simple, confirmation and alert.

Toggle description

Simple dialogs are an easy way to display information that needs attention and some kind of action from the user. Confirmation dialogs usually include a cancel button and a confirmation button. In this episode learn how to build and display simple dialogs and confirmation dialogs.

Toggle description

Some actions such as deleting an email or a list are irreversible. When an irreversible action is about to be performed by the user it is advisible to warn the user in case they have made a mistake. This is when alert dialogs come in handy. Learn how to display an alert dialog in our app when the user clicks the “Clear List” button to make sure they actually wanted to take that action.

Toggle description

By creating a custom dialog, you can define your own layout to display in the main content area of the dialog. In this episode learn how to create and display a custom dialog with a layout defined in your xml resources.

Toggle description

Progress indicators fill the time with a moving indicator on the screen, reassuring the user that the app has registered the request and is working on it. Learn how to display and add progress indicators to your app.

Toggle description

A Snackbar is a useful little panel that pops up at the bottom of the screen to display a short piece of feedback to the user. It can either persist until dismissed by the user or show for a set amount of time. In this episode learn how to create and display snackbars to your salad app so the user can reverse an “Add fruit” action.

Toggle description

Toasts are the simplest pop-up messages. They are unobtrusive, short-lived, wrap around their content, and display at the bottom of the screen. In the final episode of this course, learn how to create and display toasts to your user.

Up next

Android & Kotlin
Bubble Notifications in Android
Android 11 has amazing new features that allows developers provide great user experiences. In this course ... more

Instructors

Aldo Olivares

Contributors

Aldo Olivares

Instructor

Adriana Kutenko

Illustrator

Over 300 content creators. Join our team.