SlideShare a Scribd company logo
Design Matters
               How to achieve a stellar user experience


                        DesignForUse
                             Nishant Jain




                                            UI/UX, Front-End Designers & Hackers Meetup
                                                                                         1/32
                                                                                       |
DesignForUse
What is Good Design?




                                  UI/UX, Front-End Designers & Hackers Meetup
                                                                               2/32
                                                                             |
DesignForUse
The optimal balance of
                  Useful
                                      Usefulness
         Usable            Engaging   Ease-of-use
                                      Emotional Appeal




                                                 UI/UX, Front-End Designers & Hackers Meetup
                                                                                              3/32
                                                                                            |
DesignForUse
Ten Design Commandments by Dieter Rams
                http://startupsthisishowdesignworks.com/



                                              UI/UX, Front-End Designers & Hackers Meetup
                                                                                           4/32
                                                                                         |
DesignForUse
What’s
                                  Viable?

                What’s
               Possible?

                                 What’s
                                Desirable?




                     The 3 Constraints

               Larry Keely, Doblin Group, among others

                                                    UI/UX, Front-End Designers & Hackers Meetup
                                                                                                 5/32
                                                                                               |
DesignForUse
Business: What can I bear?
                                                     •     How much can we sell it for?
                                                     •     How much can it cost?
                                                     •
                                  What’s                   Is there an acceptable RoI?

                                  Viable?

                What’s
               Possible?

                                 What’s
                                Desirable?




                     The 3 Constraints

               Larry Keely, Doblin Group, among others

                                                    UI/UX, Front-End Designers & Hackers Meetup
                                                                                                 6/32
                                                                                               |
DesignForUse
What’s
                                                          Viable?
 Technology: What can I
    do?                                 What’s
 •      With my technology?            Possible?
 •      With regulatory constraints?
 •      With business constraints?
                                                         What’s
                                                        Desirable?




                                             The 3 Constraints

                                       Larry Keely, Doblin Group, among others

                                                                            UI/UX, Front-End Designers & Hackers Meetup
                                                                                                                         7/32
                                                                                                                       |
DesignForUse
What’s
                                  Viable?

                What’s                               Design: What should I do?
               Possible?                             •     Who are my users?
                                                     •     What are their needs?
                                 What’s              •     What is their mental model?

                                Desirable?




                     The 3 Constraints

               Larry Keely, Doblin Group, among others

                                                    UI/UX, Front-End Designers & Hackers Meetup
                                                                                                 8/32
                                                                                               |
DesignForUse
1
               Design is a Process
               It is not just an input to the development process, it is a process in itself.




                                                                    UI/UX, Front-End Designers & Hackers Meetup
                                                                                                                 9/32
                                                                                                               |
DesignForUse
User Centered
                               UI/UX, Front-End Designers & Hackers Meetup
DesignForUse
                    Design                                                |
                                                                            10/32
The Problem


                             UI/UX, Front-End Designers & Hackers Meetup
                                                                          11/32
                                                                        |
DesignForUse
Who?

                      UI/UX, Front-End Designers & Hackers Meetup
                                                                   12/32
                                                                 |
DesignForUse
Why?

                      UI/UX, Front-End Designers & Hackers Meetup
                                                                   13/32
                                                                 |
DesignForUse
Hypothesis (Prototype)

                                        UI/UX, Front-End Designers & Hackers Meetup
                                                                                     14/32
                                                                                   |
DesignForUse
Validate Hypothesis   UI/UX, Front-End Designers & Hackers Meetup
                                                                                  15/32
                                                                                |
DesignForUse
Solution   UI/UX, Front-End Designers & Hackers Meetup
                                                                     |
                                                                       16/32
DesignForUse
2
               A Designer on the Core Team
               Get a designer or a design advisor on your team from day 1.




                                                              UI/UX, Front-End Designers & Hackers Meetup
                                                                                                           17/32
                                                                                                         |
DesignForUse
airbnb




                        UI/UX, Front-End Designers & Hackers Meetup
                                                                     18/32
                                                                   |
DesignForUse
Square




                        UI/UX, Front-End Designers & Hackers Meetup
                                                                     19/32
                                                                   |
DesignForUse
Path




                      UI/UX, Front-End Designers & Hackers Meetup
                                                                   20/32
                                                                 |
DesignForUse
3
               A Shift from Product to Experience
               Focus on delighting the user and the product will achieve greatness.




                                                               UI/UX, Front-End Designers & Hackers Meetup
                                                                                                            21/32
                                                                                                          |
DesignForUse
First MP3 Player




               Diamond Rio (1998)




                                    UI/UX, Front-End Designers & Hackers Meetup
                                                                                 22/32
                                                                               |
DesignForUse
Most Successful




                 iPod (2001)




                                 UI/UX, Front-End Designers & Hackers Meetup
                                                                              23/32
                                                                            |
DesignForUse
The Experience

                                UI/UX, Front-End Designers & Hackers Meetup
                                                                             24/32
                                                                           |
DesignForUse
Extending the Experience

                                      UI/UX, Front-End Designers & Hackers Meetup
                                                                                   25/32
                                                                                 |
DesignForUse
4
               Good Design is Iterative
               You can never get it right the first time, and seldom on the second try.




                                                                 UI/UX, Front-End Designers & Hackers Meetup
                                                                                                              26/32
                                                                                                            |
DesignForUse
“             Several quick design iterations are
                better than fewer longer ones.
                                                                     ”
                                     UI/UX, Front-End Designers & Hackers Meetup
                                                                                  27/32
                                                                                |
DesignForUse
www.37signals.com/svn/archives2/the_long_road_to_simple_creating_debating_and_iterating_add_an_event.php

                                                                                 UI/UX, Front-End Designers & Hackers Meetup
                                                                                                                              28/32
                                                                                                                            |
DesignForUse
5
               Measure RoI from Design
               Test early and often.




                                       UI/UX, Front-End Designers & Hackers Meetup
                                                                                    29/32
                                                                                  |
DesignForUse
Guerilla Usability             Web Analytics
                Testing



               Some Measuring Techniques
                                 A/B Testing         Surveys




                                                      UI/UX, Front-End Designers & Hackers Meetup
                                                                                                   30/32
                                                                                                 |
DesignForUse
1   Design is a process
               2   A designer on the core team
               3   A shift from product to experience
               4   Good design is iterative
               5   Measure RoI from design




                                                   UI/UX, Front-End Designers & Hackers Meetup
                                                                                                31/32
                                                                                              |
DesignForUse
Thanks!
                                        Questions or Comments?




               Nishant Jain
               njain@designforuse.net




                                                             UI/UX, Front-End Designers & Hackers Meetup
                                                                                                          32/32
                                                                                                        |
DesignForUse

More Related Content

PDF
OSCON 2007: Open Design, Not By Committee
PDF
User Experience and Prototyping
PDF
Ux Meets Code Concepting
PDF
Design & Technology
KEY
Get ready for web3.0! Open up your app!
PDF
The voice of the customer & the continuum of creativity - Gianfranco Zaccais
PDF
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...
PDF
Big picture design without Big Design Up Front (Agile Roots 2010)
OSCON 2007: Open Design, Not By Committee
User Experience and Prototyping
Ux Meets Code Concepting
Design & Technology
Get ready for web3.0! Open up your app!
The voice of the customer & the continuum of creativity - Gianfranco Zaccais
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...
Big picture design without Big Design Up Front (Agile Roots 2010)

What's hot (10)

PDF
Beyond design DesOps - IBM:: iXponential Deep Dive - 4 Dec 2020
PDF
"Creating user-centered websites that drive results" by Savage at the HiMA IS...
PDF
[I3 d]03 interactivity
PDF
Santoro uxss-introduction
PDF
William Hudson Econsultancy Agile User centred design
PPT
Deliverables that Clarify, Focus, and Improve Design
PDF
Enrique Allen, D Fund - Warm Gun Conference
PDF
BOP Product Design
PDF
Teko Presentation
PDF
How not-to-do-open-source-okfestival2012
Beyond design DesOps - IBM:: iXponential Deep Dive - 4 Dec 2020
"Creating user-centered websites that drive results" by Savage at the HiMA IS...
[I3 d]03 interactivity
Santoro uxss-introduction
William Hudson Econsultancy Agile User centred design
Deliverables that Clarify, Focus, and Improve Design
Enrique Allen, D Fund - Warm Gun Conference
BOP Product Design
Teko Presentation
How not-to-do-open-source-okfestival2012
Ad

Similar to Design Matters: Lessons for Startups (20)

PDF
Dfu presentation design_matters
PDF
User Experience
PDF
Usability Training - UDSM 06/2010
PDF
Design Thinking for Social Innovation RossNetImpact_Oct2011
PPTX
Usability essentials
PDF
Effective prototyping
PDF
Exploring and Integrating UX in Open Source Software Development
PPTX
Agile ♥ UX
PPTX
24 Hours of UX - Agile + UX: Good, Bad, Ugly
PPTX
UX is not UI
PDF
The UI is the THE application #dpc19
PPTX
User Experience Design - Why, How and Where
PPTX
Agile ♥ UX
PPTX
How design decisions affect user performance
PDF
Introduction to UX for Developers
PDF
Integrating usability testing into agile updated
PPSX
Introduction into User Experience
PDF
Design Thinking Dallas by Chris Bernard
PDF
Web Usability and Conversion
PDF
Going from Here to There: Transitioning into a UX Career
Dfu presentation design_matters
User Experience
Usability Training - UDSM 06/2010
Design Thinking for Social Innovation RossNetImpact_Oct2011
Usability essentials
Effective prototyping
Exploring and Integrating UX in Open Source Software Development
Agile ♥ UX
24 Hours of UX - Agile + UX: Good, Bad, Ugly
UX is not UI
The UI is the THE application #dpc19
User Experience Design - Why, How and Where
Agile ♥ UX
How design decisions affect user performance
Introduction to UX for Developers
Integrating usability testing into agile updated
Introduction into User Experience
Design Thinking Dallas by Chris Bernard
Web Usability and Conversion
Going from Here to There: Transitioning into a UX Career
Ad

Recently uploaded (20)

PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PDF
Introduction-to-World-Schools-format-guide.pdf
PDF
Urban Design Final Project-Context
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PDF
2025CategoryRanking of technology university
PPTX
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
Presentation.pptx anemia in pregnancy in
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PPTX
Evolution_of_Computing_Presentation (1).pptx
PPTX
Orthtotics presentation regarding physcial therapy
PPTX
EDP Competencies-types, process, explanation
PPTX
Media And Information Literacy for Grade 12
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PDF
Strengthening Tamil Identity A. Swami Durai’s Legacy
PDF
intro_to_rust.pptx_123456789012446789.pdf
PDF
Interior Structure and Construction A1 NGYANQI
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
321 LIBRARY DESIGN.pdf43354445t6556t5656
Introduction-to-World-Schools-format-guide.pdf
Urban Design Final Project-Context
GSH-Vicky1-Complete-Plans on Housing.pdf
2025CategoryRanking of technology university
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
pump pump is a mechanism that is used to transfer a liquid from one place to ...
DOC-20250430-WA0014._20250714_235747_0000.pptx
Presentation.pptx anemia in pregnancy in
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
Evolution_of_Computing_Presentation (1).pptx
Orthtotics presentation regarding physcial therapy
EDP Competencies-types, process, explanation
Media And Information Literacy for Grade 12
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
Strengthening Tamil Identity A. Swami Durai’s Legacy
intro_to_rust.pptx_123456789012446789.pdf
Interior Structure and Construction A1 NGYANQI
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj

Design Matters: Lessons for Startups

  • 1. Design Matters How to achieve a stellar user experience DesignForUse Nishant Jain UI/UX, Front-End Designers & Hackers Meetup 1/32 | DesignForUse
  • 2. What is Good Design? UI/UX, Front-End Designers & Hackers Meetup 2/32 | DesignForUse
  • 3. The optimal balance of Useful Usefulness Usable Engaging Ease-of-use Emotional Appeal UI/UX, Front-End Designers & Hackers Meetup 3/32 | DesignForUse
  • 4. Ten Design Commandments by Dieter Rams http://startupsthisishowdesignworks.com/ UI/UX, Front-End Designers & Hackers Meetup 4/32 | DesignForUse
  • 5. What’s Viable? What’s Possible? What’s Desirable? The 3 Constraints Larry Keely, Doblin Group, among others UI/UX, Front-End Designers & Hackers Meetup 5/32 | DesignForUse
  • 6. Business: What can I bear? • How much can we sell it for? • How much can it cost? • What’s Is there an acceptable RoI? Viable? What’s Possible? What’s Desirable? The 3 Constraints Larry Keely, Doblin Group, among others UI/UX, Front-End Designers & Hackers Meetup 6/32 | DesignForUse
  • 7. What’s Viable? Technology: What can I do? What’s • With my technology? Possible? • With regulatory constraints? • With business constraints? What’s Desirable? The 3 Constraints Larry Keely, Doblin Group, among others UI/UX, Front-End Designers & Hackers Meetup 7/32 | DesignForUse
  • 8. What’s Viable? What’s Design: What should I do? Possible? • Who are my users? • What are their needs? What’s • What is their mental model? Desirable? The 3 Constraints Larry Keely, Doblin Group, among others UI/UX, Front-End Designers & Hackers Meetup 8/32 | DesignForUse
  • 9. 1 Design is a Process It is not just an input to the development process, it is a process in itself. UI/UX, Front-End Designers & Hackers Meetup 9/32 | DesignForUse
  • 10. User Centered UI/UX, Front-End Designers & Hackers Meetup DesignForUse Design | 10/32
  • 11. The Problem UI/UX, Front-End Designers & Hackers Meetup 11/32 | DesignForUse
  • 12. Who? UI/UX, Front-End Designers & Hackers Meetup 12/32 | DesignForUse
  • 13. Why? UI/UX, Front-End Designers & Hackers Meetup 13/32 | DesignForUse
  • 14. Hypothesis (Prototype) UI/UX, Front-End Designers & Hackers Meetup 14/32 | DesignForUse
  • 15. Validate Hypothesis UI/UX, Front-End Designers & Hackers Meetup 15/32 | DesignForUse
  • 16. Solution UI/UX, Front-End Designers & Hackers Meetup | 16/32 DesignForUse
  • 17. 2 A Designer on the Core Team Get a designer or a design advisor on your team from day 1. UI/UX, Front-End Designers & Hackers Meetup 17/32 | DesignForUse
  • 18. airbnb UI/UX, Front-End Designers & Hackers Meetup 18/32 | DesignForUse
  • 19. Square UI/UX, Front-End Designers & Hackers Meetup 19/32 | DesignForUse
  • 20. Path UI/UX, Front-End Designers & Hackers Meetup 20/32 | DesignForUse
  • 21. 3 A Shift from Product to Experience Focus on delighting the user and the product will achieve greatness. UI/UX, Front-End Designers & Hackers Meetup 21/32 | DesignForUse
  • 22. First MP3 Player Diamond Rio (1998) UI/UX, Front-End Designers & Hackers Meetup 22/32 | DesignForUse
  • 23. Most Successful iPod (2001) UI/UX, Front-End Designers & Hackers Meetup 23/32 | DesignForUse
  • 24. The Experience UI/UX, Front-End Designers & Hackers Meetup 24/32 | DesignForUse
  • 25. Extending the Experience UI/UX, Front-End Designers & Hackers Meetup 25/32 | DesignForUse
  • 26. 4 Good Design is Iterative You can never get it right the first time, and seldom on the second try. UI/UX, Front-End Designers & Hackers Meetup 26/32 | DesignForUse
  • 27. Several quick design iterations are better than fewer longer ones. ” UI/UX, Front-End Designers & Hackers Meetup 27/32 | DesignForUse
  • 29. 5 Measure RoI from Design Test early and often. UI/UX, Front-End Designers & Hackers Meetup 29/32 | DesignForUse
  • 30. Guerilla Usability Web Analytics Testing Some Measuring Techniques A/B Testing Surveys UI/UX, Front-End Designers & Hackers Meetup 30/32 | DesignForUse
  • 31. 1 Design is a process 2 A designer on the core team 3 A shift from product to experience 4 Good design is iterative 5 Measure RoI from design UI/UX, Front-End Designers & Hackers Meetup 31/32 | DesignForUse
  • 32. Thanks! Questions or Comments? Nishant Jain njain@designforuse.net UI/UX, Front-End Designers & Hackers Meetup 32/32 | DesignForUse

Editor's Notes

  • #27: “ Buyers are liars.”