This document discusses the benefits of using mockups in communication, including reducing miscommunication and using less text. It lists several goals such as having everyone start using mockups and creating them quickly. It then provides examples of mockups demonstrating an edit profile form, indicators for cache status, and a margarita recipe. It also mentions resources for finding mockups and taking a mockup "master class." The overall message is that mockups can improve communication and work processes by making designs and workflows more visual and clear.

1. by Mike Kulakov everhour weavora

2. Why?
• No miscommunication
• Less text
• Better impression

3. Goals
• All of us start using mockups in communication
• All doing it super quickly

4. 1. Miscommunication

5. –Client
“Please add Edit Profile form.”

6. You think

7. Client

8. 2. Less text

9. • 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

10. or this way
8min 28 sec to create this mockup

11. 3. Put order in things
(Visualization)

12. demonstrably + you face many mismatches while working on it

15. 4. Look professionally

16. Detailed mockups
visual perception + forethought

17. Annotations

18. Illustrated flow
1

19. Illustrated flow
2

20. Click through prototypes

21. 5. Not only at work
:)

22. Margarita Recipe

23. 6. Community

24. Lots of stuff
available at
http://
mockupstogo.mybalsamiq.com/
projects

25. 7. Master class

26. My Environment
• MAC :)
• Balsamiq
• Options: Show Graph Paper => Off
• Options: Skin => Wireframe Skin

27. • A bit about available controls first (±15m)
• Building Gmail interface… (±20min)
Balsamiq Live