Slides from my talk with Rachel Kammerer about Agile UX, explaining how software developers and user experience designers can better collaborate on agile teams. We presented it at Ágiles 2013 in Lima, Peru on October 11, 2013.

1. Integrating Agile UX into your project
Rachel Kammerer
@rlkammerer
Rafael Petry
@rafaelpetry

3. Understanding and Selling UX

4. UX

5. UX
UI

6. UX
UI
XD

7. UX
UI
XD

8. graphic designer

9. graphic designer
information architect

10. graphic designer
information architect
user researcher

11. graphic designer
information architect
user researcher
interaction designer

12. graphic designer
information architect
user researcher
interaction designer
UI developer

13. graphic designer
information architect
user researcher
interaction designer
UI developer
usability engineer

14. psychology

15. psychology
branding

16. psychology
branding
aesthetics

17. psychology
branding
aesthetics
emotion

18. psychology
perception
branding
aesthetics
emotion

19. psychology
perception
branding
experience
aesthetics
emotion

20. graphic design
information architecture
user research
interaction design
UI development
usability engineering

21. graphic design
psychology
information architecture
perception
user research
branding
interaction design
experience
UI development
aesthetics
usability engineering
emotion

22. UX

23. UX/UI

24. UX/UI/XD

25. graphic design
psychology
information architecture
perception
user research
branding
interaction design
experience
UI development
aesthetics
usability engineering
emotion
UX/UI/XD

26. graphic design
psychology
information architecture
perception
user research
branding
interaction design
experience
UI development
aesthetics
usability engineering
emotion
UX/UI/XD

27. graphic design
psychology
information architecture
perception
user research
branding
interaction design
experience
UI development
aesthetics
usability engineering
emotion
UX/UI/XD

33. “We need a UX”

34. graphic design
information architecture
user research
interaction design
UI development
usability engineering

35. CHECK DESIRED SKILLS
graphic design
information architecture
user research
interaction design
UI development
usability engineering
UX/UI/XD

36. graphic design
psychology
information architecture
perception
user research
branding
interaction design
experience
UI development
aesthetics
usability engineering
emotion

40. experience

41. outcome

44. ?

45. pretty

46. intuitive

47. efficient

48. rewarding

49. enjoyable

50. memorable

51. pretty
intuitive
efficient
rewarding
enjoyable
memorable

53. pretty
intuitive
efficient
rewarding
enjoyable
memorable

55. Avoid rework.

56. Avoid rework.
50% of developer time is spent on rework.
http://socialmediatoday.com/bitpakkit/267487/roi-ux

57. Better prioritization of features.

58. Better prioritization of features.
5% of features are used 95% of the time.
http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf

59. Save development time.

60. Save development time.
early integration of UX eliminates 33-50% of dev time.
http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf

61. Increase loyalty, increase revenue

62. Increase loyalty, increase revenue
a loyal customer is worth 2.4 times more.
http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf

64. Math

66. JEDI CLOAK

67. 1 cloak

68. 15 minutes

69. 4 cloaks per hour

70. 100 people

71. x 400
400 cloaks per hour

72. =

73. S/. 40,000

75. 15 minutes

76. 15 minutes

77. 5 minutes

78. 5 developers

79. 1 week (40 hours)

80. S/. 200 per hour

81. 5 x 40 x 200
developers
hours
soles/hour

82. 5 x 40 x 200 = S/. 40,000
developers
hours
soles/hour

83. 15 minutes

84. 5 minutes

85. 12 cloaks per hour

86. 100 people

87. S/. 120,000

88. S/. 40,000
S/. 120,000
per hour
per hour

90. + S/. 40,000

92. 30 minutes

95. A/B Testing

101. 60%
40%

102. 50%

105. VictoryKit

107. Whiplash

110. 1

111. 1

112. 1
60%
40%

113. 1
50%

114. 1
2

115. 1
2

116. 1
2
67%
50%

117. 1
2
34%

124. case studies

125. 7%
15%
27%
30%
http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page

127. 5%
http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/

129. 19%
http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/

131. http://www.slideshare.net/Upworthy/how-to-make-that-one-thing-go-viral-just-kidding

132. tools

137. https://github.com/victorykit/whiplash

139. Conveying Ideas

141. DISCUSSION

142. DISCUSSION
two or more people communicating

144. DISCUSSION: share ideas

145. DISCUSSION: big picture

147. SKETCH

148. SKETCH
quick drawing

150. SKETCH: define elements

151. SKETCH: space

153. WIREFRAME

154. WIREFRAME
digital representation of ideas

155. Link
Link
Link
Logo
Image
Image
Image
Image
Image

156. WIREFRAME: architecture

157. WIREFRAME: refine space

158. WIREFRAME: sharable

160. MOCK-UP

161. MOCK-UP
high-fidelity graphic

163. MOCK-UP: design

164. MOCK-UP: branding

165. MOCK-UP: feel

167. PROTOTYPE

168. PROTOTYPE
working code with graphics

170. PROTOTYPE: interaction

171. prove ideas are possible

172. create reusable code

173. expedite development

174. discussions become more focused

175. discussion

176. sketch
discussion

177. wireframe
sketch
discussion

178. mock-up
wireframe
sketch
discussion

179. prototype
mock-up
wireframe
sketch
discussion

180. working code
prototype
mock-up
wireframe
sketch
discussion

183. UX in Agile Teams

185. "Continuous attention to technical excellence
and good design enhances agility."
http://agilemanifesto.org/principles.html

187. "Simplicity—the art of maximizing the amount of
work not done—is essential."
http://agilemanifesto.org/principles.html

189. sharing insights

190. pairing

191. prototyping

192. A/B testing

194. Integrating Agile UX into your project
Rachel Kammerer
@rlkammerer
Rafael Petry
@rafaelpetry