Sketching, Wireframing, Prototyping for Devs

Sketching, wireframing, and prototyping are 3 methods User Experience (UX)
designers use to better understand the nature, opportunities, and
constraints of a particular problem or challenge. These processes -- which
are a small portion of a user-centered design methodology -- allow teams
to incorporate a variety of perspectives and insights from within a group,
solidify ideas, and foster an environment of shared product vision and
ownership.

In this session, we'll:

* Take closer look at each technique to understand their value.
* Learn how to incorporate them into your product development cycle.
* Review a variety of applications available to you.

Transcript

1. Sketching, Wireframing, And Prototyping for Developers Maria T Sciarrino May 15, 2013
2. What’s Covered •  Examine sketching, wireframing, and prototyping methods •  Understand the differences between methods – and when to use them •  Review tools and resources available
3. SKETCHING
9. Wireframing
11. OmniGraffle •  Wireframing & diagramming •  Illustrator look & feel •  Extensive stencil library created by users, for users •  OSX & iPad only (but compatible with Visio)
12. Basalmiq •  Sketchy wireframes look and feel more like drawings •  Can export to code •  Windows, Mac, Linux desktop versions •  Web app & plugins available
13. Visio •  Look & feel similar to all other Microsoft products •  Integrates with existing Office/MS products (e.g. Sharepoint, Excel) •  Windows only
14. AXURE •  Combined wireframing & prototyping application. •  Able to switch between “sketchy” and standard look & feel •  Outputs specification documents to Word •  PC & Mac versions available
22. PROTOTYPING
23. Fake an experience quickly and cheaply to learn more about it.  
28. Making Effective Prototypes • They are fast. • They are disposable. • They are focused.
39. Resources http://j.mp/15PXguP