top of page
Mockups & Prototypes
Mockups are a step up from wireframes. A mockup is a static design representation in which the product's identity is applied through color, typography and visual style.
Prototypes are the interactive versions of wireframes & mockups which can be used to test the actual user journey on your site through clickable links, buttons etc.
Note: You DO NOT need to know coding(HTML & CSS) to build interactive prototypes. The tools like Pencil do that automatically for you as you drag & drop.
Tips on Typography
Tips on Colors
Today's Readings (UX)
Reading I explains the difference between wireframes, mockups and prototypes.
Reading II Brown University's presentation on types of prototypes. Explains the concept of fidelity.
Data & Decisions
p-value: Concept Revision
Products in Action
bottom of page