What would happen if we would bring design, front end, back end etc. all together? How could we improve the user-flows by thinking of alternative, non-happy flows? What would happen to the performance and therefore the user-experience when back end is already involved before the finalised wireframes are handed over?! That's all nice and dandy. But we do need to deal with some concerns like: - Knowledge gap: How can the different disciplines with their specialty understand each other and come to conclusions? - Shared responsibilities: Where do start and where do they end? - Efficiency: What would it do to the efficiency of the team when they get different tasks? In this talk we’ll try to address and hopefully take away those concerns and focus on the benefits it will bring, working in a hybride team.

1. Simone de Gijt & Thamar Swart - 27 September 2023
Co-creating with UX and
Software

2. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Introduction
Simone de Gijt
Java & Kotlin Software Developer
Thamar Swart
Global Director User Experience Design
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

3. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Co-creating
The Team
The Process
The Details
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

4. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Why
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

5. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Why
“They don’t get us”
“We are already in too many meetings”
“So now I will be responsible of making the design?”
“I tune out when they start talking about their part of the process”
“I don’t get paid to do this work”
“I can’t guarantee the quality of my work when I need to deliver 100 things at the same time”
“We have roles for a reason right? ”
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

6. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Team Setup
Diversity
TEAM
Type of project
Personality
Skillset
Purpose
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

7. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
- Simon Sinek
“ People don’t buy what you do,
they buy WHY you do it.
And what you do simply proves what you believe.”
Purpose
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

8. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Team structures
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

9. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Operations team
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

10. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Process team
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

11. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Feature team
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

12. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Project team
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

13. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Team structures
Operations teams
Process teams
Feature teams
Project teams
Permanent.
Focused on the IT ecosystem.
Permanent.
Focused on a specific business process.
Permanent.
Focused on a specific function / service.
Temporary.
Focused on a single or group of releases.
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

14. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
The Process
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

15. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Source: https://www.nngroup.com/articles/design-thinking/ & https://www.dynatrace.com/news/blog/what-is-devops/
Business lens
Mission, Vision, Strategy & Purpose

16. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

17. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Co-create
Design Direction
Design System
Feedback
Analytics & Observations

18. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
The Details

19. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Understand
User Research Journey Mapping

20. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
User Journey

21. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Opportunity Map
Co-create

22. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Explore
Event storming
Command
Triggers
Event Resources
Condition
Order
process
was
started
Order
was
submitted
Start order
process
from
basket
Submit
the entire
order
Customer
Time
Condition
Aggregate

23. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Explore
Command
Triggers
Event Resources
Condition
Aggregate
Event storming

24. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Creation
Ideate - Prototype- Validate

25. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Solution Design
Co-create a Blueprint for the solution

26. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

27. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Develop

28. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Develop
UML Process flow
UML Sequence diagram
UML Entity Relationship
Plan

29. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Develop
UML Process
fl
ow
Start
process
Other
process
End
process
Event
Decision
Output
Third party
Report

30. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Develop
UML Sequence diagram

31. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Develop
UML Entity Relationship

32. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Develop
Code + Implement

33. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Develop
Test

34. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Ops
Release + Deploy

35. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Ops
Release + Deploy

36. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Ops
Operate + Monitor

37. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software

38. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Key take aways
What do we want you to take away from our presentation today?
Look at your team and team structure from the why.
Talented individuals != a successful team.
Incorporate design into your development cycle.
Responsibility of the end product lies with the team.
Responsibility for speci
fi
c steps in the cycle belong to a discipline.
Trust your team members.
Find a language / tool that both design + development understand.
Give proper attention to the OPS cycle.

39. JAVA Magazine #2 2023

40. @ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software
Tips + resources
• Start with Why, How Great Leaders Inspire Everyone to Take Action - Simon Sinek
• https://www.nngroup.com/articles/design-thinking/
• https://freshservice.com/it-team
• https://sequencediagram.org/instructions.html
• https://www.tutorialspoint.com/uml/index.htm
• https://www.boldare.com/blog/event-storming-guide/#event-storming-basics-how-
does-it-work?-event-storming-guide
• https://geek
fl
are.com/about-uml-diagram-and-tools/

41. Thank you!
Slidedeck:
@ThamarSwart && @de_gijt@nerdculture.de ∙ Co-creating with UX and Software