Creating a product with a great user experience requires more than just user stories. While capturing the product functionality is important, the user journeys, the visual design, and the nonfunctional properties have to be described too. Stories should be complemented with other techniques including scenarios, storyboards, and design sketches.
Creating a Great User Experience
I like to think of a product description as a matrix: One quadrant describes the functionality, another one the user journeys and interactions. There is a third quadrant that captures the visual design, and a final one for the nonfunctional properties such as performance, robustness, and interoperability. All four have to be present and fit together to create a product with a great user experience, as the following picture illustrates.
The four areas above are best covered by different techniques. User stories work well for the product functionality. Scenarios, workflows, and storyboards are great to describe the journeys. Sketches and mock-ups capture the design, and constraint stories describe the nonfunctional properties, as shown in the picture below. No single technique can handle all four aspects equally well.
You can employ further techniques, of course, including screenshots and photos, context and activity diagrams, value stream maps, story maps, and so fourth. You can also combine different techniques, for instance, providing a design sketch for each step in a scenario. Use the techniques that work best for your product, and that enable you to describe your ideas so that they are easy to understand and to validate. (Note that I have placed storyboards between “User Journeys” and “Visual Design” in the picture above as the technique can cover both aspects.)
Identifying Assumptions and Risks
There is another reason why a holistic product description is beneficial especially for new products and new features: It helps you identify all relevant assumptions and risks. If you only write user stories, chances are that you are unaware of the interaction and design risks. This may result in late failure or a poor user experience.
For instance, every now and then when I shop online, I come across a website that asks me to select the payment type before allowing me to enter the payment details on the next page. Unfortunately, I typically forget to make the right choice in the first step. As a consequence, I have to go back to the initial page to correct my selection and then move on to the details page. As my payments details are lost, I have to re-enter them. While this experience may be good to test my patience, it certainly does not make me want to use the website again. Considering and validating the user interaction could have easily resulted in a better design and in a more pleasant user experience.
Visualising and Managing the Four Aspects
A handy tool to capture and manage the four aspects is the Product Canvas. The canvas provides three major sections: The first section is called “Target Group” and describes the users and customers with their needs in form of personas. The second section named “Big Picture” outlines the desired user experience and describes the important user journeys, product capabilities, design ideas, and nonfunctional properties. The third section called “Product Details” captures the goal or hypothesis of the next cycle together with actionable items, which may be written as ready stories.
The Big Picture section plays a key role in capturing the four pieces, as the following sample canvas shows:
The picture above is an extract of the Product Canvas I used to create the current version of my website, romanpichler.com. The Big Picture section in the middle contains epics to describe the product functionality, storyboards to capture the user interactions, design sketches to illustrate important design ideas, and a performance constraint. It provides a coarse-grained but holistic description of the product. For more information on the canvas, please visit the Product Canvas tool page, which also provides a downloadable template.
When you create a new product or when you make bigger changes to an existing one, take a holistically holistic approach. Describe the relevant user journeys, the product functionality, the visual design, and the nonfunctional properties. Neglecting one of them is likely to result in a suboptimal user experience, which may well have a negative impact on the success of your product.
Post a Comment or Ask a Question
As a facilitator/coach in Design Thinking, I’m finding your content extremely useful in explaining to colleagues the connection between design thinking personas, journeys and jobs to be done (goals) and the agile aspects of epics and user stories. Thanks!!
Thank you for your feedback Jen. Glad that you found the article helpful.
I’ll be HONEST! I really like your site, I’ve already learned a lot. I’m the “head of UX” at the Hungarian-Austrian startup. My opinion the the UX designer and the Product ownership will merge, and the “end result” will be the new role called “product Designer”. What is your opinion about this trend?
Thanks for your feedback, Norbi. While UX and product management overlap, I regard them as separate functions that require specific skills. If it makes sense to combine them is something I would decided on a case-by-case basis. Hope this helps!
This is a great read. Very instructive and andwers a lot of gray areas I had been meaning to ask about user stories.
Thanks for your feedback, Jeremy!
Very instructive! Thanks.
Thanks for your feedback, Greg. Great to hear that you find the post helpful.