Download to read offline
Uploaded byLuxoft
Prototype that first
The document discusses paper prototyping techniques for product development. Paper prototyping allows developers to create working models of systems using simple materials like paper, pens and scissors to get early feedback before development. It is fast, inexpensive and lets users interact with and test prototypes to provide feedback to refine a design through multiple iterations before production. The document provides examples of paper prototyping a personal profile and photo gallery app to demonstrate how to create interactive prototypes, test them with users and refine the design based on test results.
More Related Content
Prototype that first
- 1. Paper prototyping webinar Moscow Maksim Gaponov
- 2. About presenter www.luxoft.com Maksim Gaponov Agile Coach, Luxoft Russia
- 3. What prototype is? Prototype is a working model of future system www.luxoft.com
- 4. What prototypes areused for? Know more about a product Get feedback Get information about possible problems during production Get an ability to change something before production www.luxoft.com
- 5. Prototype as documentation www.luxoft.com Far more compact than text Does not take much time to understand Simplifies development Reduces development time
- 6. Prototype as communication – So, it’s all clear now? – Sure! Yes! www.luxoft.com
- 7. Why people useproducts? www.luxoft.com Users have goals To achieve goals users perform tasks Tools are used to accomplish tasks
- 8. How product isborn? www.luxoft.com
- 9. Levels suitable forprototyping www.luxoft.com Prototyping
- 10. Have more thanone option? Prototype! www.luxoft.com
- 11. Power of paperprototyping www.luxoft.com Fast & cheap Right fidelity No software/hardware limitations Collaborative Can be done with clients No special skills needed
- 12. Basic tools www.luxoft.com Paper Pencils, pens, markers, sharpies Stickers of different sizes Scissors Scotch tape Transparent paper
- 13. Extra tools www.luxoft.com Special sets for different interfaces (desktop, web, mobile) Rulers with interface elements
- 14. DIY tools Printed and cutout interface elements on magnet paper Interface elements printed on stickers www.luxoft.com
- 15. Start with asketch! www.luxoft.com
- 16. Personal card example www.luxoft.com
- 17. Editing personal data www.luxoft.com
- 18. Adding a child www.luxoft.com
- 19. Seems pretty interactive?Argh! www.luxoft.com
- 20. More than onescreen? Use sketchboards! www.luxoft.com
- 21. Sketchboard for galleriesprototype www.luxoft.com
- 22. Gallery page prototype www.luxoft.com
- 23. Adding an imagemodal window www.luxoft.com
- 24. Added new image www.luxoft.com
- 25. Setting up accessto gallery www.luxoft.com
- 26.
- 27. Testing a prototype How to prepare for testing Decide what exactly you want to test Prepare scenarios Think about interactions www.luxoft.com Keep in mind Wrong people lead to wrong results Moderation should be moderate
- 28. Running a test People needed User Moderator Watcher www.luxoft.com Test phases Set the stage Test prototype Get feedback
- 29. Analyzing test results Task completion frequency Task completion time Errors and missteps User comments Watcher notes www.luxoft.com
- 30. Refining your prototype www.luxoft.com Prototyping is an iterative process Build a prototype, test it on users, refine prototype with new knowledge 2-3 iterations are usually enough
- 31. Gallery page refinements www.luxoft.com
- 32. Editing gallery name www.luxoft.com
- 33. Rotating an image www.luxoft.com
- 34. Further reading •Prototyping by Todd Zaki Warfel • Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces by Carolyn Snyder • Sketching User Experiences: Getting the Design Right and the Right Design by Bill Buxton • The Elements of User Experience: User-Centered Design for the Web and Beyond by Jesse James Garrett www.luxoft.com
- 35.
Editor's Notes
- #3 There is pretty much material to cover on the topic, so some points will be touched very lightly
- #4 © http://www.model-space.com
- #9 Model works good for whole projects and small features It is essential to keep in mind that every following layers affects the range of product decisions that can be made You should always check spreading influence of decisions that a being made on one level of product, especially on middle levels During meetings it is essential to keep discussion only on one level of model
- #10 Different prototyping methods for different levels Paper prototyping is not the best option for surface level – high fidelity needed to test design solutions Prototyping can be also used to form a strategy level, Lean Startup approach is all about that, but it’s a topic for a dedicated webinar
- #11 Some decisions are very easy to made: Standard things like registration forms Legally regulated forms Etc But some decisions are not so clear: Some users agree with one solution, some with completely another Team members propose different solutions We are not sure what solution will have best market fit This method is called “Design thinking” This method is also very good at finding the best solution, not polishing a satisfactory one No we are ready to dive into paper prototyping world
- #12 Also power prototyping is versatile. You can prototype web interface as well as ATM terminal There are weaknesses too, of course: It’s difficult to hold paper prototyping sessions in distributed teams or to pass the result form Moscow to New York Some imagination is essential Design solutions cannot be tested
- #13 Hands and your imagination also
- #15 You can prepare tools by yourself: There are tons of interface widgets sets over the web, you can download them and print on a magnet paper or stickers Ok, we are ready to start prototyping! But what to start with?
- #16 Well, it may be easier to say, than do. Here is a simple technique for kicking-off: Take a piece of paper enough for several sketches Give yourself a small amount of time (10 minutes max) Make as many sketches as you can Choose the best one after the time is over
- #28 There are very many variants of testing a prototype
- #29 It’s very important how people feel themselves during testing
- #32 Through testing sessions we often had 2 questions: Can I rename gallery on a gallery page? What if I need to rotate an image?