300 likes | 407 Views
Jim Vomero @ nJim. Rebecca Pugliese @ BeccaRun. JimVomero.com /ideas. Finding Balance. Bringing perspectives together to find the best solution. User Needs. Business Goals. Ideal Solution. Card Sorting. Sort the cookies you have been given in a way that makes sense for your role
E N D
Jim Vomero @nJim Rebecca Pugliese @BeccaRun JimVomero.com/ideas
Finding Balance Bringing perspectives together to find the best solution. User Needs Business Goals Ideal Solution
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
Card Sorting Audience Participation – Tech-based Your role: 5-y/o child Web Sort tool by UX Punk “Cookie Card Sort” on our website
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
Card Sorting The Results Our awesome volunteers Our audience • “Cookie Card Sort Results” on our website
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”
Card Sorting In-Person card sorts work too
Paper Sketching Sketching allows all stakeholders to explore and evaluate ideas in a non-technical way. Idea Generation Collaboration Rapid Development
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.
Paper Sketching Collaboration: Sketching is a group activity, where design ideas arise from conversation. Thomas Magdi [2003] Light bulb changer. US 6826983 B1
Paper Sketching Rapid Development: Allowing non-technical people to participate in a common way. Wired, "Microsoft Mouse Prototypes” via Flickr, Creative Commons Attribution.
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
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 .
Practical Sketching Elementsof a sketch include shapes, symbols an annotations; all learned through practice.
Practical Sketching Interface elements provide a time-component to the design and allow for testing.
Practical Sketching loft42, ”Wireframes and such…” via Flickr, Creative Commons Attribution.
Practical Sketching Warm Up : Sketch a low fidelity wireframe glasscpa.com
Practical Sketching Warm Up : Sketch a low fidelity wireframe glasscpa.com
Technologies for Sketching Sketching technologies make it easier to modify, extend and duplicate designs ideas. Slideshows Graphic Design Diagraming Web-Based Tools
Technologies for Sketching Slideshow Software include drawing and shape libraries, transitions, and hyperlinks. MS PowerPoint Keynote Google Presentation
Technologies for Sketching Web-Based wire framing tools are designed for collaboration; many built for UX testing. Cacoo HotGloo Many more…
Technologies for Sketching A Cacoo example…
Technologies for Sketching A design problem: united.com
Technologies for Sketching A design problem: united.com
Testing Illustrations Illustrations allow us to test early, test often… Thank You Rebecca Pugliese @BeccaRun Jim Vomero @nJim Samuel Mann, ”Projects Paper-based Prototyping” via Flickr, Creative Commons Attribution.