🏞 (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)

Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. (via Origami – Design prototyping with Quartz Composer )

🔗 Stand In. Prototyping that doesn’t suck.

Stand In. Prototyping that doesn’t suck. Prototypes that feel native, straight from Photoshop.

🔗 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.

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

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

🔗 Facebook Home prototyped in Quartz Composer – Tutorial

Facebook Home prototyped in Quartz Composer – Tutorial Facebook Home is prototyped with Quartz Composer (by Facebook), @DaveOBrien_ (a design student from Ireland) reverse engineered it and made 5 tutorials explaining how it’s done!

🔗 Expressing UX Concepts Visually :: UXmatters

Expressing UX Concepts Visually :: UXmatters Words and Objects are not Enough Why Visuals are Important A More Visual Approach to Communicating UX Concepts (…) I hope using these ideas will help you to make your UX deliverables more visual—and your concepts more readily understandable to your clients and stakeholders. I believe this greater understanding will help you to get buy-in for your concepts more quickly and easily.