SlideShare uma empresa Scribd logo
1 de 128
Baixar para ler offline
DESIGN
FOR STARTUPS
INTRODUCE
<? echo ‘Hello world!’ ?>
2000              2002          2004            2007           2009     2012



    Dizyatec         Pyramid          Sony           Y&R           Ringier
   Singapore        Consulting      Vietnam        Vietnam         Vietnam

Product Manager    Web Designer   Web Manager   Interactive Mgr.    DMD
    Asisstant




NGUYEN NGOC HIEU
www.ngochieu.com
2012
             CEO & Product Director
             Skynet Vietnam




Feature Projects




NGUYEN NGOC HIEU
www.ngochieu.com
WHY
 WE DESIGN?
WE DO ALL THIS?
WHY?
                                                                         WHY?



   SOLVE                             MAKE them            we
   their                             LOVE us              WANT
   problem                                                User
                                     (and stay with us)

   (they don’t care about you                             to Click
   or your technology                                     to Subscribe
   or your company                                        to Register
   or your partner, your wife, your dog…                  to Purchase
   THEY JUST DON’T CARE)                                  …
FINDING GOOD PROBLEM


- A problem not yet solve by anyway   SOLVE
                                      their
- Or solved, but not completely       problem
HOW?

-   Finding a good problem
    (business model)
                                 {   - Not yet solve
                                     - Solved, but not completely (as your)
                                                                              SOLVE
                                                                              their


                    {
                                                                              problem

-   Tool to solve       - fast, convenience
    (technology)        (they don’t care how strong, how complicated…)



-   Deliver your tool
    (design)
                         {   - fast, convenience
                             (they don’t care how beautiful you are)
PRODUCT TEAM   =   Finding a good problem
                   (business model)
                                                {   - Not yet solve
                                                    - Solved, but not co




  DEV TEAM     =   Tool to solve
                   (technology)
                                       {- fast, convenience
                                        (they don’t care how strong, ho




DESIGN TEAM    =   Deliver your tool
                   (design)
                                        {   - fast, easy, convenience
                                            (they don’t care how beauti
PRODUCT TEAM   =   Finding a good problem
                   (business model)             {   - Not yet solve
                                                    - Solved, but not co




  DEV TEAM     =   Tool to solve
                   (technology)        {- fast, convenience
                                        (they don’t care how strong, ho




DESIGN TEAM    =   Deliver your tool
                   (design)             {   - fast, easy, convenience
                                            (they don’t care how beauti
EXAMPLES




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
AMAZING GRAPHIC / BAD UX




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
www.eyeball-design.com




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
“POOR” GRAPHIC / GOOD UX




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)
                                 {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
GREAT GRAPHIC / GREAT UX




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
POOR GRAPHIC / POOR UX?




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
GOOD DESIGN = EASY TO USE + GOOD LOOKING

                                      UX                            Art




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
BAD NEWS




                                     Art
                      is what you born with
                 Which mean it is HARD to improve




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
GOOD NEWS




                                     UX
             which is key to lead you to what you want
                             CAN BE LEARN




DESIGN   =   Deliver your tool
             (design)
                                 {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
BREAK


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
Task:
DESIGN A CAR DASHBOARD




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
TECH’ DESIGN


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
ARTISTS’ DESIGN


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
WE WILL


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
WHAT IS DESIGN?




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN IS NOT




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
NOT: Painting, Drawing, Decorating


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
NOT: How amazing it looks


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
NOT: Showing off technology



DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN IS
                                 just like air
DESIGN   =   Deliver your tool
             (design)            {    - fast, easy, convenience
                                      (they don’t care how beautiful you are)
FOCUS ON THE


                       USER
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
USER
CENTERED   = get closer & closer to what your user need
DESIGN
lean design




 DESIGN   =   Deliver your tool
              (design)            {   - fast, easy, convenience
                                      (they don’t care how beautiful you are)
UX DESIGN
from Strategy to Prototype                                                             Prototype




Strategy   Structure
           & Flow                                                                      Mockup


                       Functional   Functional   Prioritize
                       Spec         List
                                                                                       Wireframe




                                                              Information   Information
                                                              Design        Architecture



                                                 Content
                                                 Strategy
STRUCTURE
                           USER PERSONAS
                       SCENARIOS & CASES
                                 TASK FLOW




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
Homepage




DESIGN   =   Deliver your tool
             (design)            {    - fast, easy, convenience
                                      (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
SCENARIOS
a house wife come to our website site, browse and purchase an item
a house wife come to our website site, browse and purchase an item
USER PERSONAS




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
USER PERSONAS


         Minimum                            Optional
         1.   Photo                         1.    Education level
         2.   Name                          2.    Salary range
         3.   Age                           3.    Personal Quote
         4.   Location                      4.    Online activities
         5.   Occupation                    5.    Offiline activities
         6.   Biography                     6.    Technical level
                                            7.    Social level
                                            8.    Mobile level




DESIGN   =    Deliver your tool
              (design)            {   - fast, easy, convenience
                                      (they don’t care how beautiful you are)
a house wife come to our website site, browse and purchase an item
CASES

      a house wife come to our website site, browse and purchase an item



Parent Category

         Main Category
                                  Add to Cart    Purchase   Payment    Confirm   Done
                   Sub Category




                         Search      One click purchase      Confirm             Done
iA




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
iA


    iA transform tons of content to well organize, easy to find,
                   easy to understand content




DESIGN   =    Deliver your tool
              (design)            {   - fast, easy, convenience
                                      (they don’t care how beautiful you are)
INTERACTION DESIGN

DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
FUNCTIONAL LIST
                All the “weapons” a page have to carry




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
PRIORITIZE LIST
             what is most important, what is nice to have,
                        what is in the middle




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
WIREFRAME, MOCKUP & PROTOTYPE




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
WIREFRAME




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
How detail is enough?




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
Tools?




DESIGN   =   Deliver your tool
             (design)            {    - fast, easy, convenience
                                      (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
Paper & Pencil? No problem!

DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
MOCKUP




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
PROTOTYPE




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
EXERCISE
         • Choose a page from a project
         • Describe your goal(s)
         • Build a functional list
         • Prioritize list
         • Wireframe




DESIGN       =   Deliver your tool
                 (design)            {   - fast, easy, convenience
                                         (they don’t care how beautiful you are)
BREAK


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
REVIEW

                         EXERCISE

DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
USER EXPERIENCE DESIGN




       VISUAL DESIGN




THE INTERFACE IS THE PRODUCT
GREAT INTERFACES
Design for Startups
WHY
Clear call to action
Clear message
Straight to the point
Design for Startups
WHY
Elegant
Fun
Clear call to action
CALL TO ACTION
DESIGN   =   Deliver your tool
             (design)
                                 {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
WHAT DO YOU WANT
  ME TO DO???
DON’T CONFUSE ME
ALWAYS ASK YOURSEFL
IS THIS CLEAR?
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
REMEMBER! REDUCE CHOICES!
Design for Startups
Design for Startups
GREAT =      Clear call to action
             Clear user feedback
INTERFACES   Clear workflow
VISUAL DESIGN


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
GOOD DESIGN IS

                 C.R.A.P.
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
CONTRAST
                       REPETITION
                       ALIGNMENT
                       PROXIMITY


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
CONTRAST
         If elements on your page are not the same, make them very different.
                    Contrast attracts the attention of your viewers.




DESIGN       =     Deliver your tool
                   (design)            {   - fast, easy, convenience
                                           (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
REPEAT
         Repeat visual elements throughout each page and your entire site.




DESIGN    =     Deliver your tool
                (design)            {   - fast, easy, convenience
                                        (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
ALIGNMENT
         Every element should have a visual connection with another on the page




DESIGN        =    Deliver your tool
                   (design)            {   - fast, easy, convenience
                                           (they don’t care how beautiful you are)
DO                                            DON’T



DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DO                                                   DON’T




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
DO                                                 DON’T




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
PROXIMITY
         Items related to each other should be grouped close together.




DESIGN   =    Deliver your tool
              (design)            {   - fast, easy, convenience
                                      (they don’t care how beautiful you are)
DO                                                 DON’T




DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
Design for Startups
CONTRAST
                       REPETITION
                       ALIGNMENT
                       PROXIMITY


DESIGN   =   Deliver your tool
             (design)            {   - fast, easy, convenience
                                     (they don’t care how beautiful you are)
EXERCISE
• Review a website
• Determine their goal(s)
• List out:
   • Call to action
   • Message
   • C.R.A.P
UX DESIGN
FOR STARTUP
                                                                                       Prototype




Strategy   Structure
           & Flow                                                                      Mockup


                       Functional   Functional   Prioritize
                       Spec         List
                                                                                       Wireframe




                                                              Information   Information
                                                              Design        Architecture



                                                 Content
                                                 Strategy
LET’S BUILD
A PRODUCT TO HELP YOUR USER




      (NOT TO SCREW THEM)
AND THEY WILL   YOU
THANK YOU, AND I     YOU


               NGUYEN NGOC HIEU
                   ngochieu.com

Mais conteúdo relacionado

Mais procurados

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignJoan Lumanauw
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUXBERT
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX Murali Krishna
 
UX Portfolios: How to tell your story
UX Portfolios: How to tell your storyUX Portfolios: How to tell your story
UX Portfolios: How to tell your storyPatrick Neeman
 
Ux revised /UX camp CZ/
Ux revised /UX camp CZ/Ux revised /UX camp CZ/
Ux revised /UX camp CZ/Petr Kosnar
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)Emerentiana Meicy
 
UX Patterns & Design Systems
UX Patterns & Design SystemsUX Patterns & Design Systems
UX Patterns & Design SystemsRoshan Ravi
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Servicesdeorwine infotech
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersJason Brush
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 

Mais procurados (20)

The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX Portfolios: How to tell your story
UX Portfolios: How to tell your storyUX Portfolios: How to tell your story
UX Portfolios: How to tell your story
 
Ux revised /UX camp CZ/
Ux revised /UX camp CZ/Ux revised /UX camp CZ/
Ux revised /UX camp CZ/
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
Ux & ui
Ux & uiUx & ui
Ux & ui
 
UX Patterns & Design Systems
UX Patterns & Design SystemsUX Patterns & Design Systems
UX Patterns & Design Systems
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for Marketers
 
Lean UX
Lean UXLean UX
Lean UX
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
User experience design
User experience designUser experience design
User experience design
 

Destaque

A Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UXA Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UXAnnie Wang
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Think 360 Studio
 
Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]
Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]
Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]Kate Rutter
 
Effective Customer Journey Maps
Effective Customer Journey MapsEffective Customer Journey Maps
Effective Customer Journey MapsTandemSeven
 
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]Kate Rutter
 
Niche Market - Small Is Beautiful
Niche Market - Small Is BeautifulNiche Market - Small Is Beautiful
Niche Market - Small Is BeautifulHieu Nguyen
 
Building Consumer Loyaty Through Branded Community
Building Consumer Loyaty Through Branded CommunityBuilding Consumer Loyaty Through Branded Community
Building Consumer Loyaty Through Branded CommunityHieu Nguyen
 
NAMING BRANDING
NAMING BRANDINGNAMING BRANDING
NAMING BRANDINGwe20
 
Inside SQL Server: Como funciona um banco de dados?
Inside SQL Server: Como funciona um banco de dados?Inside SQL Server: Como funciona um banco de dados?
Inside SQL Server: Como funciona um banco de dados?Fabrício Catae
 
Building and Evangelizing Holistic Experience Design - DMI Seattle 2011
Building and Evangelizing Holistic Experience Design - DMI Seattle 2011Building and Evangelizing Holistic Experience Design - DMI Seattle 2011
Building and Evangelizing Holistic Experience Design - DMI Seattle 2011Samantha Starmer
 
Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)pxdstory
 
5 reasons your company has bad UX
5 reasons your company has bad UX 5 reasons your company has bad UX
5 reasons your company has bad UX Brian Pullen
 
Application UI Design with Large Data Sets (Cathy Lu)
Application UI Design with Large Data Sets (Cathy Lu)Application UI Design with Large Data Sets (Cathy Lu)
Application UI Design with Large Data Sets (Cathy Lu)uxpa-dc
 
Brand Community 2011
Brand Community 2011Brand Community 2011
Brand Community 2011Hieu Nguyen
 
Canon EOS Summer 2009 - Landscape Photography
Canon EOS Summer 2009 - Landscape PhotographyCanon EOS Summer 2009 - Landscape Photography
Canon EOS Summer 2009 - Landscape PhotographyHieu Nguyen
 
Naming & Branding
Naming & BrandingNaming & Branding
Naming & BrandingHieu Nguyen
 

Destaque (20)

A Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UXA Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UX
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer
 
Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]
Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]
Rapid Product Design Using Lean UX Methods [Tradecraft : May 2014]
 
Effective Customer Journey Maps
Effective Customer Journey MapsEffective Customer Journey Maps
Effective Customer Journey Maps
 
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
 
Niche Market - Small Is Beautiful
Niche Market - Small Is BeautifulNiche Market - Small Is Beautiful
Niche Market - Small Is Beautiful
 
Building Consumer Loyaty Through Branded Community
Building Consumer Loyaty Through Branded CommunityBuilding Consumer Loyaty Through Branded Community
Building Consumer Loyaty Through Branded Community
 
Hieu Nguyen CV
Hieu Nguyen CVHieu Nguyen CV
Hieu Nguyen CV
 
NAMING BRANDING
NAMING BRANDINGNAMING BRANDING
NAMING BRANDING
 
Inside SQL Server: Como funciona um banco de dados?
Inside SQL Server: Como funciona um banco de dados?Inside SQL Server: Como funciona um banco de dados?
Inside SQL Server: Como funciona um banco de dados?
 
User Research
User ResearchUser Research
User Research
 
Design in a jiffy
Design in a jiffyDesign in a jiffy
Design in a jiffy
 
Building and Evangelizing Holistic Experience Design - DMI Seattle 2011
Building and Evangelizing Holistic Experience Design - DMI Seattle 2011Building and Evangelizing Holistic Experience Design - DMI Seattle 2011
Building and Evangelizing Holistic Experience Design - DMI Seattle 2011
 
Lean UX framework
Lean UX frameworkLean UX framework
Lean UX framework
 
Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)
 
5 reasons your company has bad UX
5 reasons your company has bad UX 5 reasons your company has bad UX
5 reasons your company has bad UX
 
Application UI Design with Large Data Sets (Cathy Lu)
Application UI Design with Large Data Sets (Cathy Lu)Application UI Design with Large Data Sets (Cathy Lu)
Application UI Design with Large Data Sets (Cathy Lu)
 
Brand Community 2011
Brand Community 2011Brand Community 2011
Brand Community 2011
 
Canon EOS Summer 2009 - Landscape Photography
Canon EOS Summer 2009 - Landscape PhotographyCanon EOS Summer 2009 - Landscape Photography
Canon EOS Summer 2009 - Landscape Photography
 
Naming & Branding
Naming & BrandingNaming & Branding
Naming & Branding
 

Último

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementNuwan Dias
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimizationarrow10202532yuvraj
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Último (20)

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API Management
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

Design for Startups

  • 3. 2000 2002 2004 2007 2009 2012 Dizyatec Pyramid Sony Y&R Ringier Singapore Consulting Vietnam Vietnam Vietnam Product Manager Web Designer Web Manager Interactive Mgr. DMD Asisstant NGUYEN NGOC HIEU www.ngochieu.com
  • 4. 2012 CEO & Product Director Skynet Vietnam Feature Projects NGUYEN NGOC HIEU www.ngochieu.com
  • 5. WHY WE DESIGN? WE DO ALL THIS?
  • 6. WHY? WHY? SOLVE MAKE them we their LOVE us WANT problem User (and stay with us) (they don’t care about you to Click or your technology to Subscribe or your company to Register or your partner, your wife, your dog… to Purchase THEY JUST DON’T CARE) …
  • 7. FINDING GOOD PROBLEM - A problem not yet solve by anyway SOLVE their - Or solved, but not completely problem
  • 8. HOW? - Finding a good problem (business model) { - Not yet solve - Solved, but not completely (as your) SOLVE their { problem - Tool to solve - fast, convenience (technology) (they don’t care how strong, how complicated…) - Deliver your tool (design) { - fast, convenience (they don’t care how beautiful you are)
  • 9. PRODUCT TEAM = Finding a good problem (business model) { - Not yet solve - Solved, but not co DEV TEAM = Tool to solve (technology) {- fast, convenience (they don’t care how strong, ho DESIGN TEAM = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beauti
  • 10. PRODUCT TEAM = Finding a good problem (business model) { - Not yet solve - Solved, but not co DEV TEAM = Tool to solve (technology) {- fast, convenience (they don’t care how strong, ho DESIGN TEAM = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beauti
  • 11. EXAMPLES DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 12. AMAZING GRAPHIC / BAD UX DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 13. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 14. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 15. www.eyeball-design.com DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 16. “POOR” GRAPHIC / GOOD UX DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 17. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 18. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 19. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 20. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 21. GREAT GRAPHIC / GREAT UX DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 22. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 23. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 24. POOR GRAPHIC / POOR UX? DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 25. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 26. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 27. GOOD DESIGN = EASY TO USE + GOOD LOOKING UX Art DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 28. BAD NEWS Art is what you born with Which mean it is HARD to improve DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 29. GOOD NEWS UX which is key to lead you to what you want CAN BE LEARN DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 30. BREAK DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 31. Task: DESIGN A CAR DASHBOARD DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 32. TECH’ DESIGN DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 33. ARTISTS’ DESIGN DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 34. WE WILL DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 35. WHAT IS DESIGN? DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 36. DESIGN IS NOT DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 37. NOT: Painting, Drawing, Decorating DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 38. NOT: How amazing it looks DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 39. NOT: Showing off technology DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 40. DESIGN IS just like air DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 41. FOCUS ON THE USER DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 42. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 43. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 44. USER CENTERED = get closer & closer to what your user need DESIGN
  • 45. lean design DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 46. UX DESIGN from Strategy to Prototype Prototype Strategy Structure & Flow Mockup Functional Functional Prioritize Spec List Wireframe Information Information Design Architecture Content Strategy
  • 47. STRUCTURE USER PERSONAS SCENARIOS & CASES TASK FLOW DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 48. Homepage DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 49. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 51. a house wife come to our website site, browse and purchase an item
  • 52. a house wife come to our website site, browse and purchase an item
  • 53. USER PERSONAS DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 54. USER PERSONAS Minimum Optional 1. Photo 1. Education level 2. Name 2. Salary range 3. Age 3. Personal Quote 4. Location 4. Online activities 5. Occupation 5. Offiline activities 6. Biography 6. Technical level 7. Social level 8. Mobile level DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 55. a house wife come to our website site, browse and purchase an item
  • 56. CASES a house wife come to our website site, browse and purchase an item Parent Category Main Category Add to Cart Purchase Payment Confirm Done Sub Category Search One click purchase Confirm Done
  • 57. iA DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 58. iA iA transform tons of content to well organize, easy to find, easy to understand content DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 59. INTERACTION DESIGN DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 60. FUNCTIONAL LIST All the “weapons” a page have to carry DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 61. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 62. PRIORITIZE LIST what is most important, what is nice to have, what is in the middle DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 63. WIREFRAME, MOCKUP & PROTOTYPE DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 64. WIREFRAME DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 65. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 66. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 67. How detail is enough? DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 68. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 69. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 70. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 71. Tools? DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 72. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 73. Paper & Pencil? No problem! DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 74. MOCKUP DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 75. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 76. PROTOTYPE DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 77. EXERCISE • Choose a page from a project • Describe your goal(s) • Build a functional list • Prioritize list • Wireframe DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 78. BREAK DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 79. REVIEW EXERCISE DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 80. USER EXPERIENCE DESIGN VISUAL DESIGN THE INTERFACE IS THE PRODUCT
  • 83. WHY Clear call to action Clear message Straight to the point
  • 87. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 88. WHAT DO YOU WANT ME TO DO???
  • 90. ALWAYS ASK YOURSEFL IS THIS CLEAR?
  • 106. GREAT = Clear call to action Clear user feedback INTERFACES Clear workflow
  • 107. VISUAL DESIGN DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 108. GOOD DESIGN IS C.R.A.P. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 109. CONTRAST REPETITION ALIGNMENT PROXIMITY DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 110. CONTRAST If elements on your page are not the same, make them very different. Contrast attracts the attention of your viewers. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 111. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 112. REPEAT Repeat visual elements throughout each page and your entire site. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 113. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 114. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 115. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 116. ALIGNMENT Every element should have a visual connection with another on the page DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 117. DO DON’T DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 118. DO DON’T DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 119. DO DON’T DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 120. PROXIMITY Items related to each other should be grouped close together. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 121. DO DON’T DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 123. CONTRAST REPETITION ALIGNMENT PROXIMITY DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  • 124. EXERCISE • Review a website • Determine their goal(s) • List out: • Call to action • Message • C.R.A.P
  • 125. UX DESIGN FOR STARTUP Prototype Strategy Structure & Flow Mockup Functional Functional Prioritize Spec List Wireframe Information Information Design Architecture Content Strategy
  • 126. LET’S BUILD A PRODUCT TO HELP YOUR USER (NOT TO SCREW THEM)
  • 128. THANK YOU, AND I YOU NGUYEN NGOC HIEU ngochieu.com