Overview

Butler is an on boarding framework that displays messages / notifications based on rules triggered by the user’s action. In App Messages (IAM) is built at 2 levels. The first level known as Feature Floaters is intended to deliver a bird’s eye view of the top new features in a release. These IAMs show up on first launch after a fresh update is installed. This is a one time experience that allows the users to quickly locate and figure out the new features in an update. Feature floaters are generally limited to a maximum of 3 per release and preferably tied to a theme. The second level of IAMs is known as the contextual messages. These messages are more detailed and are triggered contextually based on a user’s action.

The foundation of a contextual message lies in a trigger. For every new feature we want to inform the user about, we determine the right context / time / opportunity. Which forms the trigger for the message. When the user performs the ‘expected task / action’ the trigger is fired and we display the message. In App Messages is a library of card based notifications that serve the above 2 use cases. The visual language is built in a way that allows the teams to customize these messages with the right amount of content and media. The cards can support images, slideshows, videos, GIFs and HTML content. Allowing the teams to make the on boarding process interactive and rich.


DEMO



Blueprint

In App Messages is an on boarding framework that displays messages / notifications based on rules triggered by the user’s action. In App Messages (IAM) is built at 2 levels. The first level known as Feature Floaters is intended to deliver a bird’s eye view of the top new features in a release.


IAM Components
# Component Sub - Components Class
1 Text Component Feature Title, Feature Tag, Feature Description, Keywords Primary
2 Button Component External Button, Internal Button, Dual Button Secondary (Optional)
3 Media Component Static Image, Aimated GIF, Video, Slideshow Secondary (Optional)


Feature Title NEW ENHANCED

Animated GIF or png  for extra info information paragraph blurb metadata facts data specifics particulars by kick push on dribble.


Cards

Basic Cards


Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Feature Title ENHANCED

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.


Media Cards


Feature Title ENHANCED

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Feature Title NEW

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Feature Title NEW

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.


Actionable Cards


Feature Title NEW

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Feature Title NEW

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Feature Title NEW

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.


Combo Cards


Feature Title ENHANCED

Video thumbnail for extra info information paragraph blurb metadata facts data specifics particulars video by Signalnoise.

Feature Title NEW

Animated GIF or png  for extra info information paragraph blurb metadata facts data specifics particulars by kick push on dribble.

Feature Title NEW

Slideshow component for extra info information paragraph blurb metadata facts data specifics particulars via behance.


Interactive Cards


Feature Title ENHANCED

Optional space for extra info information paragraph blurb metadata facts data specifics particulars ul>li.item$*5 + TAB

Feature Title ENHANCED

Optional space for extra info information paragraph blurb metadata facts data specifics particulars ul>li.item$*5 + TAB


Stacked Cards


Feature Title ENHANCED

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Feature Title ENHANCED

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.


Soft Update


In-App Updates100 KB

Bootstrap Version 3.5

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Emmet Version 4

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

More...

REMIND ME IN 4 DAYS

In-App Updates 100 KB

Bootstrap Version 3.5

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Emmet Version 4

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

REMIND ME IN 4 DAYS

In-App Updates 100 KB

Bootstrap Version 3.5

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Emmet Version 4

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Downloading ...

In-App Updates 100 KB

Bootstrap Version 3.5

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Emmet Version 4

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Updates Downloaded

In-App Updates INSTALLED

Bootstrap Version 3.5

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Emmet Version 4

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Updates Installed

In-App Updates ERROR

Bootstrap Version 3.5

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

Emmet Version 4

Optional space for extra info information paragraph blurb metadata facts data specifics particulars instructions guidance.

REMIND ME IN 4 DAYS

In-App Updates ERROR

Installation of In-App updates is only partially complete. It is recommended that you only continue using Dreamweaver after troubleshooting the issue.


CC Release Cards (Experiments)


Photoshop CC 2016.1 UPDATE

Viris phaedrum ad cum, in usu ipsum percipit. Ut ponderum percipitur este ponderum percipitur este ponderum percipitur este

 

REMIND ME TOMORROW

Illustrator CC 2016.1 UPDATE

Viris phaedrum ad cum, in usu ipsum percipit. Ut ponderum percipitur este ponderum percipitur este ponderum percipitur este

REMIND ME TOMORROW

InDesign CC 2016.1 UPDATE

Viris phaedrum ad cum, in usu ipsum percipit. Ut ponderum percipitur este ponderum percipitur este ponderum percipitur este

REMIND ME TOMORROW

Dreamweaver CC 2016.1 UPDATE

Viris phaedrum ad cum, in usu ipsum percipit. Ut ponderum percipitur este ponderum percipitur este ponderum percipitur este

REMIND ME TOMORROW

Project Comet         BETA

Viris phaedrum ad cum, in usu ipsum percipit. Ut ponderum percipitur este ponderum percipitur este ponderum percipitur este

REMIND ME TOMORROW

Muse CC 2016.1 UPDATE

Viris phaedrum ad cum, in usu ipsum percipit. Ut ponderum percipitur este ponderum percipitur este ponderum percipitur este

REMIND ME TOMORROW