The document discusses Lean UX and how to improve collaboration between UX designers and developers. It describes the evolution from waterfall to agile development methods. Lean UX adapts design thinking, agile development, and lean startup principles. It advocates for co-located, cross-functional teams to work through a process of problem definition, idea generation, building an MVP, testing, and iterating based on findings. The key is close collaboration between UX designers and developers through all stages of the product development process.

1. ©Denise Wildner
How to make developers
love user experience
Denise Wildner
Senior UX Designer at SAP Hybris
Jan. 24th, 2017
Lean UX:

2. ©Denise Wildner
AGENDA
1. State of UX Design
2. Lean UX process
3. Integration

3. ©Denise Wildner
STATE OF
UX DESIGN

4. ©Denise Wildner
NOT LONG AGO…

5. ©Denise Wildner
REQUIREMENTS
DESIGN
DEVELOPMENT
WATERFALL

6. ©Denise Wildner
AGILE

7. ©Denise Wildner
AGILE MANIFESTO
• Close, daily cooperation
• Face-to-face communication
Individuals and interactions over processes and tools
Working software over comprehensive documentation
Customer collaboration over contract negotiation
Responding to change over following a plan

8. ©Denise Wildner
PRODUCT
OWNER
SCRUM
SCRUM MASTER
SPECIALISTS

9. ©Denise Wildner
WHY?

10. ©Denise Wildner
1. UNDERSTANDING

11. ©Denise Wildner

12. ©Denise Wildner
2. OLD PATTERNS

13. ©Denise Wildner
„A designer is both in the
sprint but looking ahead at
what comes next.“
- Mike Cohn

14. ©Denise Wildner
3. TIME

15. ©Denise Wildner

16. ©Denise Wildner

17. ©Denise Wildner
LIVING STYLEGUIDES
& UI FRAMEWORKS

18. ©Denise Wildner
LEAN UX
PROCESS

19. ©Denise Wildner
„The only way to build great
products is to change the way
we work together.“
- Jeff Gothelf

20. ©Denise Wildner
LEAN UX
Design Thinking
Agile Development
Lean Startup

21. ©Denise Wildner
LEAN UX
PRODUCT
OWNER
SCRUM MASTER
SPECIALISTS

22. ©Denise Wildner
Co-located, cross-functional,
highly collaborative teams

23. ©Denise Wildner
PROBLEM DEFINITION
1.
Focus on outcome,
not features

24. ©Denise Wildner
„We don‘t know what the end
state of the product will be.“
- Jeff Gothelf

25. ©Denise Wildner
TEAM IDEA GENERATION
2.
Build a shared understanding

26. ©Denise Wildner
CREATE AN MVP & TEST IT
3.
Check the need and usability
of the solution

27. ©Denise Wildner
Don‘t waste time with
too detailed design

28. ©Denise Wildner

29. ©Denise Wildner

30. ©Denise Wildner
3 – 12 – 1

31. ©Denise Wildner
FINDINGS & ITERATION
4.
Review and adjust

32. ©Denise Wildner
START SPRINT
5.
Lean UX as Kick-Off

33. ©Denise Wildner
„Lean UX is the evolution
of UX. (…) It’s a new way of
thinking about software
management.“
- Jeff Gothelf

34. ©Denise Wildner
INTEGRATION

35. ©Denise Wildner
ORGANIZATIONAL
SHIFT

36. ©Denise Wildner
CUSTOMER
MANAGEMENT
• Mindset change
• no feature list
• no detailed design

37. ©Denise Wildner
DEVELOPER
UX DESIGNER
• Proactive communication
• Focus on outcome
• Generate ideas together
• Get to know the user

38. ©Denise Wildner
„Collaboration and a shared
understanding are the
currency of Lean UX. “
– Jeff Gothelf

39. ©Denise Wildner
• Collaborate
• Explain
• Integrate
• Listen
How to make
developers love UX?

40. ©Denise Wildner
CONCLUSION
Working with Dev Teams
can be challenging.
Solutions are here.
Try it out. Start small. Be brave.

41. ©Denise Wildner
EVERYBODY
HAPPY
(
(

42. ©Denise Wildner
Thank you!
@eyecatcheee

43. ©Denise Wildner
Reference:
Agile software development and Manifesto:
• https://en.wikipedia.org/wiki/Agile_software_development
• http://agilemanifesto.org/iso/en/principles.html
Mike Cohn / Mountain Goat Software:
https://www.mountaingoatsoftware.com/blog/incorporating-ui-design-in-scrum-sprints
Jeff Gothelf with Josh Seiden: Lean UX (2013), O‘ Reilly Media Inc.
http://www.dtelepathy.com/blog/design/interview-jeff-gothelf-lean-ux
9 Principles You Should Know Before Participating in a Lean UX Session:
http://www.ymedialabs.com/9-principles-you-should-know-before-participating-in-a-
lean-ux-session/

44. ©Denise Wildner
Image & Video credit:
Developer: https://www.flickr.com/photos/herval/385584085
Angry Birds: https://www.flickr.com/photos/lucamascaro/5480120384/
Sticky Notes: https://www.flickr.com/photos/improveit/1574931134/in/photostream/
Video: http://uxreactions.com/post/130202390384/how-the-developers-must-look-at-me-explaining-a
Jeff Gothelf: http://uxdai.ly/wp-content/uploads/2015/07/2015-03-31-jeff-gothelf-864x400.jpg
Lean UX book: http://www.uxsalon.com/wp-content/uploads/2015/11/2015-11-26-11.37.14.jpg
Collaboration Circus: https://www.flickr.com/photos/quinnanya/5893295462/
Collaboration Hands: https://www.flickr.com/photos/simusa/14443041318/
All others: Denise Wildner private