Samantha Thebridge UX Australia 2012

Volume 2 Developer on Design Samantha Thebridge Samantha Thebridge developer on design UX AUSTRALIA EDITION

developer ondesign UX AUSTRALIA EDITION @samthebridge

developer ondesign about me and my problems UX AUSTRALIA EDITION @samthebridge

developer ondesign misconceptions about software developers UX AUSTRALIA EDITION @samthebridge

Did you know? 67% of all software engineers own a replica Eames chair. Source: Made Up Stats 2012 developer ondesign

developer ondesign the part about why UX AUSTRALIA EDITION @samthebridge

developer ondesign They need some help seeing UX AUSTRALIA EDITION @samthebridge

developer ondesign Why does this happen? UX AUSTRALIA EDITION @samthebridge

developer ondesign Why does this happen? ✤ They have us designers at their disposal, but we were working an iteration ahead and they were in our blind spot UX AUSTRALIA EDITION @samthebridge

developer ondesign Why does this happen? ✤ They have us designers at their disposal, but we were working an iteration ahead and they were in our blind spot ✤ The user story got more complex as they started working through it and they just had to ship UX AUSTRALIA EDITION @samthebridge

developer ondesign Why does this happen? UX AUSTRALIA EDITION @samthebridge

developer ondesign Why does this happen? ✤ They're part of a startup and haven't invested in designers yet UX AUSTRALIA EDITION @samthebridge

developer ondesign Why does this happen? ✤ They're part of a startup and haven't invested in designers yet ✤ They had a good idea and wanted to execute it ﬁrst to prove a concept in order to get some initial investment - then it got merged to master! UX AUSTRALIA EDITION @samthebridge

developer ondesign So why attempt to teach them design? UX AUSTRALIA EDITION @samthebridge

developer ondesign So why attempt to teach them design? ✤ Because they're developers, they're bloody intelligent and they actually have GREAT instincts. Sometimes they know our users better than we do. UX AUSTRALIA EDITION @samthebridge

Did you know? More than three-quarters of all test engineers wear black turtlenecks. Source: Made Up Stats 2012 developer ondesign

developer ondesign the part about how UX AUSTRALIA EDITION @samthebridge

developer ondesign How we started UX AUSTRALIA EDITION @samthebridge

developer ondesign How we started ✤ Selling it to the PTB UX AUSTRALIA EDITION @samthebridge

developer ondesign How we started ✤ Selling it to the PTB ✤ The two-week program that we wrote for the Developer on Design secondment UX AUSTRALIA EDITION @samthebridge

developer ondesign How we started ✤ Selling it to the PTB ✤ The two-week program that we wrote for the Developer on Design secondment ✤ The “Think Like a Designer” Bootcamp Classes UX AUSTRALIA EDITION @samthebridge

developer ondesign How we started ✤ Selling it to the PTB ✤ The two-week program that we wrote for the Developer on Design secondment ✤ The “Think Like a Designer” Bootcamp Classes ✤ The “Usability Test Workshop” UX AUSTRALIA EDITION @samthebridge

developer ondesign How we started ✤ Selling it to the PTB ✤ The two-week program that we wrote for the Developer on Design secondment ✤ The “Think Like a Designer” Bootcamp Classes ✤ The “Usability Test Workshop” ✤ Taking it to our external plugin developers through outreach programs UX AUSTRALIA EDITION @samthebridge

developer ondesign How we sold it UX AUSTRALIA EDITION @samthebridge

developer ondesign How we sold it ✤ Deﬁnitive and measurable goals UX AUSTRALIA EDITION @samthebridge

developer ondesign How we sold it ✤ Deﬁnitive and measurable goals ✤ Success criteria UX AUSTRALIA EDITION @samthebridge

developer ondesign How we sold it ✤ Deﬁnitive and measurable goals ✤ Success criteria ✤ Fitting with product roadmap and existing schedules UX AUSTRALIA EDITION @samthebridge

developer ondesign How we sold it ✤ Deﬁnitive and measurable goals ✤ Success criteria ✤ Fitting with product roadmap and existing schedules ✤ Exit criteria UX AUSTRALIA EDITION @samthebridge

developer ondesign How we sold it ✤ Deﬁnitive and measurable goals ✤ Success criteria ✤ Fitting with product roadmap and existing schedules ✤ Exit criteria ✤ Solid plan B UX AUSTRALIA EDITION @samthebridge

developer ondesign Our Success Criteria UX AUSTRALIA EDITION @samthebridge

developer ondesign Our Success Criteria ✤ A reduction in trivial layout requests to Design UX AUSTRALIA EDITION @samthebridge

developer ondesign Our Success Criteria ✤ A reduction in trivial layout requests to Design ✤ An increase in UX-based 20% projects UX AUSTRALIA EDITION @samthebridge

developer ondesign Our Success Criteria ✤ A reduction in trivial layout requests to Design ✤ An increase in UX-based 20% projects ✤ Presentation to team at the end of secondment UX AUSTRALIA EDITION @samthebridge

developer ondesign Our Success Criteria ✤ A reduction in trivial layout requests to Design ✤ An increase in UX-based 20% projects ✤ Presentation to team at the end of secondment ✤ Improved UI for each product, reduction in designer’s time spent reviewing screens before deployment UX AUSTRALIA EDITION @samthebridge

developer ondesign The Program: Week One Monday Tuesday Wednesday Thursday Friday Morning: Morning: Morning: Morning: Morning: With dev team With dev team With dev team With dev team With dev team Lunch Lunch Lunch Lunch Lunch Welcome and Attend weekly Meet with Jake Meet with Sam Meet with Ross Introduction Design Review Learn You a Meet with Jay Design Exercise Paper prototyping Design Friday Designing for great justice Cross-Product Design tools: Design task from Design task from Audit Balsamiq, FW, PS product backlog product backlog UX AUSTRALIA EDITION @samthebridge

developer ondesign The Program: Week Two Monday Tuesday Wednesday Thursday Friday Morning: Morning: Morning: Morning: Morning: With dev team With dev team With dev team With dev team With dev team Lunch Lunch Lunch Lunch Lunch Week 1 recap Attend weekly Meet with Jake Meet with Sam Meet with Ross Review Wk2 plan Design Review Design Exercise Meet with Jay Design task from Design task from Design Friday JIRA View Issue product backlog product backlog Design task from Presenting your Design presentation product backlog Work & Blog Post UX AUSTRALIA EDITION @samthebridge

developer ondesign How we selected our candidates UX AUSTRALIA EDITION @samthebridge

developer ondesign How we selected our candidates ✤ Blog post UX AUSTRALIA EDITION @samthebridge

developer ondesign How we selected our candidates ✤ Blog post ✤ Letter of interest (bribes, ﬂattery, blackmail) UX AUSTRALIA EDITION @samthebridge

developer ondesign How we selected our candidates ✤ Blog post ✤ Letter of interest (bribes, ﬂattery, blackmail) ✤ Approval from team lead UX AUSTRALIA EDITION @samthebridge

developer ondesign How we selected our candidates ✤ Blog post ✤ Letter of interest (bribes, ﬂattery, blackmail) ✤ Approval from team lead ✤ Priority of access UX AUSTRALIA EDITION @samthebridge

developer ondesign Priority of Access UX AUSTRALIA EDITION @samthebridge

developer ondesign Priority of Access ✤ Front-end developers ✤ Small product teams ✤ Product Managers ✤ Back-end engineers FED Small Teams Product Managers Back Enders UX AUSTRALIA EDITION @samthebridge

Did you know? One-third of all JavaScript developers own one or more Lichtenstein prints. Source: Made Up Stats 2012 developer ondesign

developer ondesign the part about the program UX AUSTRALIA EDITION @samthebridge

developer ondesign Breaking it down UX AUSTRALIA EDITION @samthebridge

developer ondesign Breaking it down ✤ Introduction Session UX AUSTRALIA EDITION @samthebridge

developer ondesign Breaking it down ✤ Introduction Session ✤ Learn you a Designing UX AUSTRALIA EDITION @samthebridge

developer ondesign Breaking it down ✤ Introduction Session ✤ Learn you a Designing ✤ Mentoring session with design team members UX AUSTRALIA EDITION @samthebridge

developer ondesign Breaking it down ✤ Introduction Session ✤ Learn you a Designing ✤ Mentoring session with design team members ✤ Crash course in design tools UX AUSTRALIA EDITION @samthebridge

developer ondesign Breaking it down ✤ Introduction Session ✤ Learn you a Designing ✤ Mentoring session with design team members ✤ Crash course in design tools ✤ Picking tasks off the backlog UX AUSTRALIA EDITION @samthebridge

developer ondesign Breaking it down ✤ Introduction Session ✤ Learn you a Designing ✤ Mentoring session with design team members ✤ Crash course in design tools ✤ Picking tasks off the backlog ✤ Learning how to present and defend rationale UX AUSTRALIA EDITION @samthebridge

developer ondesign The Introduction Session UX AUSTRALIA EDITION @samthebridge

developer ondesign The Introduction Session ✤ What makes a great designer - Design Judo - you can't be inﬂexible and opinionated and do great design UX AUSTRALIA EDITION @samthebridge

developer ondesign The Introduction Session ✤ What makes a great designer - Design Judo - you can't be inﬂexible and opinionated and do great design ✤ Design Challenges at Atlassian - too many chefs, too much reinvention of the wheel UX AUSTRALIA EDITION @samthebridge

developer ondesign The Introduction Session ✤ What makes a great designer - Design Judo - you can't be inﬂexible and opinionated and do great design ✤ Design Challenges at Atlassian - too many chefs, too much reinvention of the wheel ✤ Designing the bones - understanding how to represent the implementation model in the clearest possible logical UI model UX AUSTRALIA EDITION @samthebridge

developer ondesign Learn You a Designing UX AUSTRALIA EDITION @samthebridge

developer ondesign Learn You a Designing ✤ Layout principles UX AUSTRALIA EDITION @samthebridge

developer ondesign Learn You a Designing ✤ Layout principles ✤ Before and after UX AUSTRALIA EDITION @samthebridge

developer ondesign Learn You a Designing ✤ Layout principles ✤ Before and after ✤ Basic colour theory UX AUSTRALIA EDITION @samthebridge

developer ondesign Learn You a Designing ✤ Layout principles ✤ Before and after ✤ Basic colour theory ✤ Deliberately non- interactive UX AUSTRALIA EDITION @samthebridge

developer ondesign The Cross-Product design audit UX AUSTRALIA EDITION @samthebridge

developer ondesign The Cross-Product design audit ✤ Goal: familiarity with cross-product harmony issues, desire to contribute to global pattern library UX AUSTRALIA EDITION @samthebridge

developer ondesign The Cross-Product design audit ✤ Goal: familiarity with cross-product harmony issues, desire to contribute to global pattern library ✤ Pick 5 patterns from the styleguide backlog, see how many variations there are across products UX AUSTRALIA EDITION @samthebridge

developer ondesign The Cross-Product design audit ✤ Goal: familiarity with cross-product harmony issues, desire to contribute to global pattern library ✤ Pick 5 patterns from the styleguide backlog, see how many variations there are across products ✤ Choose the best option that can cover all or most cases and tell us why you chose that pattern UX AUSTRALIA EDITION @samthebridge

developer ondesign Design Exercises UX AUSTRALIA EDITION @samthebridge

developer ondesign Design Exercises ✤ We asked the developers to do a lightweight version of the design exercises we submit to our design candidates UX AUSTRALIA EDITION @samthebridge

developer ondesign Design Exercises ✤ We asked the developers to do a lightweight version of the design exercises we submit to our design candidates ✤ They could do this in wireframe, html prototype, or pen and paper UX AUSTRALIA EDITION @samthebridge

Did you know? One-quarter of the total number of Pantone mugs worldwide were purchased by platform engineers. Source: Made Up Stats 2012 developer ondesign

developer ondesign Paper prototyping & sketching workshop Photos: Jay Rogers UX AUSTRALIA EDITION @samthebridge

developer ondesign Daily End-of-day Standup! ✤ Discuss how we work with teams, how we prioritise, how we solve problems, really as much of a mentoring discussion as you can make it. UX AUSTRALIA EDITION @samthebridge

developer ondesign How to Present Photo: Jurgen Spangl UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Critique a design properly - using science and visual psychological principles - beyond just "opinions" UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Critique a design properly - using science and visual psychological principles - beyond just "opinions" ✤ Be able to separate Form from Function and critique both separately UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Critique a design properly - using science and visual psychological principles - beyond just "opinions" ✤ Be able to separate Form from Function and critique both separately ✤ Champion good design within their team UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Critique a design properly - using science and visual psychological principles - beyond just "opinions" ✤ Be able to separate Form from Function and critique both separately ✤ Champion good design within their team ✤ Spot ﬂaws in the UI and ﬁx them before they ship, or point them out in code reviews UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Understand WHY consistency matters to our users UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Understand WHY consistency matters to our users ✤ Identify signature interaction patterns within your app/site and understand why they are used UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Understand WHY consistency matters to our users ✤ Identify signature interaction patterns within your app/site and understand why they are used ✤ Understand the difference between EXTENDING the design language rather than violating it UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Understand WHY consistency matters to our users ✤ Identify signature interaction patterns within your app/site and understand why they are used ✤ Understand the difference between EXTENDING the design language rather than violating it ✤ Know when NOT to innovate UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Produce higher quality UI in 20% and ShipIt projects UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Produce higher quality UI in 20% and ShipIt projects ✤ Collaborate more effectively and provide more considered feedback on Company-wide design initiatives UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Produce higher quality UI in 20% and ShipIt projects ✤ Collaborate more effectively and provide more considered feedback on Company-wide design initiatives ✤ Help our org become a design-led software company UX AUSTRALIA EDITION @samthebridge

developer ondesign What will the dev get out of this? ✤ Produce higher quality UI in 20% and ShipIt projects ✤ Collaborate more effectively and provide more considered feedback on Company-wide design initiatives ✤ Help our org become a design-led software company ✤ Be the change they seek. UX AUSTRALIA EDITION @samthebridge

Did you know? 26% of all Dwell subscribers are computer science graduates. Source: Made Up Stats 2012 developer ondesign

developer ondesign the part about case studies UX AUSTRALIA EDITION @samthebridge

developer ondesign Bitbucket Cards UX AUSTRALIA EDITION @samthebridge

developer ondesign but it gets better... UX AUSTRALIA EDITION @samthebridge

developer ondesign Bitbucket Cards All will be revealed soon... UX AUSTRALIA EDITION @samthebridge

developer ondesign JIRA Issues Importer UX AUSTRALIA EDITION

developer ondesign JIRA Issues Importer ✤ Developed for internal use only by support team as a 20% project UX AUSTRALIA EDITION

developer ondesign JIRA Issues Importer ✤ Developed for internal use only by support team as a 20% project ✤ Switched on only when doing an import UX AUSTRALIA EDITION

developer ondesign JIRA Issues Importer ✤ Developed for internal use only by support team as a 20% project ✤ Switched on only when doing an import ✤ Requires expert level domain knowledge UX AUSTRALIA EDITION

developer ondesign JIRA Issues Importer ✤ Developed for internal use only by support team as a 20% project ✤ Switched on only when doing an import ✤ Requires expert level domain knowledge ✤ Not a customer-facing feature due to risk of data loss UX AUSTRALIA EDITION

developer ondesign UX AUSTRALIA EDITION

developer ondesign Lightbulb moment UX AUSTRALIA EDITION

developer ondesign Lightbulb moment ✤ Why is this NOT customer facing? ✤ Let’s lighten the support load by giving it to the admins ✤ How do we do this? UX AUSTRALIA EDITION

developer ondesign Lightbulb moment UX AUSTRALIA EDITION

developer ondesign Lightbulb moment ✤ How to think outside the implementation model ✤ Consider a competitor tool. How would you import data from JIRA into one of those tools ✤ Sketch it out like a network diagram ✤ Can we do this without a single instruction? UX AUSTRALIA EDITION

developer ondesign The network diagram Inline Error + Inline Error + recovery text recovery text Check archive Check format Browse archive to issues file format Browse to images folder Start import Hint for archive format under file 2 ways to do this: make field incompatible format disabled in file system, or return an inline error with help text UX AUSTRALIA EDITION

developer ondesign How did it scale? UX AUSTRALIA EDITION @samthebridge

Did you know? Almost half of all software devs claim that “Photoshop is too mainstream now.” Source: Made Up Stats 2012 developer ondesign

developer ondesign the part about plan b UX AUSTRALIA EDITION @samthebridge

developer ondesign “Think like a Designer” Bootcamp Classes UX AUSTRALIA EDITION @samthebridge

developer ondesign Usability Test Workshops UX AUSTRALIA EDITION @samthebridge

developer ondesign AtlasCamp Talks UX AUSTRALIA EDITION @samthebridge

developer ondesign AtlasCamp Talks ✤ Twice-yearly developer camp UX AUSTRALIA EDITION @samthebridge

developer ondesign AtlasCamp Talks ✤ Twice-yearly developer camp ✤ Plugin Devs get to pick the brains of our dev team UX AUSTRALIA EDITION @samthebridge

developer ondesign AtlasCamp Talks ✤ Twice-yearly developer camp ✤ Plugin Devs get to pick the brains of our dev team ✤ This year we’re offering Design training to help our ecosystem and support their add-ons UX AUSTRALIA EDITION @samthebridge

Did you know? In a recent survey of back-end engineers, when asked the one person with whom they would like to have dinner with, 72% of respondents nominated Frank Gehry. Source: Made Up Stats 2012 developer ondesign

developer ondesign have we succeeded? UX AUSTRALIA EDITION @samthebridge

developer ondesign but Sam, I’m agency-side... UX AUSTRALIA EDITION @samthebridge

developer ondesign Know your team UX AUSTRALIA EDITION @samthebridge

developer ondesign Know your team ✤ If they are local, go meet them UX AUSTRALIA EDITION @samthebridge

developer ondesign Know your team ✤ If they are local, go meet them ✤ Talk process and methods - ﬁnd out how they work UX AUSTRALIA EDITION @samthebridge

developer ondesign Know your team ✤ If they are local, go meet them ✤ Talk process and methods - ﬁnd out how they work ✤ Give up some of your own time to mentor them - it will pay for itself in no time with repeat work UX AUSTRALIA EDITION @samthebridge

developer ondesign Know your team ✤ If they are local, go meet them ✤ Talk process and methods - ﬁnd out how they work ✤ Give up some of your own time to mentor them - it will pay for itself in no time with repeat work ✤ Set up lines of communication, HipChat, DropBox etc. UX AUSTRALIA EDITION @samthebridge

Did you know? 98% of all programmers can correctly differentiate Helvetica from Arial. Source: Made Up Stats 2012 developer ondesign

developer ondesign the part with questions UX AUSTRALIA EDITION

Samantha Thebridge UX Australia 2012

You are reading a preview.

Check these out next

Samantha Thebridge UX Australia 2012

More Related Content

Slideshows for you (7)

Viewers also liked (20)

Similar to Samantha Thebridge UX Australia 2012 (20)

Recently uploaded (20)

Samantha Thebridge UX Australia 2012

Editor's Notes