Uber rider session state machine

About this example

User journey mapping is a powerful tool for understanding the experience of users within an application. This diagram depicts a typical user journey in a ride-hailing app:

• App Interaction: Starts from the user opening the app and progresses through session start, destination selection, and service options like shopping or requesting a ride.
• State Transitions: Details the transitions between different states such as app opened, choosing a destination, and making a request.
• Trip Completion: Shows the flow from being on a trip to session end, and also includes the scenario where the user might close the app.
• Order Fulfillment: Connects the successful completion of a request to the fulfillment of the service, which in this case is the user being on a trip.

When to use

• UX/UI Design: When designing or improving the user interface and experience of a mobile app.
• Feature Implementation: When deciding on the implementation of new features and understanding their impact on the current user flow.
• Process Optimization: When identifying bottlenecks in the app usage process and seeking to streamline the user’s journey.

How to use

1. Start editing: Duplicate the example file and double-click on the diagram to tailor it to your application’s specific user journey.
2. Customize diagram: Add or modify nodes, groups, and relationships to align with the unique flows and features of your app.
3. Customize layout: Drag elements on the diagram directly on the canvas to reflect an intuitive and efficient user flow.
4. Collect feedback: Share the diagram with your development team, UI/UX designers, and stakeholders to gather insights and iterate on the design.