SlideShare a Scribd company logo
1 of 32
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
Meet Joe…
• 4 time founder / CEO
• Raised $20 Million, 2 Exits

• Entrepreneur teacher (60+ companies)


• Opinionated Guy…
Vision




         -->   ?
Modus Operandi (from SourcePad)




       1 Used by the majority of SourcePad clients
Why wireframing?

Clarify

Level of detail --> Cost

                                         1
Open up next level of Cust Development



      1 Steve Blank's term
Who should be wireframing?

   Tech person
   UI / UX Person      <--- perhaps (more on this later)


   Entrepreneur        <--- definitely


   Marketing / Sales
Entrepreneur "I'm not technical"

 Fact 1:
 Wireframing is not a technical chore

 Fact 2:
 A lot easier than learning how to program
What is wireframing?

           Sketch - NOT beautiful

           Focus on functionality
             Aesthetics as it affects usability
The 20-second wireframe
The 20-second wireframe




       Link: http://bit.ly/yBzAok
Approach / Best Practices

 KISS

 Functional Comparables

 Test Test & Test (or at least Zen)
Side Note: How is this different
             from hiring UI/UX

• UI/UX are professionals
Side Note: How is this different
                from hiring UI/UX

• Testing is the rising tide that lifts all
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!
Functional Comparables

         Similar functions (not competitive)

         Successful sites
          - Have overcome usability
          - Have set conventions
Case Study : GoodAdvice

Premise: Allow entrepreneurs to
communicate with their advisors

Functional comparables
  Blogs                  --   Posting
  Facebook               --   Comments
  Yammer                 --   Notifications
Case Study : GoodAdvice
Wireframe : Main functionality page
Case Study : GoodAdvice
Comparable : Wordpress blog
Case Study : GoodAdvice
Comparable : commenting function
Case Study : GoodAdvice
Comparable : Facebook commenting
Case Study : GoodAdvice
Wireframe : Email reminder
Case Study : GoodAdvice
Comparable : Yammer Email reminder
Case Study : Participame
 Premise: Web marketplace for Mexico

 Main functional comparable: xyz.com
  Successful, fast-growing
Case Study : Participame
 Wireframe: Fastest way possible
Case Study : Venuedex
Premise: Marketplace for venues
Artistry: not high

Wireframes: awesome
Case Study : Venuedex
Main page wireframe
Sponsor
                            We build ideas


Web Mobile RoR iPhone Android
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
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)
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
Important Tips
KISS

Remember - doesn't have to be pretty


Put in the work / effort and JUST DO IT !
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

More Related Content

What's hot

The 7 Most Common Usability Issues
The 7 Most Common Usability IssuesThe 7 Most Common Usability Issues
The 7 Most Common Usability Issues
Kissmetrics on SlideShare
 
3 Methods to Master Agile UX Testing | UserZoom Webinar
3 Methods to Master Agile UX Testing | UserZoom Webinar3 Methods to Master Agile UX Testing | UserZoom Webinar
3 Methods to Master Agile UX Testing | UserZoom Webinar
UserZoom
 
Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)
Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)
Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)
CityStarters
 

What's hot (15)

The 7 Most Common Usability Issues
The 7 Most Common Usability IssuesThe 7 Most Common Usability Issues
The 7 Most Common Usability Issues
 
User Motivation: Aproduct development framework
User Motivation: Aproduct development frameworkUser Motivation: Aproduct development framework
User Motivation: Aproduct development framework
 
The Usability of Usability
The Usability of UsabilityThe Usability of Usability
The Usability of Usability
 
3 Methods to Master Agile UX Testing | UserZoom Webinar
3 Methods to Master Agile UX Testing | UserZoom Webinar3 Methods to Master Agile UX Testing | UserZoom Webinar
3 Methods to Master Agile UX Testing | UserZoom Webinar
 
DIY Website Usability Testing
DIY Website Usability TestingDIY Website Usability Testing
DIY Website Usability Testing
 
Learning Module
Learning ModuleLearning Module
Learning Module
 
Working w/ Emerging Technologies Explained by GoodRead's Sr. PM
Working w/ Emerging Technologies Explained by GoodRead's Sr. PM Working w/ Emerging Technologies Explained by GoodRead's Sr. PM
Working w/ Emerging Technologies Explained by GoodRead's Sr. PM
 
How to create a performance-first culture [2018 WebPerfDays Amsterdam]
How to create a performance-first culture [2018 WebPerfDays Amsterdam]How to create a performance-first culture [2018 WebPerfDays Amsterdam]
How to create a performance-first culture [2018 WebPerfDays Amsterdam]
 
Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)
Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)
Bootstrap Business Seminar 4: Designing Your Minimum Viable Product (MVP)
 
12 Startup Lessons from Steve Jobs Taught Guy Kawasaki
12 Startup Lessons from Steve Jobs Taught Guy Kawasaki12 Startup Lessons from Steve Jobs Taught Guy Kawasaki
12 Startup Lessons from Steve Jobs Taught Guy Kawasaki
 
How I learned to stop worrying and love UX metrics
How I learned to stop worrying and love UX metricsHow I learned to stop worrying and love UX metrics
How I learned to stop worrying and love UX metrics
 
2020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 1012020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 101
 
Director of Product at Glassdoor Talks: How to Transition to Product Management
Director of Product at Glassdoor Talks:  How to Transition to Product ManagementDirector of Product at Glassdoor Talks:  How to Transition to Product Management
Director of Product at Glassdoor Talks: How to Transition to Product Management
 
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
 
Lean startup overview
Lean startup overviewLean startup overview
Lean startup overview
 

Viewers also liked

Viewers also liked (9)

Bringing Your Wireframe to Life
Bringing Your Wireframe to LifeBringing Your Wireframe to Life
Bringing Your Wireframe to Life
 
IOS Storyboards
IOS StoryboardsIOS Storyboards
IOS Storyboards
 
Wireframing recitation
Wireframing recitationWireframing recitation
Wireframing recitation
 
Wireframing
WireframingWireframing
Wireframing
 
Cargill Website Redesign Sample Screens
Cargill Website Redesign Sample ScreensCargill Website Redesign Sample Screens
Cargill Website Redesign Sample Screens
 
Intro to Wireframing
Intro to WireframingIntro to Wireframing
Intro to Wireframing
 
Wireframing Workshop - TiE Women Create-a-Thon
Wireframing Workshop - TiE Women Create-a-ThonWireframing Workshop - TiE Women Create-a-Thon
Wireframing Workshop - TiE Women Create-a-Thon
 
Rapid wireframing and prototyping
Rapid wireframing and prototypingRapid wireframing and prototyping
Rapid wireframing and prototyping
 
Wireframing Fundamentals
Wireframing FundamentalsWireframing Fundamentals
Wireframing Fundamentals
 

Similar to Best Practices: Wireframing - From Vision to Reality

How to get your app or site built
How to get your app or site builtHow to get your app or site built
How to get your app or site built
Joe Chin
 
Do It Yourself (DIY) Small Business Services and Assistance
Do It Yourself (DIY) Small Business Services and AssistanceDo It Yourself (DIY) Small Business Services and Assistance
Do It Yourself (DIY) Small Business Services and Assistance
GIS Planning
 
Product Development--Của bác Phùng Tiến Công
Product Development--Của bác Phùng Tiến CôngProduct Development--Của bác Phùng Tiến Công
Product Development--Của bác Phùng Tiến Công
Tuấn Anh
 

Similar to Best Practices: Wireframing - From Vision to Reality (20)

"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their input
 
Functional requirements: Thinking Like A Pirate
Functional requirements: Thinking Like A PirateFunctional requirements: Thinking Like A Pirate
Functional requirements: Thinking Like A Pirate
 
Helping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessHelping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered Process
 
Stop throwing money out the window
Stop throwing money out the windowStop throwing money out the window
Stop throwing money out the window
 
Selling UX at CodeMash 2012
Selling UX at CodeMash 2012Selling UX at CodeMash 2012
Selling UX at CodeMash 2012
 
Best Practices Finding Co-Founder & Dividing Up Shares
Best Practices Finding Co-Founder & Dividing Up SharesBest Practices Finding Co-Founder & Dividing Up Shares
Best Practices Finding Co-Founder & Dividing Up Shares
 
Pivot your startup, fail early, fail fast, learn fast
Pivot your startup, fail early, fail fast, learn fastPivot your startup, fail early, fail fast, learn fast
Pivot your startup, fail early, fail fast, learn fast
 
How to get your app or site built
How to get your app or site builtHow to get your app or site built
How to get your app or site built
 
Do It Yourself (DIY) Small Business Services and Assistance
Do It Yourself (DIY) Small Business Services and AssistanceDo It Yourself (DIY) Small Business Services and Assistance
Do It Yourself (DIY) Small Business Services and Assistance
 
Product Development by Phung Tien Cong
Product Development by Phung Tien CongProduct Development by Phung Tien Cong
Product Development by Phung Tien Cong
 
Product Development--Của bác Phùng Tiến Công
Product Development--Của bác Phùng Tiến CôngProduct Development--Của bác Phùng Tiến Công
Product Development--Của bác Phùng Tiến Công
 
You Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UIYou Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UI
 
Product development - From Idea to Reality - VYE Leader Talk
Product development - From Idea to Reality - VYE Leader TalkProduct development - From Idea to Reality - VYE Leader Talk
Product development - From Idea to Reality - VYE Leader Talk
 
UX workshop
UX workshopUX workshop
UX workshop
 
Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)
 
Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)
 
5 truths-new
5 truths-new5 truths-new
5 truths-new
 
DevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsDevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable Products
 
Day522016 mba short
Day522016 mba shortDay522016 mba short
Day522016 mba short
 
Prototypes
PrototypesPrototypes
Prototypes
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Recently uploaded (20)

Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
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
  • 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