Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (18)
Semelhante a White-boarding & Paper Prototyping
Semelhante a White-boarding & Paper Prototyping (20)
White-boarding & Paper Prototyping
- 1. “ If I had an hour to solve a problem and my life depended on the answer, I would spend the first 55 minutes figuring out the proper questions to ask. For if I knew the proper questions, I could solve the problem in less than 5 minutes. - Albert Einstein “
- 3. Agenda ▧ Why it’s Important? ▧ Whiteboarding What is Whiteboarding? Significance of Whiteboarding? How we do it? The Framework - Quadrants - Experience Samples Hands-on activity
- 4. Agenda ...cont ▧ Paper Prototyping What are paper prototypes? When is it required? Significance of paper prototyping : Quick, Cost effective, Expressive How we do it? Whiteboarding vs Prototyping Samples Myths of Paper Prototyping Popular Prototyping tools Hands-on Activity ▧Recommended Readings ▧References
- 6. Why it’s Important? ▧ Early Customer Feedback ▧ Validate Business Hypothesis ▧ Save wastage in MVP Development
- 8. What is Whiteboarding? It’s a technique where an idea is presented to a group of people willing to criticize, encourage, or add to that idea. Better VisualizationThinking Aloud Quick Collaboration
- 9. Significance of Whiteboarding ▧ Highly Interactive ▧ Easy & Really Fast ▧ Low Cost ▧ Baseline for Prototype
- 10. How we do it? Sketch Think Collaborate brainstorm evolve communicate
- 11. The Framework There are two parts to this framework ▧ The Quadrants ▧ Tasks Flow
- 12. Draw four quadrants on the whiteboard first ▧ User Needs ▧ Assumptions ▧ User Goals ▧ Constraints The Quadrants User-Needs Assumptions User-Goals Constraints
- 13. The Quadrant User-Needs Assumptions User-Goals Constraints ● Age at parents buys Toys for their kids ● Need Easy buying options ● Should be trustworthy ● I want to customize the Toy color ● Comparison is required ● If I don’t like the product, easy replacement ● Age Group is 5-10 Years ● We don’t have mobile expertise on board
- 14. Now that you have majority of the research done about our user ▧ Draw interaction design flow ▧ Visualize the whole journey as a user Task Flow
- 15. Tom Wujec Works at Autodesk Professor at Singularity University
- 18. Screens - Task flow
- 19. Screens - Task flow
- 20. Tasks Flow
- 21. Mind Maps
- 22. Task Flow
- 23. Wireframe
- 26. Mr. Tom Sanders took a flight from San Francisco to New York City for a business conference.
- 27. Tom booked his stay at Hotel Transnational and looking out for a taxi to reach hotel.
- 28. After reaching “Hotel Transnational” in New York City...
- 31. ▧ Which way is my room? ▧ How to get my WiFi activated? ▧ How can I go for sightseeing?
- 32. How to Solve this Problem?
- 34. Let’s design a Mobile App which can assist the guest with his stay at the hotel?
- 35. Define Quadrants User-Needs Assumptions User-Goals Constraints
- 36. Task Flow
- 37. Coffee Break!
- 38. “ Just how do I design if not with Prototyping? An excellent question… The short answer is ‘on paper.’ - Alan Cooper “
- 40. What is Paper Prototyping? A technique that allows to create and test user interfaces rapidly. It's an easier way to create realistic prototypes just by paper. It’s in practice since 1980. Usability TestingCommunicate Idea
- 41. When is it required? Brainstorming Outline workflows Explore/validate layouts Show basic app structure
- 42. Significance of Paper Prototyping ▧ Quick Hypothesis Validation ▧ Fast & Cost Effective ▧ Honest & Unbiased Feedback ▧ Encourages Creativity ▧ Team Building ▧ No Design & Coding Skills Required ▧ Helps in Documentation
- 43. How we do it? 1. What is required here? 2. Printer paper + Pencil 3. Prototype mobile-first 4. One sketch per screen 5. Iterate & Refine as Idea evolves
- 44. Whiteboarding vs Paper Prototyping Whiteboarding Paper Prototyping Focus on usability perspective Help understand interactions and flows Effective and Fast Collaboration Actualization of product Team Brainstorming User Engagement Create Product Outline Honest User Feedback
- 46. Task Flow
- 47. Task Flow
- 48. Wireframe
- 49. Login Screen
- 50. Tab Structure
- 53. “ Myth #1 “I can't draw well enough to create a paper prototype.”
- 54. “ Myth #2 “Wireframes are the same as paper prototypes.”
- 55. “ Myth #3 “I can do it just as well with Visio.”
- 56. “ Myth #4 “Whiteboarding is just as effective.”
- 57. “ Myth #5 “Users behave differently with a paper prototype than with a real system.”
- 58. “ Myth #6 “It looks unprofessional.”
- 59. “ Myth #7 “I can't prototype interactivity.”
- 60. “ Myth #8 I Can’t test my prototype with overseas users?”
- 62. Popular tools Benefits: ● Sketch like look ● Quick & Easy to use ● Lo-Fi Prototypes
- 63. Popular tools Benefits: ● Design Interactions ● Hi-Fi Prototypes ● Handle Virtual Data ● Collaboration
- 64. Popular tools Benefits: ● Web Tool ● Simple & Effective UI ● Design Interactions ● Collaboration ● Remote User Interviews
- 65. Popular tools Benefits: ● Interactive Tool for Mobile App ● Hi-Fi Prototypes ● Completely Web Based ● Realistic Mobile Interactions
- 66. Popular tools
- 68. Created in Axure
- 69. Created in UXPIN
- 71. Wireframes
- 76. Pitch Your Idea ▧ Value Proposition (Problem & Solution) ▧ Prototype Walkthrough ▧ Next Steps (Roadmap & Vision) ▧ Any Other Keypoint
- 77. Any Questions?
- 78. Recommended Readings ▧ The Back of the Napkin : Solving Problems and Selling Ideas with Pictures - by Dan Roam ▧ Whiteboard Selling: Empowering Sales Through Visuals - by Corey Sommers & David Jenkins
- 79. Thanks! Happy Sketching! achin.simhal@synerzip.com vishal.chauhan@synerzip.com Credit for template goes to www.slidescarnival.com
- 80. References ▧ Paper Prototyping - by Dr. David Travis ▧ Nielsen Norman Group ▧ Sketching Matters - by Paul Goode and Mark Kraemer ▧ Everything you need to know about Sketching - by Nick Vyhouski ▧ 7 Myths about paper prototyping - by David Travis