mockup | Hugo Ferreira https://hugo.ferreira.cc/tags/mockup/ Recent content in Mockup by Hugo Ferreira mockup | Hugo Ferreira https://hugo.ferreira.cc/hf-bw.jpg https://hugo.ferreira.cc/tags/mockup/ Hugo -- 0.124.1 en 2000–2024 by Hugo Ferreira Β·Β CC BY 4.0 Thu, 27 Mar 2014 22:16:32 +0000 πŸ’­Β UI/UX design artefacts https://hugo.ferreira.cc/design-artefacts/ Thu, 27 Mar 2014 22:16:32 +0000 https://hugo.ferreira.cc/design-artefacts/ Compare and contrast different design artefacts (sketch, wireframe, mockup, and prototype) in terms of their fidelity, speed, cost and use cases. Because this seems to keep popping up in my discussions from time to time:

Artefacts Fidelity Speed Cost
Sketch βž–βž– very low βž•βž• very fast πŸ’² cheap
Wireframe βž– low βž• fast πŸ’²πŸ’² low
Mockup βž• medium βž– slow πŸ’²πŸ’²πŸ’² high
Prototype βž•βž• high βž–βž– very slow πŸ’²πŸ’²πŸ’²πŸ’² expensive

Sketch β€”Β pen & paper rough drawings

  • Quick brainstorm of ideias
  • Easy communication of purpose

Wireframe β€”Β black & grey representation

  • Use: quick communication of interactions
  • Documenting the interface;

Mockup β€” static coloured visualisation

  • Gather rough feedback and buy-in from stakeholders

Prototype β€” real interactive implementation

  • User testing in a scenario close to reality
  • Possibly reusable into the product

See also,

]]> 🏞 (image) https://hugo.ferreira.cc/via-why-its-important-to-sketch-before-you/ Thu, 27 Mar 2014 07:07:28 +0000 https://hugo.ferreira.cc/via-why-its-important-to-sketch-before-you/ (via Why It’s Important to Sketch Before You Wireframe – UX Movement ) Where by “Code” you should really read “Prototype”.

(via Why It’s Important to Sketch Before You Wireframe – UX Movement )

Where by “Code” you should really read “Prototype”.

]]> πŸ”—Β Quartz Composer for iOS -- Joris Kluivers https://hugo.ferreira.cc/quartz-composer-for-ios-joris-kluivers/ Thu, 06 Jun 2013 07:07:28 +0000 https://hugo.ferreira.cc/quartz-composer-for-ios-joris-kluivers/ Quartz Composer for iOS – Joris Kluivers This project intends to provide a rendering & interaction framework for .qtz on your iPhone or iPad. Similar to what the Quartz Composer framework provides on OS X. Quartz Composer for iOS – Joris Kluivers

This project intends to provide a rendering & interaction framework for .qtz on your iPhone or iPad. Similar to what the Quartz Composer framework provides on OS X.

]]>