Our lead designer wanted to find a way to keep coming up with great interfaces during severe carpel tunnel (RSI). As he pondered a design at home, he used refrigerator magnets as imaginary interface controls, since drawing and clicking was painful.
A journey of ideas and tests later resulted in the birth of GuiMags which turned out to not only help hurting arms, but helped speeding up the design process as a bonus.
(Link: GuiMags – magnets for UI prototyping)
Archive | prototyping RSS feed for this section
GuiMags – magnets for UI prototyping
November 18, 2009
0 Comments
Integrating Prototyping Into Your Design Process – Boxes and Arrows
September 23, 2009
0 Comments
Appropriate Fidelity
“Appropriate fidelity” refers to a level of prototype fidelity that allows you to achieve the goals you’ve set for doing a prototype in the first place. By varying the fidelity of your prototype along the dimensions of visual design and functionality, you make your prototype more effective at achieving some goals and less effective for others.
bottom left Low Visual and Low Functional Fidelity
Very low fidelity prototypes are extremely useful to UX designers. Why? They can be made swiftly, changed without repercussion, and still help visualize a concept. Low visual & functional fidelity prototypes are helpful at answering large structural questions. Here are some examples:
* Does the system have all the features required to support the user’s goals?
* Does the workflow make sense at a high level?
* Which UX concept works best?
* Coming to consensus on a UX concept with stakeholders, e.g.”Is this what you meant?”
(Link: Integrating Prototyping Into Your Design Process – Boxes and Arrows)
Rapid Prototyping Tools Revisited
September 17, 2009
0 Comments
Tomorrow I’ll be leading a workshop at UX Week titled “Making Things”. Yep, you guessed it, we’ll be breaking out laptops and building prototypes! As of right now, there’s still four spots available, so either sign up for the workshop if you are already a UX Week attendee or register for the last two days of the conference (use the promo code blog for 10% off).
(Link: Rapid Prototyping Tools Revisited)
ProtoShare: Create Clickable Wireframes
September 16, 2009
1 Comment
* Team Collaboration
* Clickable Wireframes
* Creative Review
* Single Repository
* No Software Install
* Templates
* Multi-project
* Export Doc
* Security
* A Better Process
* Comparison
Clickable Website Wireframes
With ProtoShare, you can easily build clickable and dynamic wireframes that create the experience of a real website or web application. Wireframes created with ProtoShare demonstrate the site’s navigation, applications and help showcase creative elements including Flash. ProtoShare includes the following simple-to-use features:
(Link: ProtoShare: Create Clickable Wireframes)
On Prototyping: The Simplest Solution Never Comes First
September 11, 2009
0 Comments
In their opinion, if they are outsourcing prototype development, they are also outsourcing learning. By being able to develop fully functional prototypes in house, “The learning from building prototypes stays here and we can be faster, more agile,” says Roland. “The simplest version works the best, and the first version is never the simplest.”
(Link: On Prototyping: The Simplest Solution Never Comes First)
RapidRabb.it – Prototype Creator
May 29, 2009
0 Comments
Wireframe and Prototype Creator
(Link: RapidRabb.it – Prototype Creator)
Link: Pencil Project – a Firefox plugin that professes to enable you to build wireframes and prototyp
March 26, 2009
0 Comments
Pencil Project – a Firefox plugin that professes to enable you to build wireframes and prototyp
Pencil (free) is a Firefox plugin that professes to enable you to build wireframes and prototypes. As a prototyping tool it’s quite good, allowing you to quickly put together a reasonably high fidelity mockup. However, be aware you’ll still need to produce the visual design elements for Pencil, as it relies on dragging and dropping pre-made graphical elements.
