How can we talk about physics-based UIs and panels and bubbles that can be flung across the screen if we’re sitting around looking at static mocks? (Hint: we can’t.) It’s no secret that many of us on the Facebook Design team are avid users of QuartzComposer, a visual prototyping tool that lets you create hi-fidelity demos that look and feel like exactly what you want the end product to be. We’ve given a few talks on QC in the past, and its presence at Facebook (introduced by Mike Matas a few years back) has changed the way we design. Not only does QC make working with engineers much easier, it’s also incredibly effective at telling the story of a design. When you see a live, polished, interactable demo, you can instantly understand how something is meant to work and feel, in a way that words or long descriptions or wireframes will never be able to achieve. And that leads to better feedback, and better iterations, and ultimately a better end product. When you are working on something for which the interactions matter so greatly—in this case, a gesture-rich, heavily physics-based ui—anything less simply will not do.
Author: Johannes
The Best Framework for UX Prototyping in HTML | capcloud | Martin Polley
Prototyping“But if I was starting from scratch and trying to decide which one to use today, I’d probably discount Skeleton because Bootstrap and Foundation both provide so many useful extras. Using the provided components is much faster than reinventing the wheel and doing it yourself.
What it really comes down to is this: Can you live with Bootstrap’s style-heavy approach? And will the same framework be used in production? (This may not be your decision to make…) If so, then it’s more work (not for you, but still) to override Bootstrap’s styles to make it look the way you want.”
Lean Sketching Tips: Flexible Fidelity & Cutting Corners
PrototypingPOP – Prototyping on Paper | iPhone App
PrototypingFitting Big-Picture UX Into Agile Development | Smashing UX Design
MiscWill UX and agile work in a digital agency?
MiscThis presentation gives a good basic overview and proposes a “wagifile” process.
Mobile prototyping: a new paradigm | .net magazine
PrototypingDesigners and UX professionals use design techniques like sketches, wireframes and mockups to visualise a website during the design process. Can these web design techniques also be used for mobile app design – or is it time for change?
Stephen Hay | Responsive Design Workflow
MiscA really nice talk about steering away from static deliverables.
Proto: Rapid Prototyping for Responsive Web Design
PrototypingRead more on adamwhitcroft.com
Exploring the Problem Space Through Prototyping
PrototypingRead more on uie.com