WorkingwithDevelopersFor Fun & ProfitJack Moffett | @jackmoffettSenior Interaction Designer, Inmediusdesignaday.tumblr.com
Yeah, this happened.
“The way we work at Apple isthat the complexity of theseproducts really makes it criticalto work collaboratively, withdiffe...
We’re hiring!www.inmedius.com
www.inmedius.com
by the power of grayskull by Speculum Mundihttp://www.flickr.com/photos/speculummundi/4569110353/in/photostream/
user study & requirements analysisinteraction & information designvisual design & graphics productionUI prototyping & impl...
Tight Integration                                           the board is misleading by snickclunk           http://www.flic...
Memory Lane by physiognomisthttp://www.flickr.com/photos/davidmican/315728765/
Memory Lane by physiognomisthttp://www.flickr.com/photos/davidmican/315728765/                                             ...
Fort Pitt Tunnel by ellenm1http://www.flickr.com/photos/ellenm1/4320606426/
Driving through the Squirrel Hill Tunnel by Jason Pratthttp://www.flickr.com/photos/jasonpratt/912324482/
Wrong Way by KungPaoCajunhttp://www.flickr.com/photos/begnaud/243996426/
Pizza boxes by Marc Wathieuhttp://www.flickr.com/photos/marcwathieu/5395466993/
Survey
Survey   IxDA.org         IxDA on LinkedIn         IxDA Pittsburgh         AIGA Experience List         Roundroom Mailing ...
Survey   Viewed    308         Responded 90         Completed 82
Years ofExperience
Work SituationType of Company   Type of Work   Size of team
SkillCompetency
Participation
Collaborationlifecycle
Collaboration   Requirements Analysis                Designlifecycle       Implementation                Functional Testin...
Requirements
Develop a shared                                                     understanding of                                     ...
Develop a shared                                                     understanding of                                     ...
Identify technicalchallenges“We need to connect this to this, using only those.”
Identify  technologiesThe cup that can only be half-full. by vrogy http://www.flickr.com/photos/vrogy/511644410/
Identify  technologiesThe cup that can only be half-full. by vrogy http://www.flickr.com/photos/vrogy/511644410/
Estimate Time        & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
Estimate Time                                       “Ideally, the developers and I are to work        & Effort            ...
Estimate Time        & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
Estimate Time        & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
Estimate Time        & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
Estimate Time        & Effort                                       software bill of materialsBy eflon http://www.flickr.com...
Estimate Time        & Effort                                                       How can we best prioritize            ...
Use their   tools   A successful tool is one that was used to do something undreamed of by its author. by katerha         ...
Issue Tracking                 A successful tool is one that was used to do something undreamed of by its author. by kater...
Issue Tracking                 A successful tool is one that was used to do something undreamed of by its author. by kater...
Issue Tracking   Create items for each of your                 design tasks.                 Developers can subscribe to t...
Wiki       A successful tool is one that was used to do something undreamed of by its author. by katerha                  ...
Wiki   Subscribe to see what the       developers are thinking.       Document your own thinking so       it is available ...
Subscribe
Design
Design  DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
Design  DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
Design  DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
Design  DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
Design  Documentation                                      Design the documentation                                      f...
“The developers really appreciated it, because theycould just look at it, and they didn’t have to wonderif the designer ha...
Documentation     is part of the     design process.One size fits all…. By The Candid Streethttp://www.flickr.com/photos/had...
Documentation     is part of the     design process.                                                  You learn a lot by  ...
building blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/              Implementation
“I get most frustrated when, after providing apixel-perfect mockup, I see the finishedimplementation during the testing pha...
Admiral Ackbar vs. Admiral Kirk (58/365) By JD Hancockhttp://www.flickr.com/photos/jdhancock/4393509633/
Admiral Ackbar vs. Admiral Kirk (58/365) By JD Hancockhttp://www.flickr.com/photos/jdhancock/4393509633/                   ...
“If you’re in a room filled with designers, bring up the topic of      whether it’s valuable for a designer to also code. I...
Do Designersneed to code?
Will Learning to Code  Make me a betterinteraction designer?
Perceived DrawbacksTent By planetlight http://www.flickr.com/photos/planetlight/4767815082/in/photostream/
Tasked with coding instead of design   “I found that when I tried to be both a designer and   engineer/coder, I ended up d...
Tasked with coding instead of design   Limit Creativity due to knowledge of difficultyTent By planetlight http://www.flickr...
Tasked with coding instead of design   Limit Creativity due to knowledge of difficultyTent By planetlight http://www.flickr...
Tasked with coding instead of design   Limit Creativity due to knowledge of difficulty   Marginalize design skills to add ...
Designer                                                           SoupMighty Elixir By Robert S. Donovanhttp://www.flickr....
Designer                                 Interaction Design Skills                                                        ...
Designer                                                           SoupMighty Elixir By Robert S. Donovanhttp://www.flickr....
Designer                                                       T       Soup                                               ...
Perceived                                                        BenefitsMighty Elixir By Robert S. Donovanhttp://www.flick...
Mighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
Calling BS on codersMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
Calling BS on coders          Respect & credibilityMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansp...
Calling BS on coders          Respect & credibility          Speaking their languageMighty Elixir By Robert S. Donovanhttp...
Calling BS on coders          Respect & credibility          Speaking their language          Knowledge of capabilities & ...
Calling BS on coders          Respect & credibility          Speaking their language          Knowledge of capabilities & ...
Calling BS on coders          Respect & credibility          Speaking their language          Knowledge of capabilities & ...
Calling BS on coders          Respect & credibility          Speaking their language          Knowledge of capabilities & ...
“Coding and designing are collections of                            skills. What we’ve learned is teams with a            ...
“Coding and designing are collections of                            skills. What we’ve learned is teams with a            ...
Participation inbuilding blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/                           ...
Participation inbuilding blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/                           ...
Participation inbuilding blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/                           ...
Use their   tools   A successful tool is one that was used to do something undreamed of by its author. by katerha         ...
Working in theProduction Code                  A successful tool is one that was used to do something undreamed of by its ...
Working in the   I don’t have to ask permission to                  make changes or ask someoneProduction Code   else to m...
Working in the   I don’t have to ask permission to                  make changes or ask someoneProduction Code   else to m...
Working in the   I don’t have to ask permission to                  make changes or ask someoneProduction Code   else to m...
rainbow sprinkle donut By tommy.chhenghttp://www.flickr.com/photos/tommychheng/3226662528/
With great power comes great                                                      responsibility.rainbow sprinkle donut By...
VersionControl
Functional TestingAbandoned buildings of Ichikawa junior/senior high school, Chiba Japan. By naosuke iihttp://www.flickr.co...
Designers make     great testersAbandoned buildings of Ichikawa junior/senior high school, Chiba Japan. By naosuke iihttp:...
Designers make                                                                       Detail oriented     great testersAban...
Designers make                                                                       Detail oriented     great testers    ...
Designers make                                                                       Detail oriented     great testers    ...
Use their tools                  A successful tool is one that was used to do something undreamed of by its author. by kat...
Use their tools   Participation is power.                            A successful tool is one that was used to do somethin...
Use their tools   Participation is power.                  Gives you the opportunity to                  record usability ...
Use their tools   Participation is power.                  Gives you the opportunity to                  record usability ...
Usability Testing
it works both        ways
it works both   Have developers participate                in field trials.        ways
it works both   Have developers participate                in field trials.        ways    They will gain a better         ...
it works both   Have developers participate                in field trials.        ways    They will gain a better         ...
Relationshipsv2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
DO Notv2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
DO Not               Critique engineering prototypes                                                        on aesthetics ...
DO Not               Critique engineering prototypes                                                        on aesthetics ...
DO Not               Critique engineering prototypes                                                        on aesthetics ...
DO Not               Critique engineering prototypes                                                        on aesthetics ...
Yes Pleasev2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
Yes Please                                          Position your involvement as                                          ...
Yes Please                                          Position your involvement as                                          ...
Yes Please                                          Position your involvement as                                          ...
Yes Please                                          Position your involvement as                                          ...
Yes Please                                          Position your involvement as                                          ...
Four Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
Four Storms And A Twister by JD Hancock                                        Conclusionhttp://www.flickr.com/photos/jdhan...
Tight Dev Team IntegrationFour Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
Tight Dev Team Integration                                        Participate in the entire                               ...
Tight Dev Team Integration                                        Participate in the entire                               ...
Tight Dev Team Integration                                        Participate in the entire                               ...
Tight Dev Team Integration                                        Participate in the entire                               ...
Tight Dev Team Integration                                        Participate in the entire                               ...
for success  jump for joy by Tinou Bao http://www.flickr.com/photos/tinou/506361030/
Questions?Jack Moffett | @jackmoffettSenior Interaction Designer, Inmediusjmoffett@inmedius.comdesignaday.tumblr.com
Suggested Reading• How designers and engineers can play nice (and still run with scissors) by Jenna Bilotta• Concept to Co...
CreditsTypefaces: Blanch, by Atipus           Myriad Pro, by AdobeSurvey visualizations created withParallel Sets by Rober...
Thank youJack Moffett | @jackmoffettSenior Interaction Designer, Inmediusjmoffett@inmedius.comdesignaday.tumblr.com
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Working with Developers
Upcoming SlideShare
Loading in...5
×

Working with Developers

251

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
251
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Working with Developers

  1. 1. WorkingwithDevelopersFor Fun & ProfitJack Moffett | @jackmoffettSenior Interaction Designer, Inmediusdesignaday.tumblr.com
  2. 2. Yeah, this happened.
  3. 3. “The way we work at Apple isthat the complexity of theseproducts really makes it criticalto work collaboratively, withdifferent areas of expertise. Ithink that’s one of the thingsabout my job I enjoy the most. Iwork with silicon designers,electronic and mechanicalengineers, and I think you wouldstruggle to determine who doeswhat when we get together.We’re located together, we sharethe same goal, have exactly thesame preoccupation withmaking great products.”Sir Jonathan Ive
  4. 4. We’re hiring!www.inmedius.com
  5. 5. www.inmedius.com
  6. 6. by the power of grayskull by Speculum Mundihttp://www.flickr.com/photos/speculummundi/4569110353/in/photostream/
  7. 7. user study & requirements analysisinteraction & information designvisual design & graphics productionUI prototyping & implementationfunctional testingusability evaluationauthoring of user guides & training materials by the power of grayskull by Speculum Mundi http://www.flickr.com/photos/speculummundi/4569110353/in/photostream/
  8. 8. Tight Integration the board is misleading by snickclunk http://www.flickr.com/photos/snickclunk/4119284398/in/photostream/
  9. 9. Memory Lane by physiognomisthttp://www.flickr.com/photos/davidmican/315728765/
  10. 10. Memory Lane by physiognomisthttp://www.flickr.com/photos/davidmican/315728765/ it hasn’t always been that way
  11. 11. Fort Pitt Tunnel by ellenm1http://www.flickr.com/photos/ellenm1/4320606426/
  12. 12. Driving through the Squirrel Hill Tunnel by Jason Pratthttp://www.flickr.com/photos/jasonpratt/912324482/
  13. 13. Wrong Way by KungPaoCajunhttp://www.flickr.com/photos/begnaud/243996426/
  14. 14. Pizza boxes by Marc Wathieuhttp://www.flickr.com/photos/marcwathieu/5395466993/
  15. 15. Survey
  16. 16. Survey IxDA.org IxDA on LinkedIn IxDA Pittsburgh AIGA Experience List Roundroom Mailing List DesignAday Twitter (#ixda #iai)
  17. 17. Survey Viewed 308 Responded 90 Completed 82
  18. 18. Years ofExperience
  19. 19. Work SituationType of Company Type of Work Size of team
  20. 20. SkillCompetency
  21. 21. Participation
  22. 22. Collaborationlifecycle
  23. 23. Collaboration Requirements Analysis Designlifecycle Implementation Functional Testing Usability Testing
  24. 24. Requirements
  25. 25. Develop a shared understanding of the requirementsPre-game huddle by -just-jen- http://www.flickr.com/photos/whetzel/55214389/
  26. 26. Develop a shared understanding of the requirementsPre-game huddle by -just-jen- http://www.flickr.com/photos/whetzel/55214389/
  27. 27. Identify technicalchallenges“We need to connect this to this, using only those.”
  28. 28. Identify technologiesThe cup that can only be half-full. by vrogy http://www.flickr.com/photos/vrogy/511644410/
  29. 29. Identify technologiesThe cup that can only be half-full. by vrogy http://www.flickr.com/photos/vrogy/511644410/
  30. 30. Estimate Time & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
  31. 31. Estimate Time “Ideally, the developers and I are to work & Effort closely together during the design phase... but it typically works out that they gloss over the document or attend a few meetings and get a basic understanding of what we are planning on doing, but never pay attention to the full details. Then they tend to come to me with questions or ‘are you crazy? I can’t do that!’ when it’s time for them to put together a timeline for their development assessment. After a few times of close calls, they are beginning to pay more attention to the pencil sketches and overall workflows we put together for them.”By eflon http://www.flickr.com/photos/eflon/5079163335/
  32. 32. Estimate Time & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
  33. 33. Estimate Time & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
  34. 34. Estimate Time & EffortBy eflon http://www.flickr.com/photos/eflon/5079163335/
  35. 35. Estimate Time & Effort software bill of materialsBy eflon http://www.flickr.com/photos/eflon/5079163335/
  36. 36. Estimate Time & Effort How can we best prioritize our work to support the developers’ schedule?By eflon http://www.flickr.com/photos/eflon/5079163335/
  37. 37. Use their tools A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  38. 38. Issue Tracking A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  39. 39. Issue Tracking A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  40. 40. Issue Tracking Create items for each of your design tasks. Developers can subscribe to the ones that relate to their own tasks. Your estimates can be calculated in the chartboard, or not. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  41. 41. Wiki A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  42. 42. Wiki Subscribe to see what the developers are thinking. Document your own thinking so it is available to them. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  43. 43. Subscribe
  44. 44. Design
  45. 45. Design DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
  46. 46. Design DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
  47. 47. Design DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
  48. 48. Design DocumentationOne size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
  49. 49. Design Documentation Design the documentation for those that will wear it.One size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
  50. 50. “The developers really appreciated it, because theycould just look at it, and they didn’t have to wonderif the designer had forgotten something.” Bill Scott
  51. 51. Documentation is part of the design process.One size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
  52. 52. Documentation is part of the design process. You learn a lot by describing your design.One size fits all…. By The Candid Streethttp://www.flickr.com/photos/haddadi/5971508861/
  53. 53. building blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/ Implementation
  54. 54. “I get most frustrated when, after providing apixel-perfect mockup, I see the finishedimplementation during the testing phase, and it’sdrastically different than what I spec’d (fonts,colors, sizes, spacing, alignment, positioning, etc).”
  55. 55. Admiral Ackbar vs. Admiral Kirk (58/365) By JD Hancockhttp://www.flickr.com/photos/jdhancock/4393509633/
  56. 56. Admiral Ackbar vs. Admiral Kirk (58/365) By JD Hancockhttp://www.flickr.com/photos/jdhancock/4393509633/ fight!
  57. 57. “If you’re in a room filled with designers, bring up the topic of whether it’s valuable for a designer to also code. Immediately, the room will divide faster than Moses split the Red Sea. One side will tell you coding is an essential skill, while the other will vehemently argue how it dilutes the designer’s value.” Jared SpoolAn Event Apart 2010: San Diego - Jared Spool By peterjharthttp://www.flickr.com/photos/40054618@N03/5139909661/
  58. 58. Do Designersneed to code?
  59. 59. Will Learning to Code Make me a betterinteraction designer?
  60. 60. Perceived DrawbacksTent By planetlight http://www.flickr.com/photos/planetlight/4767815082/in/photostream/
  61. 61. Tasked with coding instead of design “I found that when I tried to be both a designer and engineer/coder, I ended up doing a lot more engineering and a lot less design than I wanted to do. I think part of the problem is that engineering skills are, in the end, valued more than design skills.” Jennifer Tidwell, author of Designing Interfaces: Patterns for Effective InteractionTent By planetlight http://www.flickr.com/photos/planetlight/4767815082/in/photostream/
  62. 62. Tasked with coding instead of design Limit Creativity due to knowledge of difficultyTent By planetlight http://www.flickr.com/photos/planetlight/4767815082/in/photostream/
  63. 63. Tasked with coding instead of design Limit Creativity due to knowledge of difficultyTent By planetlight http://www.flickr.com/photos/planetlight/4767815082/in/photostream/
  64. 64. Tasked with coding instead of design Limit Creativity due to knowledge of difficulty Marginalize design skills to add coding skillsTent By planetlight http://www.flickr.com/photos/planetlight/4767815082/in/photostream/
  65. 65. Designer SoupMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  66. 66. Designer Interaction Design Skills Soup Visual Design Skills Implementation Skills Business SkillsMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  67. 67. Designer SoupMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  68. 68. Designer T Soup MMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  69. 69. Perceived BenefitsMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  70. 70. Mighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  71. 71. Calling BS on codersMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  72. 72. Calling BS on coders Respect & credibilityMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  73. 73. Calling BS on coders Respect & credibility Speaking their languageMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  74. 74. Calling BS on coders Respect & credibility Speaking their language Knowledge of capabilities & difficultyMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  75. 75. Calling BS on coders Respect & credibility Speaking their language Knowledge of capabilities & difficulty Participation in evaluation & selection of technologyMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  76. 76. Calling BS on coders Respect & credibility Speaking their language Knowledge of capabilities & difficulty Participation in evaluation & selection of technology Better able to create prototypesMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  77. 77. Calling BS on coders Respect & credibility Speaking their language Knowledge of capabilities & difficulty Participation in evaluation & selection of technology Better able to create prototypes Participation in implementationMighty Elixir By Robert S. Donovanhttp://www.flickr.com/photos/booleansplit/2220774911/
  78. 78. “Coding and designing are collections of skills. What we’ve learned is teams with a better distribution of skills, not segmented by roles, produce better results.”An Event Apart 2010: San Diego - Jared Spool By peterjharthttp://www.flickr.com/photos/40054618@N03/5139909661/
  79. 79. “Coding and designing are collections of skills. What we’ve learned is teams with a better distribution of skills, not segmented by roles, produce better results.”An Event Apart 2010: San Diego - Jared Spool By peterjharthttp://www.flickr.com/photos/40054618@N03/5139909661/
  80. 80. Participation inbuilding blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/ Implementation
  81. 81. Participation inbuilding blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/ Implementation Less documentation is required when you implement your own design.
  82. 82. Participation inbuilding blocks By ella novak http://www.flickr.com/photos/cookylida/3334177358/ Implementation Less documentation is required when you implement your own design. Get everything perfect the first time.
  83. 83. Use their tools A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  84. 84. Working in theProduction Code A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  85. 85. Working in the I don’t have to ask permission to make changes or ask someoneProduction Code else to make them for me. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  86. 86. Working in the I don’t have to ask permission to make changes or ask someoneProduction Code else to make them for me. I know that the final product will be the one that I designed. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  87. 87. Working in the I don’t have to ask permission to make changes or ask someoneProduction Code else to make them for me. I know that the final product will be the one that I designed. With great power comes great responsibility. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  88. 88. rainbow sprinkle donut By tommy.chhenghttp://www.flickr.com/photos/tommychheng/3226662528/
  89. 89. With great power comes great responsibility.rainbow sprinkle donut By tommy.chhenghttp://www.flickr.com/photos/tommychheng/3226662528/
  90. 90. VersionControl
  91. 91. Functional TestingAbandoned buildings of Ichikawa junior/senior high school, Chiba Japan. By naosuke iihttp://www.flickr.com/photos/ogwrnsk/5020082786/
  92. 92. Designers make great testersAbandoned buildings of Ichikawa junior/senior high school, Chiba Japan. By naosuke iihttp://www.flickr.com/photos/ogwrnsk/5020082786/
  93. 93. Designers make Detail oriented great testersAbandoned buildings of Ichikawa junior/senior high school, Chiba Japan. By naosuke iihttp://www.flickr.com/photos/ogwrnsk/5020082786/
  94. 94. Designers make Detail oriented great testers Use the system more like a userAbandoned buildings of Ichikawa junior/senior high school, Chiba Japan. By naosuke iihttp://www.flickr.com/photos/ogwrnsk/5020082786/
  95. 95. Designers make Detail oriented great testers Use the system more like a user Know better than anyone how the thing is supposed to workAbandoned buildings of Ichikawa junior/senior high school, Chiba Japan. By naosuke iihttp://www.flickr.com/photos/ogwrnsk/5020082786/
  96. 96. Use their tools A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  97. 97. Use their tools Participation is power. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  98. 98. Use their tools Participation is power. Gives you the opportunity to record usability issues to be fixed prior to usability testing. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  99. 99. Use their tools Participation is power. Gives you the opportunity to record usability issues to be fixed prior to usability testing. Don’t abuse it—follow the rules. A successful tool is one that was used to do something undreamed of by its author. by katerha http://www.flickr.com/photos/katerha/5746905652/
  100. 100. Usability Testing
  101. 101. it works both ways
  102. 102. it works both Have developers participate in field trials. ways
  103. 103. it works both Have developers participate in field trials. ways They will gain a better appreciation of the users’ concerns.
  104. 104. it works both Have developers participate in field trials. ways They will gain a better appreciation of the users’ concerns. Other developers will listen when one of their own is as adamant about usability concerns as you are.
  105. 105. Relationshipsv2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  106. 106. DO Notv2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  107. 107. DO Not Critique engineering prototypes on aesthetics or interaction design.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  108. 108. DO Not Critique engineering prototypes on aesthetics or interaction design. Force your process on the developers.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  109. 109. DO Not Critique engineering prototypes on aesthetics or interaction design. Force your process on the developers. Expect developers to make changes at the last minute because you haven’t been involved until the end.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  110. 110. DO Not Critique engineering prototypes on aesthetics or interaction design. Force your process on the developers. Expect developers to make changes at the last minute because you haven’t been involved until the end. Expect developers to have the same visual sensibilities you have.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  111. 111. Yes Pleasev2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  112. 112. Yes Please Position your involvement as something that makes your developers’ job easier.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  113. 113. Yes Please Position your involvement as something that makes your developers’ job easier. Be inclusive. It’s not our responsibility to make decisions so much as to offer options.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  114. 114. Yes Please Position your involvement as something that makes your developers’ job easier. Be inclusive. It’s not our responsibility to make decisions so much as to offer options. Find opportunities to educate.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  115. 115. Yes Please Position your involvement as something that makes your developers’ job easier. Be inclusive. It’s not our responsibility to make decisions so much as to offer options. Find opportunities to educate. Dare to compromise.v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  116. 116. Yes Please Position your involvement as something that makes your developers’ job easier. Be inclusive. It’s not our responsibility to make decisions so much as to offer options. Find opportunities to educate. Dare to compromise. Be social - Jenna Bilotta says, “Drink a beer with your engineer.”v2.19: March 19th (Pirate Socks) by Phoney Nicklehttp://www.flickr.com/photos/mslivenletlive/427537759/
  117. 117. Four Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
  118. 118. Four Storms And A Twister by JD Hancock Conclusionhttp://www.flickr.com/photos/jdhancock/3842546304/
  119. 119. Tight Dev Team IntegrationFour Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
  120. 120. Tight Dev Team Integration Participate in the entire development processFour Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
  121. 121. Tight Dev Team Integration Participate in the entire development process Tailor documentation to be developer-friendlyFour Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
  122. 122. Tight Dev Team Integration Participate in the entire development process Tailor documentation to be developer-friendly Use the developers’ toolsFour Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
  123. 123. Tight Dev Team Integration Participate in the entire development process Tailor documentation to be developer-friendly Use the developers’ tools Learn implementation skillsFour Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
  124. 124. Tight Dev Team Integration Participate in the entire development process Tailor documentation to be developer-friendly Use the developers’ tools Learn implementation skills Be respectful / Be socialFour Storms And A Twister by JD Hancockhttp://www.flickr.com/photos/jdhancock/3842546304/
  125. 125. for success jump for joy by Tinou Bao http://www.flickr.com/photos/tinou/506361030/
  126. 126. Questions?Jack Moffett | @jackmoffettSenior Interaction Designer, Inmediusjmoffett@inmedius.comdesignaday.tumblr.com
  127. 127. Suggested Reading• How designers and engineers can play nice (and still run with scissors) by Jenna Bilotta• Concept to Code - Code Literacy in UX by Ryan Betts• Owen Otto’s response to “How do UI designers work with engineers to ensure their vision is achieved?” on Quora• 3 Reasons Why Learning To Code Makes You A Better Designer by Jared Spool
  128. 128. CreditsTypefaces: Blanch, by Atipus Myriad Pro, by AdobeSurvey visualizations created withParallel Sets by Robert Kosara.
  129. 129. Thank youJack Moffett | @jackmoffettSenior Interaction Designer, Inmediusjmoffett@inmedius.comdesignaday.tumblr.com
  1. A particular slide catching your eye?

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

×