Book Image

User Experience Mapping

By : Peter W. Szabo
Book Image

User Experience Mapping

By: Peter W. Szabo

Overview of this book

Do you want to create better products and innovative solutions? User experience maps will help you understand your users and improve communication with them. Maps can also champion user-centricity within the organization. This book is the first print resource covering two advanced mapping techniques—the behavioral change map and the 4D UX map. You’ll explore user story maps, task models, and journey maps, while also creating wireflows, mental model maps, ecosystem maps, and solution maps. You’ll learn how to use insights from real users to create and improve your maps and products. The book delves into each major user experience map type, ranging from simple techniques based on sticky notes to more complex map types, and guides you in solving real-world problems with maps. You’ll understand how to create maps using a variety of software products, including Adobe Illustrator, Balsamiq Mockups, Axure RP, and Microsoft Word. Besides, you can draw each map type with pen and paper too! The book also showcases communication techniques and workshop ideas. You’ll learn about the Kaizen-UX management framework, developed by the author, now used by many agencies and in-house UX teams in Europe and beyond. Buying this book will give you hundreds of hours worth of user experience knowledge, from one of the world’s leading UX consultants. It will change your users’ world for the better. If you are still not convinced, we have hidden some cat drawings in it, just in case.
Table of Contents (20 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Dedication
Preface
Free Chapter
1
How Will UX Mapping Change Your (Users) Life?
12
References

Chapter 4. Wireflows - Plan Your Product

The next logical step to enrich journey maps is to add the screen designs to key interaction. We will use wireframes to design those views. You can read more about wireframes later in this chapter, as they are the building blocks of our wireflows.

Note

Wireflows are journey maps where key interactions are represented with wireframes of the relevant views. They allow you to create, explore, communicate, and improve the interactions. You can achieve this with only a map, without having to commit resources to coding or visual design.

To create wireflows, we will need the following things:

  • An opportunity--an AI-driven customer support chatbot is my choice. What's yours?
  • To create wireframes. To do this, we need to understand:
    • Whether we want colored or grayscale
    • High or low-fidelity wireframes
    • How to create the wireframes using Balsamiq Mockups
  • To link the wireframes together, creating a wireflow.
  • To discuss and improve them, through a Wireflow Improvement Workshop...