We love mockups
-
date post
22-Oct-2014 -
Category
Design
-
view
325 -
download
2
description
Transcript of We love mockups
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