by Mike Kulakov everhour weavora

Why?

• No miscommunication

• Less text

• Better impression

Goals

• All of us start using mockups in communication

• All doing it super quickly

1. Miscommunication

–Client

“Please add Edit Profile form.”

You think

Client

2. Less text

• At page 1 user should see indicators to help him to know if the cache is already finished or not

• Those indicators should be added within the dropdown right next to the different data selections

• Checkmarks: please use our pantone blue checkmarks in order to show user that cache for this data already finished

• Negative: add red "X" (use our pantone red for it) in order to tell user that cache is yet not finished.

• Please choose appropriate icons for negative /positive marks to fit the look

or this way8min 28 sec to create this mockup

3. Put order in things (Visualization)

demonstrably + you face many mismatches while working on it

4. Look professionally

Detailed mockupsvisual perception + forethought

Annotations

Illustrated flow1

Illustrated flow 2

Click through prototypes

5. Not only at work :)

Margarita Recipe

6. Community

Lots of stuff available at

http://mockupstogo.mybalsamiq.com/

projects

7. Master class

My Environment

• MAC :)

• Balsamiq

• Options: Show Graph Paper => Off

• Options: Skin => Wireframe Skin

• A bit about available controls first (±15m)

• Building Gmail interface… (±20min)

Balsamiq Live