🏞 (image)

(via Why It’s Important to Sketch Before You Wireframe – UX Movement ) Where by β€œCode” you should really read β€œPrototype”.

examples of a sketch, wireframe and mockup, side by side

UI/UX design artefacts

Compare and contrast different design artefacts (sketch, wireframe, mockup, and prototype) in terms of their fidelity, speed, cost and use cases.

🏞 (image)

sketchplanations: Mobile is snorkelling. Desktop is diving. Metaphors for interface design from Rachel Hinman via Mobile First .

πŸ”— POP – Prototyping on Paper | iPhone App Prototyping Made Easy

POP – Prototyping on Paper | iPhone App Prototyping Made Easy Design on Paper Take Pictures Simulate