Proactive Dialogs

Published: 06/24/2020 / Updated: 07/03/2020

This is a collection of Proactive Dialogs, more will be added soon. Proactive dialogs help the user along in the experience by giving them meaningful feedback when a user does something that can create, modify or delete valuable information. With a clear message, Proactive Dialogs are a user's best friend when they are in danger of doing something that can not be undone. A common pattern includes having to type in a confirmation word or phrase. These dialogs come in the form of a modal, disrupting the user experience to communicate the importance of the action being taken.

Github

Github does a masterful job of communicating consequences to user actions.

//images.ctfassets.net/3w88rbos5p4h/d0MiLa5dtecDjUNFbi4az/4a6bfaaec28797ed11beb414a8784098/github-proactive-dialog-walter-colindres.jpg

//images.ctfassets.net/3w88rbos5p4h/3ttsvOMYFgOpzy8UBbAP3L/0274f5f1d3a302fd26df60906e68a4d0/github-proactive-dialog2-walter-colindres.jpg

MailChimp

Along with an incredibly well designed interface, MailChimp does a great job of communicating loss of data warnings.

//images.ctfassets.net/3w88rbos5p4h/1hNzfq3XzY6g6gfhIVRzuC/197f2e57a9df6a867892089ae1288920/mailchimp-proactive-dialog-walter-colindres.jpg

//images.ctfassets.net/3w88rbos5p4h/2R64pTCfNq1gokJaiHHpf0/5f912b8b5f34fc1ad24c4caa5bd75abc/mailchimp-proactive-dialog2-walter-colindres.jpg

PayPal

PayPal shows a nice alert when you remove a bank account.

//images.ctfassets.net/3w88rbos5p4h/2aXkik3u1xeSQujPg0uAFj/f78e6867790ffe3be48203b24a8ad644/paypal-proactive-dialog-walter-colindres.jpg