Mockups & Prototypes<br />
M & P Advantages<br />
Mockups<br />Prototypes<br /><ul><li>Thumbnail
Paper*
Digital</li></ul>Techniques:<br />Greeking<br />Shadows<br />Highlighting<br />Outlining<br />Sketching<br /><ul><li>Story...
Wireframes
Upcoming SlideShare
Loading in …5
×

mockups prototypes

443 views
393 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
443
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

mockups prototypes

  1. 1. Mockups & Prototypes<br />
  2. 2.
  3. 3. M & P Advantages<br />
  4. 4. Mockups<br />Prototypes<br /><ul><li>Thumbnail
  5. 5. Paper*
  6. 6. Digital</li></ul>Techniques:<br />Greeking<br />Shadows<br />Highlighting<br />Outlining<br />Sketching<br /><ul><li>Storyboards
  7. 7. Wireframes
  8. 8. High-end prototypes</li></li></ul><li>How are they used?<br />Mockups & Prototypes<br />
  9. 9. Surveys<br />Interviews<br />Focus groups<br />Ethnography<br />User Research<br />Task Analysis<br />Personas<br />Scenarios<br />Use Cases<br />HTA<br />Requirements Definition<br />
  10. 10. User Research<br />Task Analysis<br />Requirements Definition<br />Client Feedback<br />Mockups & Prototypes<br />Usability Testing<br />Interface Design<br />

×