To be honest, I had no idea what an experience map was until I was asked to put one together by a UI designer about a year ago. We were working on a fairly complex web project, and we were in dire need of trying to figure out the flow for the entire e-commerce site. Yeah, we needed all the help we could get, because it was getting difficult to grasp how big this project really was! An experience map would help to see everything at a very high level, basically acting as a summary for the project. And once we had everything laid out, it would help to sell the flow to product management.
This unfinished template was my first crack at it. It’s completely vector based, and it’s broken up into sections that you can modify however you wish. The idea is that you would create some sort of picture in the top section (using iconography and diagrams), and then let the text portion at the bottom explain all the nitty gritty details of each segment.
Think of it as a very detailed infographic. It should be clean and well designed, but at the same time there needs to be a ton of explanation to document the flow. I’m very thankful that it wasn’t up to me to come up with the written content for this thing – all I was responsible for was the visual design.
So yeah – although this is an unfinished template, it should be a pretty good starting point if you need to create one for your own gnarly app or web project.