0
DESIGNFOR STARTUPS
INTRODUCE<? echo ‘Hello world!’ ?>
2000              2002          2004            2007           2009     2012    Dizyatec         Pyramid          Sony    ...
2012             CEO & Product Director             Skynet VietnamFeature ProjectsNGUYEN NGOC HIEUwww.ngochieu.com
WHY WE DESIGN?WE DO ALL THIS?
WHY?                                                                         WHY?   SOLVE                             MAKE...
FINDING GOOD PROBLEM- A problem not yet solve by anyway   SOLVE                                      their- Or solved, but...
HOW?-   Finding a good problem    (business model)                                 {   - Not yet solve                    ...
PRODUCT TEAM   =   Finding a good problem                   (business model)                                              ...
PRODUCT TEAM   =   Finding a good problem                   (business model)             {   - Not yet solve              ...
EXAMPLESDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                      ...
AMAZING GRAPHIC / BAD UXDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience      ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
www.eyeball-design.comDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience        ...
“POOR” GRAPHIC / GOOD UXDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience      ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)                                 {   - fast, easy, convenience         ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
GREAT GRAPHIC / GREAT UXDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience      ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
POOR GRAPHIC / POOR UX?DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience       ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
GOOD DESIGN = EASY TO USE + GOOD LOOKING                                      UX                            ArtDESIGN   = ...
BAD NEWS                                     Art                      is what you born with                 Which mean it ...
GOOD NEWS                                     UX             which is key to lead you to what you want                    ...
BREAKDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                         ...
Task:DESIGN A CAR DASHBOARDDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience   ...
TECH’ DESIGNDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                  ...
ARTISTS’ DESIGNDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience               ...
WE WILLDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                       ...
WHAT IS DESIGN?DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience               ...
DESIGN IS NOTDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                 ...
NOT: Painting, Drawing, DecoratingDESIGN   =   Deliver your tool             (design)            {   - fast, easy, conveni...
NOT: How amazing it looksDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience     ...
NOT: Showing off technologyDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience   ...
DESIGN IS                                 just like airDESIGN   =   Deliver your tool             (design)            {   ...
FOCUS ON THE                       USERDESIGN   =   Deliver your tool             (design)            {   - fast, easy, co...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
USERCENTERED   = get closer & closer to what your user needDESIGN
lean design DESIGN   =   Deliver your tool              (design)            {   - fast, easy, convenience                 ...
UX DESIGNfrom Strategy to Prototype                                                             PrototypeStrategy   Struct...
STRUCTURE                           USER PERSONAS                       SCENARIOS & CASES                                 ...
HomepageDESIGN   =   Deliver your tool             (design)            {    - fast, easy, convenience                     ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
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 PERSONASDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                 ...
USER PERSONAS         Minimum                            Optional         1.   Photo                         1.    Educati...
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 itemParent Category         Main Category        ...
iADESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                            ...
iA    iA transform tons of content to well organize, easy to find,                   easy to understand contentDESIGN   = ...
INTERACTION DESIGNDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience            ...
FUNCTIONAL LIST                All the “weapons” a page have to carryDESIGN   =   Deliver your tool             (design)  ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
PRIORITIZE LIST             what is most important, what is nice to have,                        what is in the middleDESI...
WIREFRAME, MOCKUP & PROTOTYPEDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience ...
WIREFRAMEDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                     ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
How detail is enough?DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience         ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
Tools?DESIGN   =   Deliver your tool             (design)            {    - fast, easy, convenience                       ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
Paper & Pencil? No problem!DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience   ...
MOCKUPDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                        ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
PROTOTYPEDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                     ...
EXERCISE         • Choose a page from a project         • Describe your goal(s)         • Build a functional list         ...
BREAKDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                         ...
REVIEW                         EXERCISEDESIGN   =   Deliver your tool             (design)            {   - fast, easy, co...
USER EXPERIENCE DESIGN       VISUAL DESIGNTHE INTERFACE IS THE PRODUCT
GREAT INTERFACES
WHYClear call to actionClear messageStraight to the point
WHYElegantFunClear call to action
CALL TO ACTION
DESIGN   =   Deliver your tool             (design)                                 {   - fast, easy, convenience         ...
WHAT DO YOU WANT  ME TO DO???
DON’T CONFUSE ME
ALWAYS ASK YOURSEFLIS THIS CLEAR?
REMEMBER! REDUCE CHOICES!
GREAT =      Clear call to action             Clear user feedbackINTERFACES   Clear workflow
VISUAL DESIGNDESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                 ...
GOOD DESIGN IS                 C.R.A.P.DESIGN   =   Deliver your tool             (design)            {   - fast, easy, co...
CONTRAST                       REPETITION                       ALIGNMENT                       PROXIMITYDESIGN   =   Deli...
CONTRAST         If elements on your page are not the same, make them very different.                    Contrast attracts...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
REPEAT         Repeat visual elements throughout each page and your entire site.DESIGN    =     Deliver your tool         ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
DESIGN   =   Deliver your tool             (design)            {   - fast, easy, convenience                              ...
ALIGNMENT         Every element should have a visual connection with another on the pageDESIGN        =    Deliver your to...
DO                                            DON’TDESIGN   =   Deliver your tool             (design)            {   - fa...
DO                                                   DON’TDESIGN   =   Deliver your tool             (design)            {...
DO                                                 DON’TDESIGN   =   Deliver your tool             (design)            {  ...
PROXIMITY         Items related to each other should be grouped close together.DESIGN   =    Deliver your tool            ...
DO                                                 DON’TDESIGN   =   Deliver your tool             (design)            {  ...
CONTRAST                       REPETITION                       ALIGNMENT                       PROXIMITYDESIGN   =   Deli...
EXERCISE• Review a website• Determine their goal(s)• List out:   • Call to action   • Message   • C.R.A.P
UX DESIGNFOR STARTUP                                                                                       PrototypeStrate...
LET’S BUILDA PRODUCT TO HELP YOUR USER      (NOT TO SCREW THEM)
AND THEY WILL   YOU
THANK YOU, AND I     YOU               NGUYEN NGOC HIEU                   ngochieu.com
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
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Design for Startups
Upcoming SlideShare
Loading in...5
×

Design for Startups

54,264

Published on

I prepared this slide to teach at START CENTER (an incubator funded by World Bank), source file can be download here: http://blog.ngochieu.com/chia-se/bai-giang-design-for-startups/

Published in: Technology, Business
8 Comments
85 Likes
Statistics
Notes
No Downloads
Views
Total Views
54,264
On Slideshare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
711
Comments
8
Likes
85
Embeds 0
No embeds

No notes for slide

Transcript of "Design for Startups"

  1. 1. DESIGNFOR STARTUPS
  2. 2. INTRODUCE<? echo ‘Hello world!’ ?>
  3. 3. 2000 2002 2004 2007 2009 2012 Dizyatec Pyramid Sony Y&R Ringier Singapore Consulting Vietnam Vietnam VietnamProduct Manager Web Designer Web Manager Interactive Mgr. DMD AsisstantNGUYEN NGOC HIEUwww.ngochieu.com
  4. 4. 2012 CEO & Product Director Skynet VietnamFeature ProjectsNGUYEN NGOC HIEUwww.ngochieu.com
  5. 5. WHY WE DESIGN?WE DO ALL THIS?
  6. 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. 7. FINDING GOOD PROBLEM- A problem not yet solve by anyway SOLVE their- Or solved, but not completely problem
  8. 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. 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, hoDESIGN TEAM = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beauti
  10. 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, hoDESIGN TEAM = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beauti
  11. 11. EXAMPLESDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  12. 12. AMAZING GRAPHIC / BAD UXDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  13. 13. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  14. 14. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  15. 15. www.eyeball-design.comDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  16. 16. “POOR” GRAPHIC / GOOD UXDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  17. 17. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  18. 18. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  19. 19. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  20. 20. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  21. 21. GREAT GRAPHIC / GREAT UXDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  22. 22. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  23. 23. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  24. 24. POOR GRAPHIC / POOR UX?DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  25. 25. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  26. 26. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  27. 27. GOOD DESIGN = EASY TO USE + GOOD LOOKING UX ArtDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  28. 28. BAD NEWS Art is what you born with Which mean it is HARD to improveDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  29. 29. GOOD NEWS UX which is key to lead you to what you want CAN BE LEARNDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  30. 30. BREAKDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  31. 31. Task:DESIGN A CAR DASHBOARDDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  32. 32. TECH’ DESIGNDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  33. 33. ARTISTS’ DESIGNDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  34. 34. WE WILLDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  35. 35. WHAT IS DESIGN?DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  36. 36. DESIGN IS NOTDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  37. 37. NOT: Painting, Drawing, DecoratingDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  38. 38. NOT: How amazing it looksDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  39. 39. NOT: Showing off technologyDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  40. 40. DESIGN IS just like airDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  41. 41. FOCUS ON THE USERDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  42. 42. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  43. 43. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  44. 44. USERCENTERED = get closer & closer to what your user needDESIGN
  45. 45. lean design DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  46. 46. UX DESIGNfrom Strategy to Prototype PrototypeStrategy Structure & Flow Mockup Functional Functional Prioritize Spec List Wireframe Information Information Design Architecture Content Strategy
  47. 47. STRUCTURE USER PERSONAS SCENARIOS & CASES TASK FLOWDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  48. 48. HomepageDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  49. 49. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  50. 50. SCENARIOS
  51. 51. a house wife come to our website site, browse and purchase an item
  52. 52. a house wife come to our website site, browse and purchase an item
  53. 53. USER PERSONASDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  54. 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 levelDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  55. 55. a house wife come to our website site, browse and purchase an item
  56. 56. CASES a house wife come to our website site, browse and purchase an itemParent Category Main Category Add to Cart Purchase Payment Confirm Done Sub Category Search One click purchase Confirm Done
  57. 57. iADESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  58. 58. iA iA transform tons of content to well organize, easy to find, easy to understand contentDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  59. 59. INTERACTION DESIGNDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  60. 60. FUNCTIONAL LIST All the “weapons” a page have to carryDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  61. 61. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  62. 62. PRIORITIZE LIST what is most important, what is nice to have, what is in the middleDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  63. 63. WIREFRAME, MOCKUP & PROTOTYPEDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  64. 64. WIREFRAMEDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  65. 65. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  66. 66. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  67. 67. How detail is enough?DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  68. 68. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  69. 69. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  70. 70. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  71. 71. Tools?DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  72. 72. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  73. 73. Paper & Pencil? No problem!DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  74. 74. MOCKUPDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  75. 75. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  76. 76. PROTOTYPEDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  77. 77. EXERCISE • Choose a page from a project • Describe your goal(s) • Build a functional list • Prioritize list • WireframeDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  78. 78. BREAKDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  79. 79. REVIEW EXERCISEDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  80. 80. USER EXPERIENCE DESIGN VISUAL DESIGNTHE INTERFACE IS THE PRODUCT
  81. 81. GREAT INTERFACES
  82. 82. WHYClear call to actionClear messageStraight to the point
  83. 83. WHYElegantFunClear call to action
  84. 84. CALL TO ACTION
  85. 85. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  86. 86. WHAT DO YOU WANT ME TO DO???
  87. 87. DON’T CONFUSE ME
  88. 88. ALWAYS ASK YOURSEFLIS THIS CLEAR?
  89. 89. REMEMBER! REDUCE CHOICES!
  90. 90. GREAT = Clear call to action Clear user feedbackINTERFACES Clear workflow
  91. 91. VISUAL DESIGNDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  92. 92. GOOD DESIGN IS C.R.A.P.DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  93. 93. CONTRAST REPETITION ALIGNMENT PROXIMITYDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  94. 94. 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)
  95. 95. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  96. 96. 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)
  97. 97. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  98. 98. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  99. 99. DESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  100. 100. ALIGNMENT Every element should have a visual connection with another on the pageDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  101. 101. DO DON’TDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  102. 102. DO DON’TDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  103. 103. DO DON’TDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  104. 104. 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)
  105. 105. DO DON’TDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  106. 106. CONTRAST REPETITION ALIGNMENT PROXIMITYDESIGN = Deliver your tool (design) { - fast, easy, convenience (they don’t care how beautiful you are)
  107. 107. EXERCISE• Review a website• Determine their goal(s)• List out: • Call to action • Message • C.R.A.P
  108. 108. UX DESIGNFOR STARTUP PrototypeStrategy Structure & Flow Mockup Functional Functional Prioritize Spec List Wireframe Information Information Design Architecture Content Strategy
  109. 109. LET’S BUILDA PRODUCT TO HELP YOUR USER (NOT TO SCREW THEM)
  110. 110. AND THEY WILL YOU
  111. 111. THANK YOU, AND I YOU NGUYEN NGOC HIEU ngochieu.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×