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.

You can do better! (dsgnday)

1,947 views

Published on

In order to do great work you need to influence more parts of the design process than creating wireframes or front-end code. In this presentation, I walk you through the expanded sphere of influence on the user experience. I encourage you to look beyond your deliverables, outside of your department, and past your current way of working. I help you spot opportunities and draft a plan to improve your design process.

Published in: Design
  • Be the first to comment

You can do better! (dsgnday)

  1. 1. you can do better! @pboersma
  2. 2. a red border means there is an exercise! you can do better! @dsgndayconf
  3. 3. peter 1970 commodore 16 computer science & ergonomics 20 years at interactive agencies design process freak in-house UX strategist
  4. 4. dsgnday
  5. 5. dsgn
  6. 6. a design a speci!cation of an object, manifested by an agent, intended to accomplish goals, in a particular environment, using a set of primitive components, satisfying a set of requirements, subject to constraints
  7. 7. to design to create a design, in an environment where the designer operates
  8. 8. to design to create a design, in an environment where the designer operates
  9. 9. create
  10. 10. deliverables ‘deliverable’ is a term used in project management to describe a tangible or intangible object, produced as a result of the project, that is intended to be delivered to a customer (either internal or external).
  11. 11. list 10 deliverables
  12. 12. business project strategy evaluation research design
  13. 13. business project strategy evaluation research design pitch scenarios position roadmap service design scope prototype review requirements test analytics estimate beta detailed design sketch personas concept competition roles steps interviews
  14. 14. business project strategy evaluation research design pitch
  15. 15. X
  16. 16. business project strategy evaluation research design estimate
  17. 17. estimate assumptions calculations (explanations) risks
  18. 18. example estimate assuming we design 10 wireframes (5 complex + 5 medium) plus 15 components we estimate we need 300 hours (5x16 + 5x8) + (15x12) but we don’t know the documentation needs of the developer
  19. 19. business project strategy evaluation research design position
  20. 20. client
  21. 21. client client
  22. 22. competitor competitor competitor big competitor competitor competitor big competitor competitor competitor client
  23. 23. client competitor competitor competitor competitor big competitor competitor competitor big competitor competitor client
  24. 24. business project strategy evaluation research design competition
  25. 25. business project strategy evaluation research design personas
  26. 26. business project strategy evaluation research design prototype detailed design sketch concept
  27. 27. MOBILE APP MUSIC PLAYER IN BAR matching user profile bar profile
  28. 28. business project strategy evaluation research design test
  29. 29. business project strategy evaluation research design beta
  30. 30. business project strategy evaluation research design pitch scenarios position roadmap service design scope prototype review requirements test analytics estimate beta detailed design sketch personas concept competition roles steps interviews
  31. 31. to design to create a design, in an environment where the designer operates
  32. 32. environment
  33. 33. org chart
  34. 34. draw your org chart
  35. 35. design in your org chart
  36. 36. to design to create a design, in an environment where the designer operates
  37. 37. operate
  38. 38. process
  39. 39. design process substantial disagreement exists concerning how designers [..] produce designs. 1. designers attempt to optimize a design candidate for known constraints and objectives 2. the design process is plan-driven 3. the design process is understood in terms of a discrete sequence of stages 1. designers use creativity and emotion to generate design candidates 2. the design process is improvised 3. no universal sequence of stages is apparent – analysis, design and implementation are contemporary and inextricably linked
  40. 40. 80-20 rule for problems 80% 20% 1. designers attempt to optimize a design candidate for known constraints and objectives 2. the design process is plan-driven 3. the design process is understood in terms of a discrete sequence of stages 1. designers use creativity and emotion to generate design candidates 2. the design process is improvised 3. no universal sequence of stages is apparent – analysis, design and implementation are contemporary and inextricably linked
  41. 41. 80-20 rule for time spent 20% 80% 1. designers attempt to optimize a design candidate for known constraints and objectives 2. the design process is plan-driven 3. the design process is understood in terms of a discrete sequence of stages 1. designers use creativity and emotion to generate design candidates 2. the design process is improvised 3. no universal sequence of stages is apparent – analysis, design and implementation are contemporary and inextricably linked
  42. 42. 80-20 rule for time spent assuming you have a process 20% 80% 1. designers attempt to optimize a design candidate for known constraints and objectives 2. the design process is plan-driven 3. the design process is understood in terms of a discrete sequence of stages 1. designers use creativity and emotion to generate design candidates 2. the design process is improvised 3. no universal sequence of stages is apparent – analysis, design and implementation are contemporary and inextricably linked
  43. 43. why document a process? 1. to agree on what ‘things’ are called 2. to link design activities with other processes 3. to increase efficiency through standardization 4. to speed up integration of team members 5. to explain to your client where they are involved 6. to measure your work, so you can improve it
  44. 44. document a process
  45. 45. sketch your process
  46. 46. sketch your process
  47. 47. SITEMAP wireframes require-ments usability test Screen FLOW proto-type design principles Persona
  48. 48. Persona SITEMAP wireframes require-ments usability test Screen FLOW proto-type design principles
  49. 49. 1 2 3 4 Persona SITEMAP wireframes require-ments usability test Screen FLOW proto-type design principles
  50. 50. resuesaerrch concept design detailed design prototype & evaluate Persona SITEMAP wireframes require-ments usability test Screen FLOW proto-type design principles
  51. 51. reusseaecrh concept design detailed design &pr eovtaolutyaptee Persona SITEMAP wireframes require-ments usability test Screen FLOW proto-type design principles
  52. 52. 1. identify your current deliverables 2. create diagram with deliverables & phases
  53. 53. 10 steps 1. identify your current deliverables 2. create diagram with deliverables & phases 3. describe activities, specifying input & output 4. present process to rest of company 5. improve diagram & descriptions ...
  54. 54. 10 steps ... 6. create templates & instructions for deliverables 7. update diagram & descriptions 8. promote your process, internally & externally 9. measure & evaluate working with the process 10. continue to improve the process
  55. 55. http://www.slideshare.net/Hienadz.Drahun/ 50-visual-de"nitions-of-user-experience
  56. 56. to design to create a design, in an environment where the designer operates
  57. 57. to design better to create a better design, in a better environment where the designer operates better
  58. 58. improve
  59. 59. a plan for improvement to improve <a success metric>, I will <do something> together with <another role> and we will change <a part of the process> before <a deadline>.
  60. 60. success for design 1. product usage 2. compliments vs. complaints 3. value of the brand
  61. 61. success for design teams 1. projects on time & within budget 2. efficiency & effectiveness 3. valued by colleagues
  62. 62. with whom business project strategy evaluation research design
  63. 63. where in the org chart
  64. 64. where in the process resuesaerrch concept design detailed design prototype & evaluate Persona SITEMAP wireframes require-ments usability test Screen FLOW proto-type design principles
  65. 65. which deliverable pitch scenarios position roadmap service design scope prototype review requirements test analytics estimate beta detailed design sketch personas concept competition roles steps interviews
  66. 66. when 11 nov
  67. 67. a plan for improvement to improve <a success metric>, I will <do something> together with <another role> and we will change <a part of the process> before <a deadline>.
  68. 68. write a plan to improve <a success metric>, I will <do something> together with <another role> and we will change <a part of the process> before <a deadline>.
  69. 69. to design to create a design, in a environment where the designer operates and keeps improving
  70. 70. you can do better! @pboersma

×