Mobile UX Design and Prototyping Tips
•
3 likes•823 views
AgileCamp Silicon Valley 2015: One Dollar Prototype by Greg Nudelman, CEO of DesignCaffeine www.designcaffeine.com
Recommended
Recommended
More Related Content
What's hot
What's hot (11)
Viewers also liked
Viewers also liked (20)
Similar to Mobile UX Design and Prototyping Tips
Similar to Mobile UX Design and Prototyping Tips (20)
More from Hyperdrive Agile Leadership (powered by Bratton & Company)
More from Hyperdrive Agile Leadership (powered by Bratton & Company) (20)
Recently uploaded
Recently uploaded (20)
Mobile UX Design and Prototyping Tips
- 1. @GoAgileCamp | @DesignCaffeine $1 Prototype Greg Nudelman Principal/CEO, DesignCaffeine, Inc. @DesignCaffeine | @GoAgileCamp Greg@DesignCaffeine.com Lean Mobile UX Design and Rapid Innovation for Material Design, iOS, and RWD
- 8. What is the best way to design mobile interfaces?
- 10. @GoAgileCamp | @DesignCaffeine Case Study: Be a Hero
- 14. @DesignCaffeine@GoAgileCamp Phase matching UX design with the code development so the two can inter- dependently create together.
- 15. A. Envision 1. Create and test your storyboard 2. Start by defining a place 3. Speak naturally and end with appropriate bang B. Prototype 1. Prototype at appropriate fidelity 2. Create an MVP (Minimum Viable Prototype) 3. Embrace Material Design C. Test 1. Test with decaffeinated people 2. Treat participants like experience partners 3. Ask million-dollar questions
- 17. @GoAgileCamp | @DesignCaffeine the HowImprovise
- 19. @GoAgileCamp | @DesignCaffeine Why bother with a storyboard?
- 20. @GoAgileCamp | @DesignCaffeine Case Study: Mood Ring
- 23. @DesignCaffeine@GoAgileCamp #1 Reason startups fail: lack of demand for their product or service. Always create and test a storyboard before designing a mobile app.
- 25. @GoAgileCamp | @DesignCaffeine A few storyboarding Pro Tips…
- 26. @DesignCaffeine@GoAgileCamp When storyboarding, start by defining a place. Mobile Context includes (and drives) Persona.
- 29. @GoAgileCamp | @DesignCaffeine Start by defining a place Use natural dialog/speech bubbles Avoid Captions: use pictures to explain End with a NATURAL bang
- 30. A. Envision 1. Create and test your storyboard 2. Start by defining a place 3. Speak naturally and end with appropriate bang B. Prototype 1. Prototype at appropriate fidelity 2. Create an MVP (Minimum Viable Prototype) 3. Embrace Material Design C. Test 1. Test with decaffeinated people 2. Treat participants like experience partners 3. Ask million-dollar questions
- 31. @DesignCaffeine@GoAgileCamp Fidelity of the prototype must reflect the state of completion of the project.
- 36. @DesignCaffeine@GoAgileCamp Focus on MVP (Minimum Viable Prototype). Institutionalize failure by removing risk. Fail faster, cheaper, better.
- 37. @GoAgileCamp | @DesignCaffeine Case Study: Trip Advisor
- 42. @DesignCaffeine@GoAgileCamp Systematically figure out the right things to build using a Minimum Viable Prototype
- 45. @GoAgileCamp | @DesignCaffeine Parallel Architecture Design Pattern ! [4 Sticky Notes Wireframes]
- 47. @GoAgileCamp | @DesignCaffeine Start with a pencil
- 52. @DesignCaffeine@GoAgileCamp Minimum Viable Prototype means only adding the detail that is strictly necessary. Let the customer imagine the rest.
- 57. @GoAgileCamp | @DesignCaffeine What about Material Design?
- 60. Real paper is the best model for Digital Paper when designing for Google Material Design.
- 61. @GoAgileCamp | @DesignCaffeine Case Study: Trip Advisor [Take 2: Material Design]
- 67. @GoAgileCamp | @DesignCaffeine Contrast with iOS9…
- 69. A. Envision 1. Create and test your storyboard 2. Start by defining a place 3. Speak naturally and end with appropriate bang B. Prototype 1. Prototype at appropriate fidelity 2. Create an MVP (Minimum Viable Prototype) 3. Embrace Material Design C. Test 1. Test with decaffeinated people 2. Treat participants like experience partners 3. Ask million-dollar questions
- 70. @GoAgileCamp | @DesignCaffeine Minimum Viable Prototype is both a design and a prototype. ! Jump into testing with a speed of thought.
- 71. @GoAgileCamp | @DesignCaffeine http://stumptowncoffee.com/ Test with decaffeinated people
- 73. @DesignCaffeine@GoAgileCamp Treat participants like Experience Partners. Allow them to brainstorm and co-create with you.
- 80. @DesignCaffeine@GoAgileCamp Mobile transitions can be easily tested using a simple sticky notes prototype.
- 83. @DesignCaffeine@GoAgileCamp Ask million-dollar questions: would you pay for this app? If so, how much?
- 84. In conclusion…
- 88. Design is the Prototype you can take directly into testing
- 91. @GoAgileCamp | @DesignCaffeine Design Documentation Know the difference!
- 92. @GoAgileCamp | @DesignCaffeine What is the best way to design mobile interfaces? Focus on the Product. Get out of deliverables business. http://LeanMobileUX.com New Blog! New Design Course! $1 Prototype Book! Go to: