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 - 1 October 2022
Co-creating with UX and
Software

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

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

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

5. 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?
Does everybody need to own the same skills?”
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

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

7. - 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 ∙ Co-creating with UX and Software

8. Team structures

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

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

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

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

13. 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 ∙ Co-creating with UX and Software

14. The Process

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

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

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

18. Responsibilities
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

19. The Details

20. @ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

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

22. User Journey
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

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

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

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

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

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

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

29. Develop
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

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

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

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

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

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

35. Develop
Test
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

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

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

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

39. Learn
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

40. Key take aways
What do we want you to take away from our presentation today?
Look at your team and team structure.
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.
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

41. 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/
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software

42. Thank you!
Ευχαριστώ!
@ThamarSwart && @de_gijt ∙ Co-creating with UX and Software