You can do better! (dsgnday)

Download You can do better! (dsgnday)

Post on 02-Jul-2015

505 views

Category:

Design

1 download

Embed Size (px)

DESCRIPTION

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.

TRANSCRIPT

  • 1. you can do better!@pboersma

2. a red border means there is an exercise!you can do better!@dsgndayconf 3. peter1970commodore 16computer science & ergonomics20 years at interactive agenciesdesign process freakin-house UX strategist 4. dsgnday 5. dsgn 6. a designa 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. to designto create a design,in an environment wherethe designer operates 8. to designto create a design,in an environment wherethe designer operates 9. create 10. deliverablesdeliverable is a term used in project managementto 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. list 10 deliverables 12. businessproject strategyevaluation researchdesign 13. businessproject strategyevaluation researchdesignpitchscenariospositionroadmapservice designscopeprototypereview requirementstestanalyticsestimatebetadetailed design sketchpersonasconceptcompetitionrolesstepsinterviews 14. businessproject strategyevaluation researchdesignpitch 15. X 16. businessproject strategyevaluation researchdesignestimate 17. estimateassumptionscalculations(explanations)risks 18. example estimateassumingwe design 10 wireframes(5 complex + 5 medium)plus 15 componentswe estimatewe need 300 hours(5x16 + 5x8) + (15x12)butwe dont know thedocumentationneedsof the developer 19. businessproject strategyevaluation researchdesignposition 20. client 21. clientclient 22. competitor competitorcompetitorbigcompetitorcompetitor competitorbigcompetitorcompetitorcompetitorclient 23. client competitorcompetitor competitorcompetitorbigcompetitorcompetitor competitorbigcompetitorcompetitorclient 24. businessproject strategyevaluation researchdesigncompetition 25. businessproject strategyevaluation researchdesignpersonas 26. businessproject strategyevaluation researchdesignprototypedetailed design sketchconcept 27. MOBILEAPPMUSIC PLAYERIN BARmatchinguserprofilebarprofile 28. businessproject strategyevaluation researchdesigntest 29. businessproject strategyevaluation researchdesignbeta 30. businessproject strategyevaluation researchdesignpitchscenariospositionroadmapservice designscopeprototypereview requirementstestanalyticsestimatebetadetailed design sketchpersonasconceptcompetitionrolesstepsinterviews 31. to designto create a design,in an environment wherethe designer operates 32. environment 33. org chart 34. draw your org chart 35. design in your org chart 36. to designto create a design,in an environment wherethe designer operates 37. operate 38. process 39. design processsubstantial disagreement existsconcerning how designers [..] produce designs.1. designers attempt to optimize a designcandidate for known constraints andobjectives2. the design process is plan-driven3. the design process is understood in terms ofa discrete sequence of stages1. designers use creativity and emotion togenerate design candidates2. the design process is improvised3. no universal sequence of stages isapparent analysis, design andimplementation are contemporary andinextricably linked 40. 80-20 rule for problems80% 20%1. designers attempt to optimize a designcandidate for known constraints andobjectives2. the design process is plan-driven3. the design process is understood in terms ofa discrete sequence of stages1. designers use creativity and emotion togenerate design candidates2. the design process is improvised3. no universal sequence of stages isapparent analysis, design andimplementation are contemporary andinextricably linked 41. 80-20 rule for time spent20% 80%1. designers attempt to optimize a designcandidate for known constraints andobjectives2. the design process is plan-driven3. the design process is understood in terms ofa discrete sequence of stages1. designers use creativity and emotion togenerate design candidates2. the design process is improvised3. no universal sequence of stages isapparent analysis, design andimplementation are contemporary andinextricably linked 42. 80-20 rule for time spentassuming you have a process20% 80%1. designers attempt to optimize a designcandidate for known constraints andobjectives2. the design process is plan-driven3. the design process is understood in terms ofa discrete sequence of stages1. designers use creativity and emotion togenerate design candidates2. the design process is improvised3. no universal sequence of stages isapparent analysis, design andimplementation are contemporary andinextricably linked 43. why document a process?1. to agree on what things are called2. to link design activities with other processes3. to increase efficiency through standardization4. to speed up integration of team members5. to explain to your client where they are involved6. to measure your work, so you can improve it 44. document a process 45. sketch your process 46. sketch your process 47. SITEMAPwireframesrequire-mentsusabilitytestScreenFLOWproto-typedesignprinciplesPersona 48. PersonaSITEMAPwireframesrequire-mentsusability testScreenFLOWproto-typedesignprinciples 49. 1 2 3 4PersonaSITEMAPwireframesrequire-mentsusability testScreenFLOWproto-typedesignprinciples 50. resuesaerrch conceptdesigndetaileddesignprototype& evaluatePersonaSITEMAPwireframesrequire-mentsusability testScreenFLOWproto-typedesignprinciples 51. reusseaecrhconceptdesigndetaileddesign&pr eovtaolutyapteePersonaSITEMAPwireframesrequire-mentsusability testScreenFLOWproto-typedesignprinciples 52. 1. identify your current deliverables2. create diagram with deliverables & phases 53. 10 steps1. identify your current deliverables2. create diagram with deliverables & phases3. describe activities, specifying input & output4. present process to rest of company5. improve diagram & descriptions... 54. 10 steps...6. create templates & instructions for deliverables7. update diagram & descriptions8. promote your process, internally & externally9. measure & evaluate working with the process10. continue to improve the process 55. http://www.slideshare.net/Hienadz.Drahun/50-visual-de"nitions-of-user-experience 56. to designto create a design,in an environmentwhere the designer operates 57. to design betterto create a better design,in a better environmentwhere the designer operates better 58. improve 59. a plan for improvementto improve ,I will together with and we will change before . 60. success for design1. product usage2. compliments vs. complaints3. value of the brand 61. success for design teams1. projects on time & within budget2. efficiency & effectiveness3. valued by colleagues 62. with whombusinessproject strategyevaluation researchdesign 63. where in the org chart 64. where in the processresuesaerrch conceptdesigndetaileddesignprototype& evaluatePersonaSITEMAPwireframesrequire-mentsusability testScreenFLOWproto-typedesignprinciples 65. which deliverablepitchscenariospositionroadmapservice designscopeprototypereview requirementstestanalyticsestimatebetadetailed design sketchpersonasconceptcompetitionrolesstepsinterviews 66. when11nov 67. a plan for improvementto improve ,I will together with and we will change before . 68. write a planto improve ,I will together with and we will change before . 69. to designto create a design,in a environmentwhere the designer operatesand keeps improving 70. you can do better!@pboersma