Top Banner
by Mike Kulakov everhour weavora
27

We love mockups

Oct 22, 2014

Download

Design

Our team using mockups at work every single day. Here is why

(Notes from our internal presentation)
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: We love mockups

by Mike Kulakov everhour weavora

Page 2: We love mockups

Why?

• No miscommunication

• Less text

• Better impression

Page 3: We love mockups

Goals

• All of us start using mockups in communication

• All doing it super quickly

Page 4: We love mockups

1. Miscommunication

Page 5: We love mockups

–Client

“Please add Edit Profile form.”

Page 6: We love mockups

You think

Page 7: We love mockups

Client

Page 8: We love mockups

2. Less text

Page 9: We love mockups

• 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

Page 10: We love mockups

or this way8min 28 sec to create this mockup

Page 11: We love mockups

3. Put order in things (Visualization)

Page 12: We love mockups

demonstrably + you face many mismatches while working on it

Page 13: We love mockups
Page 14: We love mockups
Page 15: We love mockups

4. Look professionally

Page 16: We love mockups

Detailed mockupsvisual perception + forethought

Page 17: We love mockups

Annotations

Page 18: We love mockups

Illustrated flow1

Page 19: We love mockups

Illustrated flow 2

Page 20: We love mockups

Click through prototypes

Page 21: We love mockups

5. Not only at work :)

Page 22: We love mockups

Margarita Recipe

Page 23: We love mockups

6. Community

Page 24: We love mockups

Lots of stuff available at

http://mockupstogo.mybalsamiq.com/

projects

Page 25: We love mockups

7. Master class

Page 26: We love mockups

My Environment

• MAC :)

• Balsamiq

• Options: Show Graph Paper => Off

• Options: Skin => Wireframe Skin

Page 27: We love mockups

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

• Building Gmail interface… (±20min)

Balsamiq Live