- UX Design Express
- Posts
- UX Portfolio: How to write a story in practice
UX Portfolio: How to write a story in practice
UX Design Express #05
Hello, it’s Aneta here 👋 This is issue #05 of UX Design Express and today we’re talking about
How to write a story in practice
Designers hear this all the time: you should write a story, not list deliverables. But writing a story isn’t easy. It’s also often not clear what “story” means when describing UX projects. As a result, designers tend to shape linear design processes from their messy projects because this is what’s the easiest for them.
Why do designers struggle with writing stories?
Designers often lack confidence in their writing skills and don't practice enough to improve
Designers struggle to describe messy projects in a clear way
Designers try to fit their messy UX projects into the double-diamond framework story
Designers don’t know what to talk about and in what order
In this newsletter, I’m diving into that exact problem that many of us designers have when writing our UX portfolio stories
Story - what to talk about and how
I’ll share with you my practical methods for shaping stories from any UX project type.
📌 Today you will learn
Learn what is a story in a UX project
Get a practical step-by-step guide on how to write a story
Get inspiration on how to tell a real story from any UX project
Let’s dive in 🐬
01. What is a story?
A narrative, story (…) is a series of related events or experiences (…) Narratives can be presented through a sequence of written or spoken words, through still or moving images (…)
The fact that stories are not only written, confirms also this article. When we talk storytelling, we're diving into sharing these stories, complete with plot, characters, and perspective, as explained in another article.
In a UX portfolio, a story isn't just a list of projects - it's a presentation that ties together a designer's experiences and skills. It shows important skills like product thinking, visual design and problem-solving through relevant experiences. An ideal story highlights the impact of the designer's work. The goal is to leave hiring managers wanting to learn more.
02. Try these practical steps in your story writing process
2.1 - Create a story map
I tried out various ways of starting out drafting my stories: from beginning with creating visuals to writing in Google Docs to mixing both techniques. The story map is not only my favourite way of building story structures. Christopher Nolan built the entire story for the Inception movie using this technique.
The process is a mix of writing, brain dumping, mind mapping and drawing. It looks like a total mess but this is how our brains look like when we want to pick up stories from our memory. This method lowers the entry barrier and helps kill procrastination.
This step has 3 main goals
Collect all your thoughts and artefacts in one place
Figure out what you want to write about
Shape a draft story structure
How to map out the story?
Evaluate your archive folder with projects
Brain dump in a whiteboard tool
Map out the project story visually
Use images, bullet points, colours
Divide the map into sections
Play with the story order
2.2 - Employ a non-linear narrative structure
Think about the order of your story events as they play a key role in the narrative. You can use some of the story arc methods I described in the previous newsletter issue or create your way of telling stories.
You need to do the opposite if you don’t want your story to sound like any other portfolio story
1. If others are describing linear design processes, break the typical events’ order
Solution details - Problem area - Solution - Exploration - Impact
Impact - Solution - Ideation - User research
Problem area - Ideation - Solution - Impact
Impact - Solution - Problem area
2. If others are talking about their projects in chronological order, organise the story in a different way
Start the story by describing the solution that wasn’t selected
Start by showing the solution and talking about your impact
Resign from talking about user research
Show design snapshots and your impact
3. If others are taking a long time to describe their impact, go ahead and start writing when things get interesting
Talk about a big change (before/after)
Show the details of your solution
Start with the impact
4. If others are writing long stories that take forever to get to the point, do something different
Use hyperlinks to more artefacts
Tell your story in 3 sentences
Visualise more than you tell
Use progressive disclosure
Use social media formats
2.3 - Build a story with headings
Try to shape the story just with headings. Hiring managers don’t have time for reading so effectively using headings in your portfolio can increase your chance of getting noticed.
Writing “user research” in the heading, one of the most visible elements of the case study is
a wasted opportunity
looks the same as most portfolios
doesn’t tell a unique story from your project
is purely boring - most of us do some sort of user research!
When writing headings think about
Description that will not fit your other case study
Concrete user group with specific characteristics
Concrete part/step of the user flow/experience
Detailed outcome of the task you did
Trade-offs you made after this step
Concrete and actionable learnings
Precise action step you took
You can also think about including 2 headings: title and subtitle for every major section of your portfolio. That way you can write a more descriptive and concrete heading in the title and include the process name in the subtitle.
2.4 - Tell the WHY in your action steps
Asking and explaining the WHY is a core part of our job. We are responsible for understanding the root cause and making intentional design decisions. Explain the reasoning why you have done user interviews, surveys, placed this button at the bottom etc.
How to tell the WHY in your action steps?
1 - What did you do? (YOUR ACTION)
Show and tell what you did.
Example → I made 2 different concepts for ordering products
2 - Why did you do it? (GOAL 1)
Share the goal for this step, the prompt that encouraged you to do this thing.
Example → I made 2 different concepts for ordering products → I wanted to explore possibilities and find the right solution to increase the number of orders and help biz owners order products faster
3 - What did you learn from this step? (LEARNING)
Talk about your reflections after doing this step.
Example → I made 2 different concepts for ordering products
Option A wasn’t technically possible
Option B performed best on user testing but wasn’t feasible in this short timeline
None of those ideas worked
4 - How did that help you decide what to do next? (GOAL 2)
Share the decision you made with these learnings.
Example → I made 2 different concepts for ordering products
I decided to make a new concept using existing product patterns to save development time.
Check more portfolio examples explaining the WHY, here.
2.5 - Use visual storytelling
It’s up to you how much text you will write but optimizing for time to value is key here as we all know that hiring managers do not have time. That’s why what can help you is to use various storytelling formats, not only written but also visual.
2.6 - Follow these steps to make the process easier
1. Set up the clock for 20min and write
Use the Crash and Burn technique - method taken from “Storyworthy” book by Matthew Dicks. The concept here is simple: set up a clock for 20-30 min and write, whatever comes to your mind on a specific topic. The key rule here is to not stop writing.
2. Speak, write and improve
Speaking out loud helps quickly pick up if the story makes sense. It helps make the story more natural. You can do it in 2 ways:
Write first and then read out loud, adjusting the text as you go
Record yourself using any speech-to-text tool, then edit the text
3. Use tools to improve your language
Revisit your notes, organise them, edit and delete what doesn’t fit. Don’t hesitate to get some help from writing tools to rephrase your complicated sentences, find words that you don’t remember, improve your grammar and styling or shorten sentences.
Some tools I use: ChatGPT, Hemingway app and Grammarly
4. Run the Dinner Test
Make sure your stories are not complicated.
The story must pass the Dinner Test. The Dinner Test is simply this: Is the story that you craft for the stage, the boardroom, the sales conference, or the Sunday sermon similar to the story you would tell a friend at dinner? This should be the goal.
03. Tell the story from any project mess
3.1 - School project without any metrics
Pick engaging topics - school projects have an edge here over real business cases
Connect the story with your personal experiences - to make the story more engaging
Focus on what you have, not on what you don’t (metrics)
Make it yours - show your passion for design and the problem
You can still do retrospective but avoid writing obvious things
3.2 - Small UI redesign without any research
If you did a small UI redesign, don’t try to make it a large, fake project. UX projects are different. Not every project in your UX portfolio needs to have the same story structure and format.
If you haven’t done any user research, don’t include this
Show and talk about the details of the redesign
Show visual snapshots of the solution
Make it like a social media post
3.3 - Complex project with many problems to solve
The most important step here is to make an intentional trade-off decision on what to talk about in this case study. If you’re going to describe all the problems you’ve tackled, you will likely end up creating a very generic or overcomplicated story.
This is what to do instead
Do one case study with the most interesting, impactful problem you solved
Divide the project into a few case studies by talking about 1 main problem in each
Stay focused - show and talk just about relevant things
You don’t need to talk about everything
That's it for today!
I've been totally into this newsletter called UX Design Express. It's all about making your own UX portfolio. It's packed with useful and realistic tips, always with interesting research nuggets. Best part? It doesn't cost a penny! Come on, join me and sign up right over here!
I’m back in two Fridays with another edition of UX Design Express 👋
Keep designing ✨
Aneta Kmiecik