UX Design - Developing User Experience: Design a User Flow!

Martina Sartor, UX/UI Designer and Design Mentor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
23 Lessons (1h 22m)
    • 1. Intro - Welcome to the Class

      1:23
    • 2. Class Project

      0:31
    • 3. The User Flow in the UX Process

      1:10
    • 4. User Journey vs User Flow

      0:40
    • 5. User Journey vs User Flow - An Example

      1:37
    • 6. Analyse Your Data

      1:24
    • 7. Analyse Your Data Example - User Journey

      0:55
    • 8. Analyse Your Data Example - Web Map

      1:15
    • 9. Analyse Your Data Example - List of Pages

      0:24
    • 10. Analyse Your Data Example - No data

      1:31
    • 11. Consider All Users

      0:59
    • 12. Consider All Users - An Example

      1:44
    • 13. Consider the Product Goal

      1:17
    • 14. Consider the Product Goal - An Example

      3:24
    • 15. Software Choice

      0:54
    • 16. Design a User Flow - Getting Started

      0:57
    • 17. Design a User Flow - Identify the Nodes of the Flow

      4:25
    • 18. Design a User Flow - Create and Style the Nodes

      4:59
    • 19. Design a User Flow - Link the Nodes

      9:58
    • 20. Design a User Flow - Define a Navigation Area

      8:01
    • 21. Design a User Flow - Create a Key

      7:55
    • 22. Design a User Flow - Complete the Flow

      14:04
    • 23. Create Interactions - Link the Key

      12:30
12 students are watching this class

Project Description

For this class project you’re going to be creating an app user flow for a restaurant business.

The user will be a potential client of the restaurant.

You can find below a basic page list as you would receive from a client. Feel free to improve on it and add more pages. Remember that the designer role is also to advise the client on best practice and make suggestions if you feel something can be improved. 

Pages:

  • Homepage
  • About
    • Story
    • Gallery
  • Menu
  • Reserve a table
  • Contacts

 

I suggest working through the following process to get started:

  • Start analysing your data. (Optional: Can you make any improvements? Can you add more useful pages?)
  • Find the product goal
  • Lay out the nodes
  • Link the nodes and create a Key

Tips on how to improve the user experience:

  • Think of ways to engage the user further (Log in? Push notification on updates? Recipes section? Membership?)
  • Remember that the pages are not just nodes. You can have many nodes for each page in the list (for example: the reserve a table page will have many nodes that will allow a user to complete all the steps to reserve a table)

Student Projects