5 Steps of UX design
5 Steps of UX Design
Many of my friends asked me, What are the key steps of UX design? How many steps are there? How do I start? you can help me, but you’re not going to collect me, really? 🙁
I think I wouldn’t have time to explain it, so let’s post it, I said!
Define the problem and understand as a team
Before the key steps, we must be clear about this point, and by this I mean not just the UX Designer, If not all the equipment incorporated from the outset, as Marketing, Management, PO, SM, Developers, Designers, Stakeholders and other areas involved, all must be aligned with the same approach. The objective is discover the pain point of the user, needs to provide a possible solution. At this point we could do a workshop.
A good practice is framing the issue as a question. This allows us a wide range of possible solutions.
How we could improve (Problem)?
1. Gather inspiration
Meet real users, observe them in the real world and you will discover a better thought on how to design better physical products. Meet with them, interview them, listen to them, living every day as they experience it, remember we are to learn.
Look for their environments, investigate workplaces who currently visit, take screenshots of what is most significant for them, for example their desks, work tools, etc. Make sure that you can get great knowledge of the entire environment of the user.
Look for your stories, ask people to take interest already what can tell you much more about issues surrounding it. Analyze their body language, expressions that shows with their ailments, people can tell you and act in different ways, this is a useful way to measure their behaviour.
Look for patterns, people repeat some things, which can point to their needs through a behavior or underlying values.
Look for the unexpected, analyzes attitudes or reactions that hide or emphasize in their behavior, these attitudes often invite you to explore a deeper story.
Another practice, question their behavior and expressions.
What the see? Why might it be happening this?
The objective is to understand how the problem affect them, learn about the resources to deal with them and as we could help them.There are many techniques that allow us to understand in this process empathize with users, as Ethnographic Observation (Technique of Anthropologists), Mental Models, Empathy Map, Depth Interviews, Study Cam, Shadowing, Diary Study, among others. Soon I will dedicate another post to explain it with more detail.
You can discover more techniques to deepen and understand users:
What is a 5 Whys?
2. Define the User
Great!. Now that you know who we are designing, the next key step is to materialize it, we must create an archetype of user or buyer persona.
After having all the information of the users comes the part of landing, a phase heavy for some people, the goal of this is to identify the behaviors with an excerpt from his biography, personality, branding (brands of interaction), emotion factors (motivation, goals, pain points, expectations), and other information of interest to better identify.
A tool that I saw recently was Hubspot, where you can create your online archetype, I like it.
3. Generate Ideas
Came the time of creativity!, return to meet the entire team. As in the initial stage, now it is necessary to focus on the possible solutions to the problem and have the vision of what we want to achieve, releasing all the doubts and confusions in this key point. For what problem(s) are emerging these ideas? What is the best method to reach this goal?
Now we will create the best experience and work with the best ideas and opinions, first should be an introduction of because we are gathered, what is our goal as a team, following the first activity, we need to know the user who are creating this solution, We can present the Archetype and Storyboard to have more knowledge. A good practice is work with (Scope Canvas Person / Must have canvas) and post-it to release all the ideas.
A good exercise is to put in the shoes of the user, present a scenario where the team participate.
For example: I am a person who speaks a lot for the phone and I hate going to the center of attention, but I have to go because I want to renew my cell phone.
In this scenarios, the team members must participate to being actors as the client, receptionist, staff, security. To experience them live and discover the pain point.
After this experience, exploring possible creative solutions, support you with videos of reference to inspire the team. Paste all the ideas on post-it, fills board and share with your team, creates the ideal flow of users, debate ideas, remember there are no bad ideas, even the ideas craziest arise the best.
“The vision helps us in the process of exploration … we learn through dialogue with the team during the process of voting, that’s crucial”
Within the visioning we have an additional task, learn from the client.What they have done or are doing at the moment? What they did? And most importantly, what you excited?, from them it depends if we can help. In my experience when you depend on other areas it’s difficult to work with them on occasions, so as recommendation, be your best friend!.
A key point in the process of exchange of ideas is the Facilitator: the person who will lead the session, will make a time tracking and configured the spaces for the group. This facilitator can also make sure that the group come prepared with a framed mission of the problem.
4. Prototype and Flowchart
The phase that most everybody! Design! This is a key point for many reasons, we execute the structure and flow of content for the creation of scenarios including value proposition to be validated with users.
It’s possible that at some point you had to create prototypes by hand or digital and perhaps once you become familiar very fast. However, there is some confusion as you use it, so I’ll help you with some main factors that you should consider.
The wireframes are low-fidelity sketches, we help you create basic structures. Very useful for validating proposals with users and iterate quickly, without the need for creating an app or page to do so, they help us to have a potential product design and deliver real value.
Wireframes help with 4 main factors:
- Show key points of interaction.
- Layout and design.
- Validate value proposal.
- Mapping product flows.
One of the advantages of this is always to create different elements of communication to avoid mistakes or setbacks. Don’t worry about the quality. Have fun with this!
It’s important to also view your sketch from another point of view, share with others, see how they interact with your proposal for a product or service. That nuance will help you to consider your idea from another perspective. Remember that this phase is often the longest.
It’s used to design processes in a very simple way. There are several types of diagrams, a good way is to use it with images, this helps us to more quickly understand the sections and content.
A tool with which I worked was Overflow, you can work with wireframes or designs in high quality.
5. User Testing
Time to validate experience!. UX tests are an essential part of the process, This key point works in conjunction with the previous point(wireframes), This phase is excellent to remove problems or difficulties which the user presents, iterating and improving the prototype.
Creation of User Test:
Before interviewing the users to validate the prototype we must create an interview guide, where we will touch different points such as:
- Speech to welcome.
- Hypothesis and objectives.
- User knowledge questions.
- Assigned tasks and time measurement.
- Exploration questions.
Within tasks or scenarios should explore their behavior when interact. Example: when you register in the application, looking for information, you apply for, among other activities.
Then it will refine the prototype based on those learnings and this work in an iterative process. Another point that we must emphasize and highlight are the proposals of value as a differentiator, assess whether they are useful in proposals or hypotheses for an A/B testing.
Until a final version!, releasing the pain point for users.
A new tool was recently released is Marvel App, where you can measure success, time control processes and even see facial expressions. This can help you if you want to do a remote test.
Remember that part of the process of the User Testing is to deliver a presentation with all the findings, patterns of behaviour, validation of hypotheses, objectives pattern of behaviors, next steps.
I hope to have helped with this post, there are some topics that I have not deepened as I wanted , but indicate the key points of the UX design, but don’t worry I am working on new interesting topics for the following post.
Tell me what you think, did you like it? I would like to receive feedbacks, one never stop learning 🙂
If you want to know more about projects that I did, take a look at my Dribble.
5 Steps of UX design was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.