The live video event discussed best practices for wireframing applications from vision to reality. Joe Chin, CEO of SourcePad and founder of Best Practices, outlined an approach to wireframing including clarifying the vision, using functional comparables from other successful sites, and testing designs. He presented case studies of startups that used wireframing and provided templates and tools for creating basic wireframes. The presentation emphasized that wireframing helps clarify the product vision and allows for customer development at a low cost.
2024: Domino Containers - The Next Step. News from the Domino Container commu...
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
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
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
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