Prototyping

A prototype is worth a thousand words

And give me one word and I'll make a thousand prototypes. Words are just like requirements.

"Building a good set of wireframes that become a working prototype helps your web project get off to a flying start, it becomes the hub of the design and development project which everyone involved can refer back to. You need to find the right tool to build your prototype. It must be capable of demonstrating how everything will work, whilst not being a complex or fickle beast you have to battle with. Ultimately you need a tool to help shape your thoughts and create a tangible model which is robust enough to be tested with real users and take you through to the next stages of the design process."

(Leigh Howells a.k.a. @leigh ~ Boagworld)
courtesy of sofia svanteson

Posted on January 05, 2012 | Permalink

How to Choose a UX Prototyping Tool

"A feel of the real is very important in User Experience Design and we often find clients asking for prototypes (proof-of-concept) during the design process. Prototypes better communicate the interactions and navigation of the proposed design than static wireframes and mockups. Prototypes can be created at various stages of the design process (Analysis, Design or actual Test), for an informed user and client feedback to reduce number of design iterations. There is a broad array of prototyping applications available to suit the purpose, skill set and the fidelity required of a deliverable. In this blog we present a brief survey of common prototyping tools." (Design for Use)

Posted on May 16, 2011 | Permalink

Seven myths about paper prototyping

"Paper prototyping is probably the best tool we have to design great user experiences. It allows you to involve users early in the design process, shows you how people will use your system before you've written any code, and supports iterative design. So why are some design teams still resistant to using it? Here are 7 objections I've heard to paper prototyping and why each one is mistaken." (David Travis ~ userfocus)

Posted on March 17, 2011 | Permalink

Open vs. Closed Prototypes

"An open prototype is one that involves the user in a direct way. It is typically something you could hand over to a user. (...) A closed prototype is an experience that users watch, but won't interact with directly. The lack of direct user interaction can make it harder to learn from a closed prototype." (Tom Maiorana ~ d.news)

Posted on March 01, 2011 | Permalink

Wireframes are dead, long live rapid prototyping

"Wireframes, your time is up. You’ve served your purpose. You’ve brought order where there was once chaos and provided gainful employment for thousands of UX designers, but I'm afraid now it's time for you to go to the big recycling bin in the sky. You're just no longer cut out for the cut and thrust of UX design and have been replaced by that young upstart called rapid prototyping. In this article I argue why you too should ditch wireframes and embrace rapid prototyping." (Neil Turner ~ UX for the masses)

Posted on November 22, 2010 | Permalink

Prototyping Theory: Understanding How Prototyping Practices Affect Design Results

"This research examines aspects of the creative process such iteration and comparison, two key strategies for discovering contextual design variables and their interrelationships. We found that, even under tight time constraints when the common intuition is to stop iterating and start refining, iterative prototyping helps designers learn. Our experiments also indicate that creating and receiving feedback on multiple prototypes in parallel— as opposed to serially — leads to more divergent ideation, more explicit comparison, less investment in a single concept, and better overall design performance. Most recently, we found that groups who produce and share multiple prototypes report a greater increase in rapport, exchange more verbal information, share more features, and overall, reach a better consensus." (Stanford HCI Group)

Posted on October 04, 2010 | Permalink

Design Better And Faster With Rapid Prototyping

"Prototypes range from rough paper sketches to interactive simulations that look and function like the final product. The keys to successful rapid prototyping are revising quickly based on feedback and using the appropriate prototyping approach. Rapid prototyping helps teams experiment with multiple approaches and ideas, it facilitates discussion through visuals instead of words, it ensures that everyone shares a common understanding, and it reduces risk and avoids missed requirements, leading to a better design faster." (Lyndon Cerejo ~ Smashing Magazine

Posted on June 16, 2010 | Permalink

Sketches and Wireframes and Prototypes! Oh My! Creating Your Own Magical Wizard Experience

"Why is every conversation about wireframes I've encountered lately so tense? For instance, at a recent UX Book Club meeting whose topic was a discussion of some articles on wireframes, the conversation moved quickly from the actual articles to the question of what a wireframe even was. What the discussion came down to was this: no one knows the answer, and trying to find it feels like a wild-goose chase—or like wandering off on our own down a yellow brick road to find the all-knowing and powerful Oz to figure the answer out for us." (Traci Lepore ~ UXmatters)

Posted on May 17, 2010 | Permalink

Resurrecting User Interface Prototypes (Without Creating Zombies)

"To create a good user interface design, prototype your concepts and evaluate them with real users. The more natural you want the user interface to feel, the more details you will have to take care of. This makes prototyping more challenging and time-consuming than the conventional notion of prototyping, which is to build something rapidly and cheaply." (Smashing Magazine)

Posted on May 17, 2010 | Permalink

Industry trends in prototyping

"Prototypes are meant to be a cost-effective way of experimenting with ideas. They are generally considered part of the pre-planning phase, rather than part of the construction or manufacturing process that results in the final product—although obviously the discoveries made during the process of prototyping should ultimately both inform and shape the construction process." (Dave Cronin ~ Cooper)

Posted on April 20, 2010 | Permalink

fluidIA

"(...) is an emerging agile design tool for prototyping rich user interfaces. The big idea behind this experiment is whether we as interaction designers, IA's, UX professionals and developers can create our own prototyping tool in an open way."

Posted on January 08, 2010 | Permalink

Designing & Selecting Components for UIs

"I have to think much harder when I design rich interfaces than when I work on standard Web applicaitons. With the increased flexibility and more components comes a higher risk of making silly mistakes. If I use a component inappropriately, users can't figure out what to do, even though the components may look cool. The purpose of this article is to help designers avoid mistakes and to help them choose (or design) components based on sound, fundamental principles of usability." (Donna Maurer Spencer - UX Magazine)

Posted on January 06, 2010 | Permalink

Walls Come Tumbling Down

"The constraints that recessions impose; on budgets and on time can help us focus more sharply on what matters most, and sharpen our methods and skills to make us more competitive and better at what we do." (Andy Clarke - Stuff and Nonsense) - courtesy of herjeno

Posted on December 25, 2009 | Permalink

The Power of Prototyping: An Interview With Todd Zaki Warfel

"Any design based on a written spec is a design based on theory. A design based on a prototype is a design based on experience and practice." (Johnny Holland Magazine)

Posted on November 24, 2009 | Permalink

Visions: Upcoming and current capabilities

"Various enterprises and especially Microsoft has joined forces with collaborators, partners, customers, and leaders across multiple disciplines to develop scenarios that discover capacity, challenges, and powerful technologies." (Holger Maassen - UX4dotcom)

Posted on September 29, 2009 | Permalink

Integrating Prototyping Into Your Design Process

"(...) prototyping is a high silver content bullet. When aimed well, a prototype can answer design questions and communicate design ideas. In this article, I talk about the dimensions of prototype fidelity and how you can use them to choose the most effective prototyping method for the questions you need answered." (Fred Beecher - Boxes and Arrows) - courtesy of jjursa

Posted on September 23, 2009 | Permalink

Why low-fidelity prototyping kicks butt for customer-driven design

"In my discussions with designers, one of the interesting recurring conversations is the tools and process they use to prototype and mock up experiences. In particular, there’s a lot of divergence on how high or low-fidelity to go with a prototype." (Andrew Chen) - courtesy of uxtweets

Posted on September 18, 2009 | Permalink