Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Best Practices: Wireframing - From Vision to Reality

3,995 views

Published on

Serial entrepreneur and CEO Joe Chin explains the simple method of wireframing.

Published in: Technology, Education
  • Be the first to comment

Best Practices: Wireframing - From Vision to Reality

  1. 1. Live Video Event Wed Mar 7 Lunch and Learn 12:10 PM livestream.com/bestpracticesbusinessWireframing 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. 2. Meet Joe…• 4 time founder / CEO• Raised $20 Million, 2 Exits• Entrepreneur teacher (60+ companies)• Opinionated Guy…
  3. 3. Vision --> ?
  4. 4. Modus Operandi (from SourcePad) 1 Used by the majority of SourcePad clients
  5. 5. Why wireframing?ClarifyLevel of detail --> Cost 1Open up next level of Cust Development 1 Steve Blanks term
  6. 6. Who should be wireframing? Tech person UI / UX Person <--- perhaps (more on this later) Entrepreneur <--- definitely Marketing / Sales
  7. 7. Entrepreneur "Im not technical" Fact 1: Wireframing is not a technical chore Fact 2: A lot easier than learning how to program
  8. 8. What is wireframing? Sketch - NOT beautiful Focus on functionality Aesthetics as it affects usability
  9. 9. The 20-second wireframe
  10. 10. The 20-second wireframe Link: http://bit.ly/yBzAok
  11. 11. Approach / Best Practices KISS Functional Comparables Test Test & Test (or at least Zen)
  12. 12. Side Note: How is this different from hiring UI/UX• UI/UX are professionals
  13. 13. Side Note: How is this different from hiring UI/UX• Testing is the rising tide that lifts all
  14. 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 dont mention testing --> run!
  15. 15. Functional Comparables Similar functions (not competitive) Successful sites - Have overcome usability - Have set conventions
  16. 16. Case Study : GoodAdvicePremise: Allow entrepreneurs tocommunicate with their advisorsFunctional comparables Blogs -- Posting Facebook -- Comments Yammer -- Notifications
  17. 17. Case Study : GoodAdviceWireframe : Main functionality page
  18. 18. Case Study : GoodAdviceComparable : Wordpress blog
  19. 19. Case Study : GoodAdviceComparable : commenting function
  20. 20. Case Study : GoodAdviceComparable : Facebook commenting
  21. 21. Case Study : GoodAdviceWireframe : Email reminder
  22. 22. Case Study : GoodAdviceComparable : Yammer Email reminder
  23. 23. Case Study : Participame Premise: Web marketplace for Mexico Main functional comparable: xyz.com Successful, fast-growing
  24. 24. Case Study : Participame Wireframe: Fastest way possible
  25. 25. Case Study : VenuedexPremise: Marketplace for venuesArtistry: not highWireframes: awesome
  26. 26. Case Study : VenuedexMain page wireframe
  27. 27. Sponsor We build ideasWeb Mobile RoR iPhone Android
  28. 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. 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 cant)
  30. 30. Tools of the TradeGoogle 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/x5CWyqFunctional comparable template http://bit.ly/z6bJ7U
  31. 31. Important TipsKISSRemember - doesnt have to be prettyPut in the work / effort and JUST DO IT !
  32. 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

×