Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Samantha Thebridge UX Australia 2012
1. Volume 2
Developer on Design
Samantha Thebridge
Samantha Thebridge
developer
on
design
UX AUSTRALIA EDITION
2. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
3. developer
ondesign
about me
and my
problems
UX AUSTRALIA EDITION @samthebridge
4. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
5. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
6. developer
ondesign
misconceptions
about software
developers
UX AUSTRALIA EDITION @samthebridge
7. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
8. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
9. Did you know?
67% of all software engineers
own a replica Eames chair.
Source: Made Up Stats 2012 developer
ondesign
10. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
11. developer
ondesign
the part
about why
UX AUSTRALIA EDITION @samthebridge
12. developer
ondesign
They need some help seeing
UX AUSTRALIA EDITION @samthebridge
13. developer
ondesign
They need some help seeing
UX AUSTRALIA EDITION @samthebridge
14. developer
ondesign
They need some help seeing
UX AUSTRALIA EDITION @samthebridge
15. developer
ondesign
Why does this happen?
UX AUSTRALIA EDITION @samthebridge
16. 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
17. 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
18. developer
ondesign
Why does this happen?
UX AUSTRALIA EDITION @samthebridge
19. developer
ondesign
Why does this happen?
✤ They're part of a startup and haven't invested in designers yet
UX AUSTRALIA EDITION @samthebridge
20. 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 first to prove
a concept in order to get some initial investment - then it got
merged to master!
UX AUSTRALIA EDITION @samthebridge
21. developer
ondesign
So why attempt to teach them design?
UX AUSTRALIA EDITION @samthebridge
22. 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
23. Did you know?
More than three-quarters
of all test engineers wear
black turtlenecks.
Source: Made Up Stats 2012 developer
ondesign
24. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
25. developer
ondesign
the part
about how
UX AUSTRALIA EDITION @samthebridge
26. developer
ondesign
How we started
UX AUSTRALIA EDITION @samthebridge
27. developer
ondesign
How we started
✤ Selling it to the PTB
UX AUSTRALIA EDITION @samthebridge
28. 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
29. 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
30. 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
31. 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
32. developer
ondesign
How we sold it
UX AUSTRALIA EDITION @samthebridge
33. developer
ondesign
How we sold it
✤ Definitive and measurable goals
UX AUSTRALIA EDITION @samthebridge
34. developer
ondesign
How we sold it
✤ Definitive and measurable goals
✤ Success criteria
UX AUSTRALIA EDITION @samthebridge
35. developer
ondesign
How we sold it
✤ Definitive and measurable goals
✤ Success criteria
✤ Fitting with product roadmap and existing schedules
UX AUSTRALIA EDITION @samthebridge
36. developer
ondesign
How we sold it
✤ Definitive and measurable goals
✤ Success criteria
✤ Fitting with product roadmap and existing schedules
✤ Exit criteria
UX AUSTRALIA EDITION @samthebridge
37. developer
ondesign
How we sold it
✤ Definitive and measurable goals
✤ Success criteria
✤ Fitting with product roadmap and existing schedules
✤ Exit criteria
✤ Solid plan B
UX AUSTRALIA EDITION @samthebridge
38. developer
ondesign
Our Success Criteria
UX AUSTRALIA EDITION @samthebridge
39. developer
ondesign
Our Success Criteria
✤ A reduction in trivial layout requests to Design
UX AUSTRALIA EDITION @samthebridge
40. developer
ondesign
Our Success Criteria
✤ A reduction in trivial layout requests to Design
✤ An increase in UX-based 20% projects
UX AUSTRALIA EDITION @samthebridge
41. 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
42. 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
43. 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
44. 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
45. developer
ondesign
How we selected our candidates
UX AUSTRALIA EDITION @samthebridge
46. developer
ondesign
How we selected our candidates
✤ Blog post
UX AUSTRALIA EDITION @samthebridge
47. developer
ondesign
How we selected our candidates
✤ Blog post
✤ Letter of interest (bribes, flattery, blackmail)
UX AUSTRALIA EDITION @samthebridge
48. developer
ondesign
How we selected our candidates
✤ Blog post
✤ Letter of interest (bribes, flattery, blackmail)
✤ Approval from team lead
UX AUSTRALIA EDITION @samthebridge
49. developer
ondesign
How we selected our candidates
✤ Blog post
✤ Letter of interest (bribes, flattery, blackmail)
✤ Approval from team lead
✤ Priority of access
UX AUSTRALIA EDITION @samthebridge
50. developer
ondesign
Priority of Access
UX AUSTRALIA EDITION @samthebridge
51. 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
52. Did you know?
One-third of all
JavaScript
developers own
one or more
Lichtenstein
prints.
Source: Made Up Stats 2012 developer
ondesign
53. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
54. developer
ondesign
the part
about the program
UX AUSTRALIA EDITION @samthebridge
55. developer
ondesign
Breaking it down
UX AUSTRALIA EDITION @samthebridge
56. developer
ondesign
Breaking it down
✤ Introduction Session
UX AUSTRALIA EDITION @samthebridge
57. developer
ondesign
Breaking it down
✤ Introduction Session
✤ Learn you a Designing
UX AUSTRALIA EDITION @samthebridge
58. developer
ondesign
Breaking it down
✤ Introduction Session
✤ Learn you a Designing
✤ Mentoring session with design team members
UX AUSTRALIA EDITION @samthebridge
59. 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
60. 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
61. 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
62. developer
ondesign
The Introduction Session
UX AUSTRALIA EDITION @samthebridge
63. developer
ondesign
The Introduction Session
✤ What makes a great designer - Design Judo - you can't
be inflexible and opinionated and do great design
UX AUSTRALIA EDITION @samthebridge
64. developer
ondesign
The Introduction Session
✤ What makes a great designer - Design Judo - you can't
be inflexible and opinionated and do great design
✤ Design Challenges at Atlassian - too many chefs, too
much reinvention of the wheel
UX AUSTRALIA EDITION @samthebridge
65. developer
ondesign
The Introduction Session
✤ What makes a great designer - Design Judo - you can't
be inflexible 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
66. developer
ondesign
Learn You a Designing
UX AUSTRALIA EDITION @samthebridge
67. developer
ondesign
Learn You a Designing
UX AUSTRALIA EDITION @samthebridge
68. developer
ondesign
Learn You a Designing
UX AUSTRALIA EDITION @samthebridge
69. developer
ondesign
Learn You a Designing
✤ Layout principles
UX AUSTRALIA EDITION @samthebridge
70. developer
ondesign
Learn You a Designing
✤ Layout principles
✤ Before and after
UX AUSTRALIA EDITION @samthebridge
71. developer
ondesign
Learn You a Designing
✤ Layout principles
✤ Before and after
✤ Basic colour theory
UX AUSTRALIA EDITION @samthebridge
72. developer
ondesign
Learn You a Designing
✤ Layout principles
✤ Before and after
✤ Basic colour theory
✤ Deliberately non-
interactive
UX AUSTRALIA EDITION @samthebridge
73. developer
ondesign
The Cross-Product design audit
UX AUSTRALIA EDITION @samthebridge
74. 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
75. 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
76. 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
77. developer
ondesign
Design Exercises
UX AUSTRALIA EDITION @samthebridge
78. 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
79. 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
80. 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
81. developer
ondesign
Paper prototyping & sketching workshop
Photos: Jay Rogers
UX AUSTRALIA EDITION @samthebridge
82. 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
83. developer
ondesign
How to Present
Photo: Jurgen Spangl
UX AUSTRALIA EDITION @samthebridge
84. developer
ondesign
What will the dev get out of this?
UX AUSTRALIA EDITION @samthebridge
85. 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
86. 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
87. 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
88. 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 flaws in the UI and fix them before they ship, or point
them out in code reviews
UX AUSTRALIA EDITION @samthebridge
89. developer
ondesign
What will the dev get out of this?
UX AUSTRALIA EDITION @samthebridge
90. developer
ondesign
What will the dev get out of this?
✤ Understand WHY consistency matters to our users
UX AUSTRALIA EDITION @samthebridge
91. 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
92. 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
93. 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
94. developer
ondesign
What will the dev get out of this?
UX AUSTRALIA EDITION @samthebridge
95. developer
ondesign
What will the dev get out of this?
✤ Produce higher quality UI in 20% and ShipIt projects
UX AUSTRALIA EDITION @samthebridge
96. 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
97. 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
98. 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
99. Did you know?
26% of all Dwell
subscribers are
computer science
graduates.
Source: Made Up Stats 2012 developer
ondesign
100. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
101. developer
ondesign
the part
about case studies
UX AUSTRALIA EDITION @samthebridge
102. developer
ondesign
Bitbucket Cards
UX AUSTRALIA EDITION @samthebridge
103. developer
ondesign
Bitbucket Cards
UX AUSTRALIA EDITION @samthebridge
104. developer
ondesign
Bitbucket Cards
UX AUSTRALIA EDITION @samthebridge
105. developer
ondesign
Bitbucket Cards
UX AUSTRALIA EDITION @samthebridge
106. developer
ondesign
but it gets better...
UX AUSTRALIA EDITION @samthebridge
107. developer
ondesign
Bitbucket Cards
All will be revealed soon...
UX AUSTRALIA EDITION @samthebridge
108. developer
ondesign
Bitbucket Cards
All will be revealed soon...
UX AUSTRALIA EDITION @samthebridge
109. developer
ondesign
JIRA Issues Importer
UX AUSTRALIA EDITION
110. developer
ondesign
JIRA Issues Importer
✤ Developed for internal use only by support team
as a 20% project
UX AUSTRALIA EDITION
111. 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
112. 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
113. 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
115. developer
ondesign
Lightbulb moment
UX AUSTRALIA EDITION
116. 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
117. developer
ondesign
Lightbulb moment
UX AUSTRALIA EDITION
118. 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
119. 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
137. developer
ondesign
AtlasCamp Talks
✤ Twice-yearly developer camp
✤ Plugin Devs get to pick
the brains of our dev team
UX AUSTRALIA EDITION @samthebridge
138. 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
139. 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
140. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
141. developer
ondesign
have we
succeeded?
UX AUSTRALIA EDITION @samthebridge
142. developer
ondesign
UX AUSTRALIA EDITION @samthebridge
143. developer
ondesign
but Sam,
I’m agency-side...
UX AUSTRALIA EDITION @samthebridge
144. developer
ondesign
Know your team
UX AUSTRALIA EDITION @samthebridge
145. developer
ondesign
Know your team
✤ If they are local, go meet them
UX AUSTRALIA EDITION @samthebridge
146. developer
ondesign
Know your team
✤ If they are local, go meet them
✤ Talk process and methods - find out how they work
UX AUSTRALIA EDITION @samthebridge
147. developer
ondesign
Know your team
✤ If they are local, go meet them
✤ Talk process and methods - find 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
148. developer
ondesign
Know your team
✤ If they are local, go meet them
✤ Talk process and methods - find 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
149. Did you know?
98% of all programmers can correctly
differentiate Helvetica from Arial.
Source: Made Up Stats 2012 developer
ondesign