02 What are the basic elements of the visualisation?
Start defining the essential aspects of the system: people involved in delivery, time span of the process and sequence of user experience phases.

This shapes the structure of the visualisation, the dimension and the level of detail. After have listed the elements start populating the layout.
❖ get the components
time frame
Time dimension determines x axis and expands proportionally on the duration of the service process.
Define the total time-span and, if necessary divide it into minor spans. This will help to visualise the exact moment when each action is performed.

Also, to guide the legibility the structure can be splitted into vertical grid modules.
Expand the width of each element of the visualisation proportionally on the corresponding duration.
journey steps
On the very top of the actor’s rows put the customer journey component and fill it with the main steps of the user experience.

Name the phases with short labels and number the blocks progressively, this will help the navigation inside the visualisation.
Eventually add another level of customer journey for more detailed sub-phases.
actors
Below the customer journey put actors and touchpoints. 
They can be different type of users, service operators, collaborators, suppliers, technologists, etc. If possible try to synthetise and cluster group of actors (e.g. IT department).

Every actor has its own swimlanes, matching the grid with timeline and customer journey. The vertical order is based on the hierarchy inside the visualisation and the role they enact. 
For example, if the focus of the project is the user, place them on top. All the actions and functions of other actors, will depend on their experience.


visibility and interaction
Some actors operate in the back-office of the service and they are not visible from the user’s perspective. This is the case of developers, suppliers, technicians etc. Separate this group placing the actors’ swimlanes below the “line of visibility”.

Another cluster of actors contain all the service operators or touchpoint at front-desk that interact with the user. 
This group is separated with the “line of interaction”.