Uber rider session state machine

Visualize the user interaction flow within a ride-hailing application with this user journey example.

Uber rider session state machine

Visualize the user interaction flow within a ride-hailing application with this user journey example.

State Diagrams
Flow Chart
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
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.

Use Eraser for all of your diagrams and docs

Beyond data flow diagrams, do you need to create other technical docs and diagrams like design docs, RFCs, network diagrams, and API diagrams? Eraser provides a single platform for modern engineering teams to collaborate on docs and diagrams.

Whiteboard and document together

See you in the canvas

Unlock your team’s collaborative super powers.