![Blog post thumbnail](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a597024b19f5_2e6406c5-3b20-4ce9-9da5-dd3db90ed50c.jpeg)
Google Hangouts' new user onboarding
Google Hangouts uses a classic modal series to welcome and onboard new users. Google often uses them throughout its suite of products to show off key features and highlights.
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a589224b1019_google_hangouts_modal_welcome_1.png)
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a5745f4b1481_google-hangouts-modal-welcome-2.png)
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a559b84b1126_google-hangouts-modal-window-3.png)
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a57efe4b13f3_google-hangouts-modals-4.png)
Why this is really good UX:
- The first welcome message makes it very clear that users are in the right place: Hangouts. This can help orientate users, especially since Google has so many integrated products with similar-looking branding.
- The modal series provides a broad overview of the best features. The copy is short, and each window is image-heavy.
- The dark gradient gives users a preview of how the product looks.
- The progress dots along the bottom inform length. This is especially important for tours that are on the longer side (3+ steps).