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.

March 27, 2014 · 1 min · 134 words

🏞 (image)

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

March 27, 2014 · 1 min · 21 words

🏞 (image)

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

March 26, 2014 · 1 min · 18 words

🔗 POP – Prototyping on Paper | iPhone App Prototyping Made Easy

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

May 19, 2013 · 1 min · 17 words