Proactive Messaging

This is a collection of Proactive Messaging examples, more will be added soon. Proactive Messaging is very similar to Proactive Dialogs. The main difference here is that Proactive Messaging occurs inline, while the user is doing something and generally before they click a submit button on a form. A great example is inline password strength meters. The benefit is quicker feedback which allows users to adjust in the moment. Proactive is sensitive to the needs of the form, while being humane to the user experience by guiding the user through potential problems.

Kickstarter

Kickstarter auto fills the card type based on the user's input.

Kickstarter Proactive Messaging - Walter Colindres

MailChimp

MailChimp does a lot of clever inline messaging, which guides the user as they sign up. Clues as to what the form is expecting appear as users fill out input fields. The really clear password requirements legend helps make sure users create the appropriate password without having to guess what is required.

MailChimp Proactive Messaging - Walter Colindres

PayPal

PayPal has a strength and match meter when you create an account. One thing I do not like, is that a user has to submit their details before it comes back with an error message if the email address is taken. Ideally, the user should not be forced to enter/wait to know that the email is already in use. The alerts on the passwords fields require you to click on them to see what the error is, which I'd prefer to show inline. Overall a good experience.

PayPal Proactive Messaging - Walter Colindres

Simple

Once a password matches, the inline messaging goes green. If they are not the same, an inline message alerts you to the error before you submit.

Twitter Proactive Messaging - Walter Colindres

Twitter

Once a password matches, the inline messaging goes green. If they are not the same, an inline message alerts you to the error before you submit.

Twitter Proactive Messaging - Walter Colindres