Best Practices: Wireframing - From Vision to Reality
- 1. Live Video Event Wed Mar 7 Lunch and Learn 12:10 PM livestream.com/bestpracticesbusiness Wireframing your Application : from Vision to Reality • Problem : Vision w/o a destination • Why wireframing • Who should be wireframing • Approach / Best Practices • Case Studies • Tools of Trade • Tips Joe Chin CEO of SourcePad, Founder of Best Practices Serial entrepreneur, worked with 60+ startups
- 2. Meet Joe… • 4 time founder / CEO • Raised $20 Million, 2 Exits • Entrepreneur teacher (60+ companies) • Opinionated Guy…
- 3. Vision --> ?
- 4. Modus Operandi (from SourcePad) 1 Used by the majority of SourcePad clients
- 5. Why wireframing? Clarify Level of detail --> Cost 1 Open up next level of Cust Development 1 Steve Blank's term
- 6. Who should be wireframing? Tech person UI / UX Person <--- perhaps (more on this later) Entrepreneur <--- definitely Marketing / Sales
- 7. Entrepreneur "I'm not technical" Fact 1: Wireframing is not a technical chore Fact 2: A lot easier than learning how to program
- 8. What is wireframing? Sketch - NOT beautiful Focus on functionality Aesthetics as it affects usability
- 10. The 20-second wireframe Link: http://bit.ly/yBzAok
- 11. Approach / Best Practices KISS Functional Comparables Test Test & Test (or at least Zen)
- 12. Side Note: How is this different from hiring UI/UX • UI/UX are professionals
- 13. Side Note: How is this different from hiring UI/UX • Testing is the rising tide that lifts all
- 14. Side Note: How is this different from hiring UI/UX • UI/UX can be great - if you have the $$ - if you can find a good one (they are rare) BTW - if they don't mention testing --> run!
- 15. Functional Comparables Similar functions (not competitive) Successful sites - Have overcome usability - Have set conventions
- 16. Case Study : GoodAdvice Premise: Allow entrepreneurs to communicate with their advisors Functional comparables Blogs -- Posting Facebook -- Comments Yammer -- Notifications
- 17. Case Study : GoodAdvice Wireframe : Main functionality page
- 18. Case Study : GoodAdvice Comparable : Wordpress blog
- 19. Case Study : GoodAdvice Comparable : commenting function
- 20. Case Study : GoodAdvice Comparable : Facebook commenting
- 21. Case Study : GoodAdvice Wireframe : Email reminder
- 22. Case Study : GoodAdvice Comparable : Yammer Email reminder
- 23. Case Study : Participame Premise: Web marketplace for Mexico Main functional comparable: xyz.com Successful, fast-growing
- 24. Case Study : Participame Wireframe: Fastest way possible
- 25. Case Study : Venuedex Premise: Marketplace for venues Artistry: not high Wireframes: awesome
- 26. Case Study : Venuedex Main page wireframe
- 27. Sponsor We build ideas Web Mobile RoR iPhone Android
- 28. Testing (quick note) User testing covered in previous BP Slidedeck: http://bit.ly/yIG1Fn Video Playback : http://bit.ly/A0Y52z Dont Make me Think? - Steve Krug
- 29. Zen Clear your mind - take on use case Go away and come back, early morning Other person (partner, co-worker) Not as good as testing - but better than nothing Not everyone can do this (most can't)
- 30. Tools of the Trade Google docs, Balsamiq, paper & pen Google doc templates Home page: http://bit.ly/A2XU9m Blue home page: http://bit.ly/x1anjo Product page: http://bit.ly/wu27LA iPhone Home: http://bit.ly/x4M0VA iPhone Detail: http://bit.ly/x5CWyq Functional comparable template http://bit.ly/z6bJ7U
- 31. Important Tips KISS Remember - doesn't have to be pretty Put in the work / effort and JUST DO IT !
- 32. Happy Wireframing ! http://bit.ly/wuv3vp (sign-up for notices on events) If you like this event, PLEASE tell others (email,tweet,blog) "Creating a New Market " Wed Mar 28 @ NYU 44 West Fourth Street, Room #1-70 Jared Hecht: Co-founder GroupMe (sold for $50 mil to Skype) Ben Lerer: Co-founder/CEO Thrillist.com, (3 mil subscribers, $40 mil rev) Register: http://www.eventbrite.com/event/3099126571 we build ideas Web Mobile RoR iPhone Android Site: sourcepad.com Email: info@sourcepad.com This slide deck: http://bit.ly/yelXxj