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 shoul...
or this way
8min 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 mockups
visual perception + forethought
Annotations
Illustrated flow
1
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
We love mockups
We love mockups
Upcoming SlideShare
Loading in …5
×

We love mockups

708 views
595 views

Published on

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

(Notes from our internal presentation)

Published in: Design, Technology
1 Comment
1 Like
Statistics
Notes
  • "If you can't explain it simply, you don't understand it well enough."
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
708
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
10
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

We love mockups

  1. 1. by Mike Kulakov everhour weavora
  2. 2. Why? • No miscommunication • Less text • Better impression
  3. 3. Goals • All of us start using mockups in communication • All doing it super quickly
  4. 4. 1. Miscommunication
  5. 5. –Client “Please add Edit Profile form.”
  6. 6. You think
  7. 7. Client
  8. 8. 2. Less text
  9. 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. 10. or this way 8min 28 sec to create this mockup
  11. 11. 3. Put order in things (Visualization)
  12. 12. demonstrably + you face many mismatches while working on it
  13. 13. 4. Look professionally
  14. 14. Detailed mockups visual perception + forethought
  15. 15. Annotations
  16. 16. Illustrated flow 1
  17. 17. Illustrated flow 2
  18. 18. Click through prototypes
  19. 19. 5. Not only at work :)
  20. 20. Margarita Recipe
  21. 21. 6. Community
  22. 22. Lots of stuff available at http:// mockupstogo.mybalsamiq.com/ projects
  23. 23. 7. Master class
  24. 24. My Environment • MAC :) • Balsamiq • Options: Show Graph Paper => Off • Options: Skin => Wireframe Skin
  25. 25. • A bit about available controls first (±15m) • Building Gmail interface… (±20min) Balsamiq Live

×