Modal windows

15Five knows that a good product tour is essential when making changes that affect the end-user experience.

An inviting “sneak peek” sparks curiosity and encourages signing up for a free trial.

Fintech app Acorns uses in-app modals to educate users about historical stock market trends—and urge them to avoid panic selling amid the downturn.

In their onboarding, ConnectWise Control connects the nontechnical guest users with expert technicians.

InVision intentionally adds friction to their UX to prevent users from accidentally deleting important design prototypes.

Here, Spark has made various improvements to these parts of its product and has announced the upgrades in a series of compact modals.

Audible has many longtime users which means it needs to cater for how the app previously worked, and how it works now.

Time is a user problem that Google is helping to solve in two ways, with new functionality and automation.

Trust is something Headspace takes seriously in all parts of their service, including the way they deliver their privacy policy to its users.

To keep it intuitive, clean and concise Trello has to be considerate when making alterations to their product, and how they announce it.

Gmail uses contextual awareness to prevent the most common email related user error

In this example, MailChimp thoughtfully notifies the user of a new update to its product.

Upon sign-up for their demo, Teampay uses a Mad Libs-esque form to gather visitors' information.

Google Sheets introduced their new view history feature with a helpful modal window.

When changes are made to their software, Webflow greets users back into the tool with a 'Since You've Been Gone' modal window, listing the changes and updates.

Soapbox welcomes new users with friendly casual copy, and a demonstration tutorial of their tool in use.

Rather than stop at the bare minimum, Pocket also surfaces related readings each time a user clicks the Pocket icon to save an article.

The team at Sellbrite has recently updated the design of their free-trial sign-up modal, making it even more user friendly and earning some extra UX points.

Medium lets users read for free, prompting users to create an account when they try to take one of the many membership-based actions available on each screen.

In their onboarding, Dropbox shows users how they can use their product, and therefore access their documents, anywhere.

Instead of trying to review, verify, and rate every single class independently, ClassPass solicits user feedback to make appropriate suggestions to its users.

Zenefits has found a great way to ease first-time users into a variety of complex functions.

To help users create the right survey for their needs, SurveyMonkey offers a variety of templates to choose from as a starting point.

The design of Sellbrite's free-trial sign-up page helps pull users into the product, encouraging them to complete the form.

When Gliffy users want to create a new diagram, a modal window gets them started in the right design environment based on their goals.

Vintage-items marketplace Chairish achieves a smooth onboarding experience by showing users signup messages in context as they explore the site

Online fashion retailer Grana has a lean and elegant website with a clean UX. Users can navigate and shop quickly and without fuss.

Instacart's sleek and responsive shopping flow provides users with a premium, convenient shopping experience.

The New York Times uses a modal window to ask users about their preferences for personalization.

Meetup's viral loop comes from inviting friends to get togethers. Here's when and how they attempt to get users to invite their friends.

HubSpot uses in-app upgrade prompts to entice users to buy their advanced SaaS products. Here's an example of how they use an in-app message to upsell.

HubSpot intentionally adds friction to their UX with a confirmation modal that prevents human error and relieves anxiety around a high-impact action.

Tumblr's delete account confirmation modal uses friction to prevent accidental deletion through a fullscreen confirmation modal with manual inputs.

Webflow limits their user's frustration with a confirmation modal as a precautionary pre-delete step. See the screenshot inside this post for UX inspiration.