1. Jim Vomero @nJim Rebecca Pugliese @BeccaRun JimVomero.com/ideas

2. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Finding Balance Bringing perspectives together to find the best solution. User Needs Business Goals Ideal Solution

3. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Card Sorting Sort the cookies you have been given in a way that makes sense for your role  Zoo Keeper  Veterinarian  Teacher  Butcher  Grocery Store Clerk

4. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Card Sorting Audience Participation – Tech-based  Your role: 5-y/o child  Web Sort tool by UX Punk  “Cookie Card Sort” on our website

5. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Card Sorting Audience Participation – The old fashioned way  Your role: 5-y/o child  Sort the cookies you have been given in a way that makes sense for your role

6. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Card Sorting The Results  Our awesome volunteers  Our audience  “Cookie Card Sort Results” on our website

7. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Card Sorting Optimal Sort by Optimal Workshop  “Optimal Workshop Results” on our website  A test you can take in your free time: “Optimal Workshop Example Test”

8. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Card Sorting In-Person card sorts work too

9. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Card Sorting

10. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Paper Sketching Sketching allows all stakeholders to explore and evaluate ideas in a non- technical way.  Idea Generation  Collaboration  Rapid Development

11. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Paper Sketching Idea Generation: If you can’t afford to throw it away, then it’s not a sketch. Wired, ”Concept Sketches” via Flickr, Creative Commons Attribution.

12. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Paper Sketching Collaboration: Sketching is a group activity, where design ideas arise from conversation. Thomas Magdi [2003] Light bulb changer. US 6826983 B1

13. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Paper Sketching Rapid Development: Allowing non- technical people to participate in a common way. Wired, "Microsoft Mouse Prototypes” via Flickr, Creative Commons Attribution.

14. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Practical Sketching Sketches should capture the form and function of the user-experience.  You don’t need to be an artist  Elements of a sketch  Warm-up exercises

15. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Practical Sketching You don’t need to be an artist: Focus on the essence of an idea, sacrificing other details. Library of Congress http://memory.loc.gov/ammem/bellhtml/bellhome.html.

16. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Practical Sketching Elements of a sketch include shapes, symbols an annotations; all learned through practice.

17. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Practical Sketching Interface elements provide a time- component to the design and allow for testing.

18. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Practical Sketching loft42, ”Wireframes and such…” via Flickr, Creative Commons Attribution.

19. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Practical Sketching Warm Up : Sketch a low fidelity wireframe glasscpa.com

20. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Practical Sketching Warm Up : Sketch a low fidelity wireframe glasscpa.com

21. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Technologies for Sketching Sketching technologies make it easier to modify, extend and duplicate designs ideas.  Slideshows  Graphic Design  Diagraming  Web-Based Tools

22. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Technologies for Sketching Slideshow Software include drawing and shape libraries, transitions, and hyperlinks.  MS PowerPoint  Keynote  Google Presentation

23. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Diagraming: Microsoft Viso

24. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Technologies for Sketching Web-Based wire framing tools are designed for collaboration; many built for UX testing.  Cacoo  HotGloo  Many more…

25. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Technologies for Sketching A Cacoo example…

26. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Technologies for Sketching A design problem: united.com

27. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Technologies for Sketching A design problem: united.com

28. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun Testing Illustrations Illustrations allow us to test early, test often… Samuel Mann, ”Projects Paper-based Prototyping” via Flickr, Creative Commons Attribution. Thank You Rebecca Pugliese @BeccaRun Jim Vomero @nJim

29. // Resources at: JimVomero.com/Ideas #ideas13@nJim @BeccaRun