Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UXD / DNA - DesignMap, Inc.

2,149 views

Published on

Making UXD part of your company's DNA

Published in: Technology, Business
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

UXD / DNA - DesignMap, Inc.

  1. 1. UXD / DNA #LEANUXSF #DMPLAYBOOK
  2. 2. Making UXD, part of your company’s DNA. (HOPEFULLY, I’M AT THE RIGHT MEETUP) UXD / DNA August 8, 2013
  3. 3. Talk Q&AApply 30m 30m30m
  4. 4. DNA (noun) The fundamental and distinctive characteristics or qualities of someone or something, NEW OXFORD AMERICAN DICTIONARY UXD / DNA August 8, 2013
  5. 5. DNA esp. when regarded as unchangeable: diversity is part of the company’s DNA NEW OXFORD AMERICAN DICTIONARY UXD / DNA August 8, 2013
  6. 6. DNA ...men just don’t get shopping— it’s not in our DNA. NEW OXFORD AMERICAN DICTIONARY UXD / DNA August 8, 2013
  7. 7. Buy $1.99$
  8. 8. Buy $0.99$50% OFF TODAY ONLY!
  9. 9. Not a primer on UXD. Not about Design Process. UXD / DNA August 8, 2013
  10. 10. The Playbook (in progress...) A method to reduce churn, reveal opportunity, and plan resources. UXD / DNA August 8, 2013
  11. 11. As a designer... we’ve pointed a way to integrate design into your organization. (PREACHING TO THE CHOIR) UXD / DNA August 8, 2013
  12. 12. Founder / product / developer... we’ve pointed a way to integrate design into your organization. (YEP, IT’S THE SAME LESSON!) UXD / DNA August 8, 2013
  13. 13. The Venn Diagram User Business Technology “the Product” UXD / DNA August 8, 2013
  14. 14. The cycle of frustration
  15. 15. A story about iteration. (...or is it?) UXD / DNA August 8, 2013
  16. 16. So basically, it’s like Flickr for Pilots
  17. 17. we need a Flat UI like this one on dribbble.com So basically, it’s like Flickr for Pilots
  18. 18. So basically, it’s like Flickr for Pilots we need a Flat UI like this one on dribbble.com we’re going mobile first
  19. 19. So basically, it’s like Flickr for Pilots we need a Flat UI like this one on dribbble.com Where’s the CSS? The team in Russia needs it. we’re going mobile first
  20. 20. we need a Flat UI like this one on dribbble.com Where’s the CSS? The team in Russia needs it. we’re going mobile first it’s like Instagram for Policemen who take Selfies
  21. 21. :-/
  22. 22. There has to be a better way... “The User Experience” versus “User Experience Design” (I’M ABOUT TO BRING IT OLD-SCHOOL) UXD / DNA August 8, 2013
  23. 23. Strategy is where it all begins: What do we want to get out of the site? What do our users want?
  24. 24. Scope transforms strategy into requirements: What features will the site need to include?
  25. 25. Structure gives shape to scope: How will the pieces of the site fit together and behave?
  26. 26. Skeleton makes structure concrete: What components will enable people to use the site?
  27. 27. Surface brings everything together visually: What will the finished product look like?
  28. 28. “UX Design” Surface Skeleton Structure Scope Strategy
  29. 29. Jeff Patton “User Experience Distilled” 2008
  30. 30. Surface Skeleton Structure Scope Strategy “UX Design” Tools Tasks Goals
  31. 31. Tools Tasks Goals
  32. 32. Requirements Features Business model Tools Tasks Goals Product
  33. 33. Screen layoutRequirements User flowFeatures User researchBusiness model Tools Tasks Goals Product UX Design
  34. 34. Screen layoutRequirements Frontend framework User flowFeatures Application logic User researchBusiness model Technical architecture Tools Tasks Goals Product UX Design Development
  35. 35. Prototypes Wireframes Visuals Guidelines User Stories Acceptance Criteria Use Cases Test Plans CSS / JS Framework Widget Library User & Task Flows Navigation Interaction Epics Feature Prioritization Application Logic Sprints Research Personas & Scenarios Mental & Task Models Business Model Release Schedule Revenue Model Platform Architecture Scalability / Performance Tools Tasks Goals Product UX Design Development
  36. 36. Tools Tasks Goals
  37. 37. Back to ending the cycle of frustration... UXD / DNA August 8, 2013
  38. 38. Short! 1. Think! 2. Make! 3. Check! 1 2 3 UXD / DNA August 8, 2013
  39. 39. Jeff Patton Change the World Janice Fraser Learning Loops
  40. 40. Goals UXD / DNA August 8, 2013
  41. 41. Tasks Goals UXD / DNA August 8, 2013
  42. 42. Tools Tasks Goals UXD / DNA August 8, 2013
  43. 43. Tools Tasks Goals Product UX Design Development
  44. 44. Tools Tasks Goals Product UX Design Development
  45. 45. Screen layout User flow User research UX Design User stories Frontend framework Features Application logic Business model Technical architecture Tools Tasks Goals Product Development
  46. 46. Incorporating UX Design
  47. 47. A discipline, not just a position. “User Experience Design” “Product Management” “Software Development” “the Company” UXD / DNA August 8, 2013
  48. 48. If you need a primer, and only have 30 minutes, read this: A guide for non-designers by Wells Riley. startupsthisishow designworks.com UXD / DNA August 8, 2013
  49. 49. 78 CEOs, marketers, engineers, and designers... 78% said their product was well designed. 81% said designers belong on the founding team.
  50. 50. Hire. Contract. Studio. Agency.
  51. 51. Hiring design staff: Know what you’re looking for. Get a design advisor. Use multiple recruiters.
  52. 52. Advertising for the Unicorn will prevent you from getting the smart candidates, and attract the wrong ones. Hard Skills / Soft Skills Braden Kowitz designstaff.org/ Jared Spool uie.com/articles/assessing_ux_teams/
  53. 53. “Hard skills” are UXD-specific competencies such as tools, methods, deliverables, and processes. “Soft skills” are skills that might apply to any role or job. They include planning, working with others, empathy, principles, and being effective and efficient.
  54. 54. Alex Cornell theworstportfolioever.com
  55. 55. Best worst portfolio ever. Look for their personal story of design, approach to problem solving. Bonus points for details. Minus for jargon. Pictures, not words.
  56. 56. Hiring design staff: Craft your UXD story. Act fast: Review and Interview. Commit: Product & Engineering UXD / DNA August 8, 2013
  57. 57. if you have to choose between... TALENTFIT Emphasize overall personality fit. EXPERIENCEFLEXIBILITY Ability to adjust on-the-fly. VISIONARYHUMILITY Is this too obvious?
  58. 58. if you really can’t decide...
  59. 59. What you’re assessing: • how they solve problems. • how they ask questions. • how they make progress with limited information. • their ability to create intuitive interfaces.
  60. 60. Hire. Contract. Studio. Agency.
  61. 61. Design Contractors: Tactical and narrow focus. Low investment. Non-contiguous activities. UXD / DNA August 8, 2013
  62. 62. Prototypes Wireframes Visuals Guidelines User Stories Acceptance Criteria Use Cases Test Plans CSS / JS Framework Widget Library User & Task Flows Navigation Interaction Epics Feature Prioritization Application Logic Sprints Research Personas & Scenarios Mental & Task Models Business Model Release Schedule Revenue Model Platform Architecture Scalability / Performance Tools Tasks Goals Product UX Design Development Contractor Visuals
  63. 63. UX Consultants: “One-person Band.” Thin slice approach. Committed, but only for so long. UXD / DNA August 8, 2013
  64. 64. User Stories Acceptance Criteria Use Cases Test Plans CSS / JS Framework Widget Library Epics Feature Prioritization Application Logic Sprints Research Personas & Scenarios Mental & Task Models Business Model Release Schedule Revenue Model Platform Architecture Scalability / Performance Tools Tasks Goals Product UX Design Development UX Consultant Prototypes Wireframes Visuals Guidelines User & Task Flows Navigation Interaction
  65. 65. Hire. Contract. Studio. Agency.
  66. 66. Design Studio: 5–50 design staff. Integrates into your team. Outcome, not deliverable driven. UXD / DNA August 8, 2013
  67. 67. User Stories Acceptance Criteria Use Cases Test Plans CSS / JS Framework Widget Library Epics Feature Prioritization Application Logic Sprints Business Model Release Schedule Revenue Model Platform Architecture Scalability / Performance Tools Tasks Goals Product Development Prototypes Wireframes Visuals Guidelines User & Task Flows Navigation Interaction Research Personas & Scenarios Mental & Task Models UX Design Studio
  68. 68. “Studio Effect” 100’s of tools & activities
  69. 69. Hire. Contract. Studio. Agency.
  70. 70. Agency: Multi-discipline staff. Absolute industry expertise. Lots of money, little time. UXD / DNA August 8, 2013
  71. 71. Agency: “All-in strategy” They lead, you follow. Replacement for UX, Biz, or Dev. UXD / DNA August 8, 2013
  72. 72. Epics Feature Prioritization Business Model Release Schedule Revenue Model Tools Tasks Goals Prototypes Wireframes Visuals Guidelines User Stories Acceptance Criteria Use Cases Test Plans CSS / JS Framework Widget Library User & Task Flows Navigation Interaction Application Logic Sprints Research Personas & Scenarios Mental & Task Models Platform Architecture Scalability / Performance Product UX Design Development Agency
  73. 73. IDEO has deep expertise in healthcare, 7 years from start to hospital open, with disciplines across interior design, architecture, branding, contextual research, and more.
  74. 74. Finally, the Playbook!
  75. 75. :-/
  76. 76. :-/ :-/Phase 0 Phase 1 Phase 2 Phase 3
  77. 77. Prototypes Wireframes Visuals Guidelines User Stories Acceptance Criteria Use Cases Test Plans CSS / JS Framework Widget Library User & Task Flows Navigation Interaction Epics Feature Prioritization Application Logic Sprints Research Personas & Scenarios Mental & Task Models Business Model Release Schedule Revenue Model Platform Architecture Scalability / Performance Tools Tasks Goals Product UX Design Development
  78. 78. Early stage Pivot Enhancement Next generation
  79. 79. Tools Tasks Goals Product UX Design Development
  80. 80. Tools Tasks Goals Product UX Design Development
  81. 81. Tools Tasks Goals Product UX Design Development !
  82. 82. Tools Tasks Goals Product UX Design Development !
  83. 83. :-/
  84. 84. Tools Tasks Goals Product UX Design Development
  85. 85. Tools Tasks Goals Product UX Design Development
  86. 86. Tools Tasks Goals Product UX Design Development
  87. 87. Tools Tasks Goals Product UX Design Development
  88. 88. Tools Tasks Goals Product UX Design Development
  89. 89. Tools Tasks Goals Product UX Design Development
  90. 90. ! Tools Tasks Goals Product UX Design Development
  91. 91. :-)
  92. 92. Q&A Roundtable Try Your Own Playbook!
  93. 93. Prototypes Wireframes Visuals Guidelines User Stories Acceptance Criteria Use Cases Test Plans CSS / JS Framework Widget Library User & Task Flows Navigation Interaction Epics Feature Prioritization Application Logic Sprints Research Personas & Scenarios Mental & Task Models Business Model Release Schedule Revenue Model Platform Architecture Scalability / Performance Tools Tasks Goals Product UX Design Development

×