O'Reilly logo
live online training icon Live Online training

Fundamentals of UX Mapping

Create products with the help of user journey maps, task models, wireframes and wireflows

Peter Szabo

User Experience Mapping is a set of techniques that helps you understand your users, gain strategic insights and improve communication within the team and stakeholders. UX Maps are one of the critical deliverables for any UX team, and they help to champion user-centricity within the organization.
This course aims to showcase the fundamental mapping deliverables, as well as their impact on the solution design. We begin the course with a quick introduction to UX Mapping, and get you to draw your own map. You will learn about personas and evaluation diagrams, by creating an evaluation diagram for the primary persona. You will also learn about the concept of task model. With the help of the evaluation diagram, you will then create your task model map for the primary persona. In this course you will gain a better understanding of the User Journey Maps and also learn to design one on your own. Next, you will learn the function of wireframes and create a wireframe. We will then link the wireframes together to create a wireflow and improve them through a wireflow improvement workshop. By the end of this course, you will learn how to design and run tests for real users, and create and enhance your existing maps, based on the results of our tests.

What you'll learn-and how you can apply it

  • Create and enhance your UX Maps
  • Build evaluation diagrams
  • Design complex task models
  • Create journey maps; identify events and milestones; conversion funnels
  • Develop wireframes and build wireflows
  • Design and run tests with real users to improve your maps, based on the results.

This training course is for you because...

You are a UX designer, researcher, team leader, product owner or any professional who wants to communicate with user centricity through UX maps. If you have been struggling to find the time to gain proficiency and confidence with journey maps, task models, wireframes and wireflows, here is your one-stop solution.

Prerequisites

Recommended Preparation

User Experience Mapping

Materials, downloads, or Supplemental Content needed in advance

  • This training is mapping focused and you can use any software you are familiar with, which even includes Photoshop.
  • For beginners we recommend Balsamiq. Free trial available at https://balsamiq.com.
  • Figma account, https://www.figma.com/ but, you can use any other tool, like Adobe XD, Sketch or InVision Studio.

About your instructor

  • Peter W. Szabo is one of the world's leading user experience consultants, the principal of the farZenith.com agency. He is a frequent conference speaker, workshop host, and user centricity evangelist. His UX blog, Kaizen-UX.com, gained its popularity for UX management articles and novel user experience approach. He used to be a senior manager leading the UX team at the world's biggest online gambling corporation, Amaya Inc. (known for brands such as PokerStars, BetStars or FullTilt). As UX Director at WhatUsersDo (Europe's largest remote testing platform), he contributed to the widespread acceptance of remote research in the UX industry.

    Outside of the UX world, he is the proud father of Maya and Magor. He enjoys reading, writing, and playing games (not just computer ones). He is a cat person. Ok, that's an understatement, he is simply crazy for cats.

Schedule

The timeframes are only estimates and may vary according to how the class is progressing

DAY 1

Section 1: Introduction to User Experience mapping (20 min)

  • Do we need maps? Do we need requirements documents?
  • Basics of mapping
  • How to visualize something implementable?
  • What to map and the backlog
  • User story map: requirements by collaboration

Lab 1: You can draw a map! (30 min)

  • Jumpstart mapping
  • Putting the concept on screen
  • Get warmed-up with your favorite tool
  • You will create a simple, but useful UX map

Q&A – 10 minutes

10 min break

Section 2: Personas and evaluation diagrams (20 min)

  • UX Personas crash course
  • Using username/password credentials in your script
  • Using SSH credentials in your script
  • Defining and accessing Global Tools
  • Introducing the Replay functionality

Lab 2: Let’s create an evaluation diagram (30 min)

  • We will create an evaluation diagram for the primary persona of our project

Q&A – 10 minutes

10 min break

Section 3: Task Model (20 min)

  • Building blocks of a task model
  • Milestones and events
  • Decision Points and how to identify them
  • Using task models to reach a shared understanding

Lab 3: Let’s create a task model (30 min)

  • Using the evaluation diagram from lab 2, we will create the task model map for our primary persona.

Q&A – 10 minutes

10 min break

Section 4: User Journey Map (20 min)

  • How to solve real-life problems with journey maps
  • Phases of journey and interactions during a journey
  • Conversion funnels
  • Creating conversion funnels digitally
  • How to use journey maps during meetings

Lab 4: Designing the user journey (20 min)

  • We will turn the task model from lab 3 into a journey map

Wrapping Day 1

DAY 2

Section 5: Wireframes (40 min)

  • Wireframing
  • Colored or grayscale? Use of colors
  • High or Low Fidelity wireframes
  • Building blocks of a UI and HTML5 elements

Lab 5: Creating a wireframe (30 min)

  • We will create a wireframe based on what we discussed in section 5.

Q&A – 10 minutes

10 min break

Section 6: Wireflow (20 min)

  • Link the wireframes together, creating a wireflow.
  • Discuss and improve them, through a Wireflow Improvement Workshop.

Lab 6: Let’s create a wireflow and do a quick WIW (30 min)

  • We will create a simple wireflow based on our wireframe from lab 5.
  • Do a quick Wireflow Improvement Workshop demo based on the wireflow.

Q&A – 10 minutes

10 min break

Section 7: Real user testing (30 min)

  • Defining test objectives
  • Designing tests
  • Finding users (panel profiling and the number of users)
  • Running real user tests in a lab or remotely
  • Zero budget testing (guerilla user testing)

Lab 7: Let’s create a test design (20 min)

  • We will create a test design for remote user testing

Wrap-up and remaining Q&A (20 min)