working with developers for fun and profit
DESCRIPTION
This presentation was given to IxDA Grand Rapids on 5/22/14.TRANSCRIPT
![Page 1: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/1.jpg)
Working with DevelopersFor Fun & ProfitJack Moffett | @jackmoffett Senior Interaction Designer Inmedius, a Boeing Company designaday.tumblr.com
![Page 2: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/2.jpg)
![Page 3: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/3.jpg)
“The way we work at Apple is that the complexity of these products really makes it critical to work collaboratively, with different areas of expertise. I think that’s one of the things about my job I enjoy the most. I work with silicon designers, electronic and mechanical engineers, and I think you would struggle to determine who does what when we get together. We’re located together, we share the same goal, have exactly the same preoccupation with making great products.” !
Sir Jonathan Ive
![Page 4: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/4.jpg)
Tight Integration
the board is misleading by snickclunk http://www.flickr.com/photos/snickclunk/4119284398/in/photostream/
![Page 5: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/5.jpg)
Bridges to Development
![Page 6: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/6.jpg)
Bridges to DevelopmentRelationships (the soft skills)
![Page 7: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/7.jpg)
Bridges to DevelopmentRelationships (the soft skills)
Supporting Development
![Page 8: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/8.jpg)
Bridges to DevelopmentRelationships (the soft skills)
Supporting Development
Documentation
![Page 9: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/9.jpg)
Bridges to DevelopmentRelationships (the soft skills)
Supporting Development
Documentation
Comprehensive Participation
![Page 10: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/10.jpg)
Bridges to DevelopmentRelationships (the soft skills)
Supporting Development
Documentation
Comprehensive Participation
Shared Tools
![Page 11: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/11.jpg)
Bridges to DevelopmentRelationships (the soft skills)
Supporting Development
Documentation
Comprehensive Participation
Shared Tools
Implementing the UI
![Page 12: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/12.jpg)
Relationships
![Page 13: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/13.jpg)
Who We Work With
![Page 14: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/14.jpg)
![Page 16: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/16.jpg)
DO NotCritique engineering prototypes on aesthetics or usability.
Tug Of War by Tom Blackwell https://flic.kr/p/6pjYgc
![Page 17: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/17.jpg)
DO NotCritique engineering prototypes on aesthetics or usability.
Expect developers to have the same design sensibilities you have.
Tug Of War by Tom Blackwell https://flic.kr/p/6pjYgc
![Page 18: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/18.jpg)
DO NotCritique engineering prototypes on aesthetics or usability.
Expect developers to have the same design sensibilities you have.
Force your process on the developers.
Tug Of War by Tom Blackwell https://flic.kr/p/6pjYgc
![Page 19: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/19.jpg)
DO NotCritique engineering prototypes on aesthetics or usability.
Expect developers to have the same design sensibilities you have.
Force your process on the developers.
Expect developers to make last-minute changes just because you haven’t been involved until late in the process.
Tug Of War by Tom Blackwell https://flic.kr/p/6pjYgc
![Page 20: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/20.jpg)
Yes Please
Green Ants by Kasi Metcalfe https://www.flickr.com/photos/kasimetcalfe/339113868
![Page 21: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/21.jpg)
Yes PleasePosition your involvement as something that makes your developers’ jobs easier.
Green Ants by Kasi Metcalfe https://www.flickr.com/photos/kasimetcalfe/339113868
![Page 22: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/22.jpg)
Yes PleasePosition your involvement as something that makes your developers’ jobs easier.
Be inclusive. It’s not our responsibility to make decisions so much as to offer options.
Green Ants by Kasi Metcalfe https://www.flickr.com/photos/kasimetcalfe/339113868
![Page 23: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/23.jpg)
Yes PleasePosition your involvement as something that makes your developers’ jobs easier.
Be inclusive. It’s not our responsibility to make decisions so much as to offer options.
Dare to compromise.
Green Ants by Kasi Metcalfe https://www.flickr.com/photos/kasimetcalfe/339113868
![Page 24: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/24.jpg)
Yes PleasePosition your involvement as something that makes your developers’ jobs easier.
Be inclusive. It’s not our responsibility to make decisions so much as to offer options.
Dare to compromise.
Find opportunities to educate.
Green Ants by Kasi Metcalfe https://www.flickr.com/photos/kasimetcalfe/339113868
![Page 25: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/25.jpg)
Yes PleasePosition your involvement as something that makes your developers’ jobs easier.
Be inclusive. It’s not our responsibility to make decisions so much as to offer options.
Dare to compromise.
Find opportunities to educate.
Be social.
Green Ants by Kasi Metcalfe https://www.flickr.com/photos/kasimetcalfe/339113868
![Page 26: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/26.jpg)
Relationships
![Page 27: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/27.jpg)
“Have a beer with your engineer. You can accelerate trust and communication if someone feels you care about them as a person—and not just a set of skills that you rely on to realize a design vision.”
Jenna Bilotta – How Designers and Engineers Can Play Nice (and Still Run with Scissors)
![Page 28: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/28.jpg)
Collaboration life cycle
65: Wellbeck College Mens Novice 8+ by Steve Selwood https://www.flickr.com/photos/8507625@N02/11122136456
![Page 29: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/29.jpg)
Collaboration life cycle
Requirements AnalysisDesignImplementationFunctional TestingUsability Testing
65: Wellbeck College Mens Novice 8+ by Steve Selwood https://www.flickr.com/photos/8507625@N02/11122136456
![Page 30: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/30.jpg)
Collaboration life cycle
Requirements Analysis Design Implementation Functional Testing Usability Testing
65: Wellbeck College Mens Novice 8+ by Steve Selwood https://www.flickr.com/photos/8507625@N02/11122136456
![Page 31: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/31.jpg)
Requirements
![Page 32: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/32.jpg)
Develop a shared understanding of the requirements
Pre-game huddle by -just-jen- http://www.flickr.com/photos/whetzel/55214389/
![Page 33: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/33.jpg)
Develop a shared understanding of the requirements
Pre-game huddle by -just-jen- http://www.flickr.com/photos/whetzel/55214389/
![Page 34: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/34.jpg)
“We’ve got to find a way to make this... fit into the hole for this... using nothing but that.”
Identify technical challenges
![Page 35: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/35.jpg)
Identify technologies
The cup that can only be half-full. by vrogy http://www.flickr.com/photos/vrogy/511644410/
![Page 36: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/36.jpg)
Identify technologies
The cup that can only be half-full. by vrogy http://www.flickr.com/photos/vrogy/511644410/
![Page 37: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/37.jpg)
Estimate Time & Effort
“Ideally, the developers and I are to work 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/
![Page 38: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/38.jpg)
Estimate Time & Effort
![Page 39: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/39.jpg)
Estimate Time & Effort
![Page 40: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/40.jpg)
Estimate Time & Effort
![Page 41: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/41.jpg)
software bill of materials
Estimate Time & Effort
![Page 42: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/42.jpg)
How can we best prioritize our work to support the developers’ schedule?
Estimate Time & Effort
![Page 43: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/43.jpg)
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/
Use their tools
![Page 44: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/44.jpg)
Issue Tracking
![Page 45: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/45.jpg)
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 burndown chart, or not.
![Page 46: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/46.jpg)
Issue Tracking
![Page 47: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/47.jpg)
Design
![Page 48: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/48.jpg)
Design Documentation
One size fits all…. By The Candid Street http://www.flickr.com/photos/haddadi/5971508861/
![Page 49: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/49.jpg)
Design Documentation
One size fits all…. By The Candid Street http://www.flickr.com/photos/haddadi/5971508861/
![Page 50: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/50.jpg)
Design Documentation
One size fits all…. By The Candid Street http://www.flickr.com/photos/haddadi/5971508861/
![Page 51: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/51.jpg)
Design Documentation
![Page 52: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/52.jpg)
Design Documentation
Design the documentation for those that will wear it.
![Page 53: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/53.jpg)
Design Documentation
![Page 54: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/54.jpg)
Design Documentation
Design documentation to be a reference tool.
Always reference the requirements.
Be concise and explicit in your explanation.
Label screens effectively.
Be thorough.
Be consistent.
![Page 55: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/55.jpg)
For the Client
![Page 56: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/56.jpg)
For the Developers
![Page 57: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/57.jpg)
For the Developers
![Page 58: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/58.jpg)
![Page 59: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/59.jpg)
Bill Scott
“The developers really appreciated it, because they could just look at it, and they didn’t have to wonder if the designer had forgotten something.”
![Page 60: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/60.jpg)
Documentation is part of the design process.
![Page 61: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/61.jpg)
Documentation is part of the design process.
You learn a lot by describing your design.
![Page 62: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/62.jpg)
Questions?
Roberto Clemente Bridge in Pittsburgh by Brook Ward https://flic.kr/p/dAWcYQ
Jack Moffett | @jackmoffett Senior Interaction Designer Inmedius, a Boeing Company [email protected] designaday.tumblr.com
![Page 63: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/63.jpg)
1. State of the Industry 2. Looking for Group 3. Collaboration Life Cycle 4. Why HTML and CSS? 5. Tooling Up 6. Formatting Standards 7. OOCSS 8. Owning Behavior 9. Looking Toward the Horizon
Chapter
![Page 64: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/64.jpg)
Available for pre-order: !
store.elsevier.com amazon.com barnesandnoble.com !
In stores mid-August.
![Page 65: Working with Developers for Fun and Profit](https://reader037.vdocuments.site/reader037/viewer/2022110122/559c36851a28ab9d2e8b45e3/html5/thumbnails/65.jpg)
Thank You!Jack Moffett | @jackmoffett Senior Interaction Designer Inmedius, a Boeing Company [email protected] designaday.tumblr.com