Product development process
for Technological Start-ups
1st step to bring your idea closer to reality
@buihaian
Who am I?
• Bui Hai An, Andy
• Co-founder & Connector at
Silicon Straits Saigon
• Building Products and
Developing People.
A Product Development Lab
We build products (MVP, Prototype) for our clients and
ourselves for both web and mobile apps.
1+ year - 20 client products & 12 internal products
You have a cool idea. Great!
!
!
!
Now what’s next?
Let’s check!
• Who is your customer?
• Who is your consumer (user)?
• How does your product make their life better?
• What is the most important key feature that make
your product stand out?
• Is there a similar product out there?
If you are still unsure,
step back and think hard about it!
Let’s create some User Stories!
User Stories
User stories are short, simple descriptions
of a feature told from the perspective of
the person who desires the new capability,
usually a user or customer of the system.
Source: http://www.mountaingoatsoftware.com/agile/user-stories
User Stories
As a <type of user>, I want <some goal> so
that <some reason>.
Example
• As a student, I want to find my grades online so that I
don’t have to wait until the next day to know whether I
passed.
• As a book shopper, I want to read reviews of a selected
book to help me decide whether to buy it.
• As a job seeker, I want to search for a job, so I can
advance my career.
• As a reader, I want to easily jump to bookmark a
paragraph while reading, so I can refer back later.
Why User Stories?
• Break down your product into smaller parts.
• Understand clearly each of your features.
• Describe how your product will work in the voice of the
users, instead of a big broad idea.
• Prioritise your features. Not all features are needed to
be build immediately.
Using Sticky note (Post-it)
Using Trello
Rules
• As simple as possible. (for dummy)
• Break it down.
• Who - What - How - Why
Working with User Stories
• Discuss hard and well on each Story.
• Prioritise! Sort them, rank them.
• Arrange into To-Do, Doing, Done.
• Best use with Trello (has comments, attachment).
Let’s talk MVP
Minimum Viable Product
Product development - From Idea to Reality - VYE Leader Talk
"The minimum viable product is that
version of a new product which allows
a team to collect the maximum amount
of validated learning about customers
with the least effort.”
Source: http://www.startuplessonslearned.com/2009/08/minimum-viable-product-guide.html
- Eric Rise
Feedback Loop
Source: http://conversionxl.com/
What is even before the MVP?
Wireframe
• A wireframe is a visual guide that portrays how a page
or screen of a application or system may look.
• Can be very “sketchy” or a very polished looking.
• Can be a few important pages/screen, or almost
everything.
The structure of a page or screen
The layout of content
Functionality available
Calls to action
User interface elements
Graphic design touches
How it gonna works
Source: http://www.infragistics.com/community/blogs/gradientgirl/archive/2013/09/10/what-is-a-wireframe-and-why-are-they-useful.aspx
Product development - From Idea to Reality - VYE Leader Talk
Why wire-framing?
• To quickly get ideas down on paper for soliciting
feedback.
• To communicate the specification of a system or
website to team-member, advisor, investor and
customers.
• To see limitation of your ideas.
It’s ‘a picture paints a thousand words’.
Quick learning guide
• http://webdesign.tutsplus.com/articles/a-beginners-
guide-to-wireframing--webdesign-7399
• http://wireframes.tumblr.com/
• http://www.infoq.com/articles/wireframes-start-
development-projects
Tools
• Balsamiq (trial 7 days) - desktop app

http://balsamiq.com/download/
• UX Pin (trial 30 days) - online web-based

http://uxpin.com/
• MockingBird (Free plan for 10 pages) - online web-based

https://gomockingbird.com/
• Adobe Photoshop, Illustrator
• Pen & Paper!
Tools Demonstration
Product development - From Idea to Reality - VYE Leader Talk
Product development - From Idea to Reality - VYE Leader Talk
Product development - From Idea to Reality - VYE Leader Talk
Choose your approach
• Wireframe will help you to decide the “Technology
Stack”, or what will make of your product.
• Technology Stack can be changed later. MVP may
need a different approach.
• Now decide your approach: pre-built tool, in-house,
outsource, … each come with trade-offs.
Technical Challenges
• What are they?
• Be honest. Face them.
• Is any one of them a deal-breaker?
Asking for help
• Seek for advisor/mentor.
• Consult early.
• Don’t hide, don’t lie.
Create User Stories
Plan your MVP
Wire-framing
Start building your MVP
Know why you build
Know how you build
Know what you build
The fun begins!
Feedback
Feedback
Feedback
Product Development Rules
• There’s always a Product Owner.
• Communication is the most important.
• Release early, release often.
• Focus on learning. Always be testing.
• Customers are your best friends (trust them), especially
the first few and the most annoying one.
• Studying your competitor is a great way to learn too.
Source: http://market-by-numbers.com/2010/02/complementary-iteration-loops-product-and-customer-development/
Product development - From Idea to Reality - VYE Leader Talk
Thank You!

More Related Content

PPTX
Marketing Automation Summit 2015
PDF
Minimum Viable Product
PDF
General Assembly: Sketch Before You Etch
PDF
UX Workshop
PDF
Designing for Growth, Academy Xi
PDF
Writing Agile Requirements
PDF
UX Alive Conference speaker is Vitaly Friedman (Smashing Magazine) presentations
Marketing Automation Summit 2015
Minimum Viable Product
General Assembly: Sketch Before You Etch
UX Workshop
Designing for Growth, Academy Xi
Writing Agile Requirements
UX Alive Conference speaker is Vitaly Friedman (Smashing Magazine) presentations

What's hot (20)

PDF
UX Work Shop
PPTX
How To Design A Wireframe For Website
PDF
Modern UX, UI, and front-end tools
PPTX
Intro to Wireframing
PPTX
Alice Phieu - UI/UX For Developers
PPTX
Wiu talk
PDF
Module 07: Wireframes
PDF
How to Decide If Page Builders is Right for You
PDF
Dev-Centered UX (UX Week 2014)
PDF
Designing with Agile Workshop
PPTX
There Is No Mobile: An Introduction To Responsive Web Design
PDF
Botsociety.io - Landing Page Benchmark
PDF
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
PPTX
Design 101 : Beyond ideation - Transforming Ideas to Software Requirements
PPTX
Design Centred User: A reality check on UCD
PDF
Wireframes - a brief overview
PDF
Why wireframes-v2
PPTX
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
PPTX
Blind Dates - Or the right choice of Test U sers
PPTX
Easy ways to make your site more accessible
UX Work Shop
How To Design A Wireframe For Website
Modern UX, UI, and front-end tools
Intro to Wireframing
Alice Phieu - UI/UX For Developers
Wiu talk
Module 07: Wireframes
How to Decide If Page Builders is Right for You
Dev-Centered UX (UX Week 2014)
Designing with Agile Workshop
There Is No Mobile: An Introduction To Responsive Web Design
Botsociety.io - Landing Page Benchmark
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Design 101 : Beyond ideation - Transforming Ideas to Software Requirements
Design Centred User: A reality check on UCD
Wireframes - a brief overview
Why wireframes-v2
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
Blind Dates - Or the right choice of Test U sers
Easy ways to make your site more accessible
Ad

Similar to Product development - From Idea to Reality - VYE Leader Talk (20)

PPTX
Effective User Story Writing
PDF
Whats my MVP?
PDF
Lean UX Workshop
PDF
User Experience: Why should you care?
PDF
Requirements Elicitation—the Social Media Way
PDF
Citrix Labs Rapid Prototyping Workshop
PDF
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
PDF
UX in Action: IBM Watson
PDF
Building Beautiful and Highly Usable Products by Simon Vallee
PDF
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
PDF
Agile UX: Embrace or Tolerate
PDF
Prototyping and Product Development for Startups
PDF
UX design for every screen
PDF
User Experience Design: an Overview
PPTX
Design for Web and Mobile
PPTX
Minimum Viable Product and Pivot
PDF
Building a wow product by @RuthlessUx
PDF
UX, Agile and product management
PDF
Becoming A User Advocate
PPTX
User Experience: Why and How
Effective User Story Writing
Whats my MVP?
Lean UX Workshop
User Experience: Why should you care?
Requirements Elicitation—the Social Media Way
Citrix Labs Rapid Prototyping Workshop
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
UX in Action: IBM Watson
Building Beautiful and Highly Usable Products by Simon Vallee
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
Agile UX: Embrace or Tolerate
Prototyping and Product Development for Startups
UX design for every screen
User Experience Design: an Overview
Design for Web and Mobile
Minimum Viable Product and Pivot
Building a wow product by @RuthlessUx
UX, Agile and product management
Becoming A User Advocate
User Experience: Why and How
Ad

More from Bui Hai An (8)

PDF
Bravo - Employee Engagement Platform
PDF
Building startup team and culture
PDF
What is a Full stack developer? - Tech talk
PDF
Silicon Straits Saigon - Mobile Deck
PDF
Digital tools - what shape us
PDF
15 lỗi thường gặp khi blog cho doanh nghiệp
PDF
Tổng hợp kích thước hình ảnh trên mạng xã hội
PDF
How to-fail-30th-oct-2012
Bravo - Employee Engagement Platform
Building startup team and culture
What is a Full stack developer? - Tech talk
Silicon Straits Saigon - Mobile Deck
Digital tools - what shape us
15 lỗi thường gặp khi blog cho doanh nghiệp
Tổng hợp kích thước hình ảnh trên mạng xã hội
How to-fail-30th-oct-2012

Recently uploaded (20)

PDF
NewMind AI Weekly Chronicles – August ’25 Week IV
PDF
Advancing precision in air quality forecasting through machine learning integ...
PDF
Transform-Your-Supply-Chain-with-AI-Driven-Quality-Engineering.pdf
PDF
Introduction to MCP and A2A Protocols: Enabling Agent Communication
PPTX
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
PDF
Electrocardiogram sequences data analytics and classification using unsupervi...
PDF
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
PPTX
agenticai-neweraofintelligence-250529192801-1b5e6870.pptx
PPTX
Training Program for knowledge in solar cell and solar industry
PDF
LMS bot: enhanced learning management systems for improved student learning e...
PPTX
SGT Report The Beast Plan and Cyberphysical Systems of Control
PDF
Aug23rd - Mulesoft Community Workshop - Hyd, India.pdf
PDF
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
PDF
Improvisation in detection of pomegranate leaf disease using transfer learni...
PDF
EIS-Webinar-Regulated-Industries-2025-08.pdf
PPTX
AI-driven Assurance Across Your End-to-end Network With ThousandEyes
PDF
Data Virtualization in Action: Scaling APIs and Apps with FME
PDF
IT-ITes Industry bjjbnkmkhkhknbmhkhmjhjkhj
PDF
Auditboard EB SOX Playbook 2023 edition.
PDF
SaaS reusability assessment using machine learning techniques
NewMind AI Weekly Chronicles – August ’25 Week IV
Advancing precision in air quality forecasting through machine learning integ...
Transform-Your-Supply-Chain-with-AI-Driven-Quality-Engineering.pdf
Introduction to MCP and A2A Protocols: Enabling Agent Communication
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
Electrocardiogram sequences data analytics and classification using unsupervi...
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
agenticai-neweraofintelligence-250529192801-1b5e6870.pptx
Training Program for knowledge in solar cell and solar industry
LMS bot: enhanced learning management systems for improved student learning e...
SGT Report The Beast Plan and Cyberphysical Systems of Control
Aug23rd - Mulesoft Community Workshop - Hyd, India.pdf
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
Improvisation in detection of pomegranate leaf disease using transfer learni...
EIS-Webinar-Regulated-Industries-2025-08.pdf
AI-driven Assurance Across Your End-to-end Network With ThousandEyes
Data Virtualization in Action: Scaling APIs and Apps with FME
IT-ITes Industry bjjbnkmkhkhknbmhkhmjhjkhj
Auditboard EB SOX Playbook 2023 edition.
SaaS reusability assessment using machine learning techniques

Product development - From Idea to Reality - VYE Leader Talk

  • 1. Product development process for Technological Start-ups 1st step to bring your idea closer to reality @buihaian
  • 2. Who am I? • Bui Hai An, Andy • Co-founder & Connector at Silicon Straits Saigon • Building Products and Developing People.
  • 3. A Product Development Lab We build products (MVP, Prototype) for our clients and ourselves for both web and mobile apps. 1+ year - 20 client products & 12 internal products
  • 4. You have a cool idea. Great! ! ! ! Now what’s next?
  • 5. Let’s check! • Who is your customer? • Who is your consumer (user)? • How does your product make their life better? • What is the most important key feature that make your product stand out? • Is there a similar product out there?
  • 6. If you are still unsure, step back and think hard about it!
  • 7. Let’s create some User Stories!
  • 8. User Stories User stories are short, simple descriptions of a feature told from the perspective of the person who desires the new capability, usually a user or customer of the system. Source: http://www.mountaingoatsoftware.com/agile/user-stories
  • 9. User Stories As a <type of user>, I want <some goal> so that <some reason>.
  • 10. Example • As a student, I want to find my grades online so that I don’t have to wait until the next day to know whether I passed. • As a book shopper, I want to read reviews of a selected book to help me decide whether to buy it. • As a job seeker, I want to search for a job, so I can advance my career. • As a reader, I want to easily jump to bookmark a paragraph while reading, so I can refer back later.
  • 11. Why User Stories? • Break down your product into smaller parts. • Understand clearly each of your features. • Describe how your product will work in the voice of the users, instead of a big broad idea. • Prioritise your features. Not all features are needed to be build immediately.
  • 12. Using Sticky note (Post-it)
  • 14. Rules • As simple as possible. (for dummy) • Break it down. • Who - What - How - Why
  • 15. Working with User Stories • Discuss hard and well on each Story. • Prioritise! Sort them, rank them. • Arrange into To-Do, Doing, Done. • Best use with Trello (has comments, attachment).
  • 16. Let’s talk MVP Minimum Viable Product
  • 18. "The minimum viable product is that version of a new product which allows a team to collect the maximum amount of validated learning about customers with the least effort.” Source: http://www.startuplessonslearned.com/2009/08/minimum-viable-product-guide.html - Eric Rise
  • 20. What is even before the MVP?
  • 21. Wireframe • A wireframe is a visual guide that portrays how a page or screen of a application or system may look. • Can be very “sketchy” or a very polished looking. • Can be a few important pages/screen, or almost everything.
  • 22. The structure of a page or screen The layout of content Functionality available Calls to action User interface elements Graphic design touches How it gonna works Source: http://www.infragistics.com/community/blogs/gradientgirl/archive/2013/09/10/what-is-a-wireframe-and-why-are-they-useful.aspx
  • 24. Why wire-framing? • To quickly get ideas down on paper for soliciting feedback. • To communicate the specification of a system or website to team-member, advisor, investor and customers. • To see limitation of your ideas. It’s ‘a picture paints a thousand words’.
  • 25. Quick learning guide • http://webdesign.tutsplus.com/articles/a-beginners- guide-to-wireframing--webdesign-7399 • http://wireframes.tumblr.com/ • http://www.infoq.com/articles/wireframes-start- development-projects
  • 26. Tools • Balsamiq (trial 7 days) - desktop app
 http://balsamiq.com/download/ • UX Pin (trial 30 days) - online web-based
 http://uxpin.com/ • MockingBird (Free plan for 10 pages) - online web-based
 https://gomockingbird.com/ • Adobe Photoshop, Illustrator • Pen & Paper!
  • 31. Choose your approach • Wireframe will help you to decide the “Technology Stack”, or what will make of your product. • Technology Stack can be changed later. MVP may need a different approach. • Now decide your approach: pre-built tool, in-house, outsource, … each come with trade-offs.
  • 32. Technical Challenges • What are they? • Be honest. Face them. • Is any one of them a deal-breaker?
  • 33. Asking for help • Seek for advisor/mentor. • Consult early. • Don’t hide, don’t lie.
  • 34. Create User Stories Plan your MVP Wire-framing Start building your MVP Know why you build Know how you build Know what you build The fun begins! Feedback Feedback Feedback
  • 35. Product Development Rules • There’s always a Product Owner. • Communication is the most important. • Release early, release often. • Focus on learning. Always be testing. • Customers are your best friends (trust them), especially the first few and the most annoying one. • Studying your competitor is a great way to learn too.