Our UX design process step-by-step
Developing a meaningful product is not an easy thing to do. Usually, it is a long, exhausting way full of obstacles and problems we need to tackle. In this article, you can read about each phase in our design process, its importance, and its impact on a final product.
Double diamond design process
Double diamond is a design model whose purpose is to help creatives follow a process that guides them through the steps of going from concept to finished product.
The first diamond helps people understand, rather than simply assume, what the problem is
- Discover - diverging - a deep dive into the problem
- Define - converging - synthesizing the information from the discovery phase to define whether we are solving the right problem and define a problem definition
The second diamond encourages people to give different answers to the clearly defined problem, seeking inspiration from elsewhere and co-designing with a range of different users, clients or stakeholders.
- Develop - diverging - think up solutions to the problem
- Deliver - find the best solution and design, develop, build it. Do not forget to test it
We start every project with a kick-off meeting with the client. In the meeting, we talk about the depth of the project, the problem we need to approach, what needs to be done, the time we have and every small detail. Based on that, we are able to put together a tailored process that fully matches the client’s requirements and the project itself.
Different project - different cards to play with.
However, before we start working on the project, we have to consider numerous different aspects/questions.
- The first aspect we look into is design ethics. Does the project correspond to our opinions, vision, and mission?
- The second thing is the project itself. Are we talking about the sustainable design we love to do? Or is service design we are eager to learn more about? Or the experience design we love because of its freedom and many iteration cycles?
- Related to the questions above, do we have people - project manager, UX researcher, UX designer, graphic designer or developers to fully deliver the product?
If we answered all questions yes, we can start with research.
Emphasize - get to know your user
UX research is the essential part for the product to be a success. Its purpose is to discover and analyze users’ behavior, user' needs, and motivations to contribute to product strategy and design.
Focusing on human-centered design, we work with users as much as possible during each phase. We interview them, observe them in their daily lives, or use different research activities to get more insights.
When working on an existing product, UX analysis is high-valued activity. UX analysis consists of:
- UX audit of the existing product
- User testing of the product
- Heuristic evaluation
- Competitive testing and UX audit of successful competitive product
Define - the problem and interpret the results
The second phase in the design process is define. It is about the synthesis of your research findings from the first stage and coming with a great definition of the problem statement that will guide you and your team’s work and kick start the ideation process.
The main deliverables for this phase are user stories that describe user needs and wishes but you should not forget about the client and define the clients’ requirements, business requirements, system requirements, suitable design principles and many more.
What you cannot forget about is to define your target group and specify personas. Persona is a fictitious representation of the target group.
Instead of telling a story about the use case of your product, visualize a storyboard and customer journey map to describe pain points users come across.
Ideate - spark off ideas
The main goal of Ideation is idea generation - using creativity to come up with as many possible solutions as possible.
In order to find better, more elegant, and satisfying solutions we, at GR always involve users, different stakeholders and our co-workers from different departments in ideation activities. Co-creation with these people during workshops focused on converging ideas and diverging the best idea helps to identify the design direction and MVP - the minimum viable product needed for the first release of the product.
- At GR, we always start with creating an information architecture representing the structure of the website which allows us to understand the flow of how users access certain information. The result can be a site map, user flow, flowchart or some kind of hierarchy thingy.
- Not thinking about the UI design for now, we start with sketches of the first ideas and possible User experience with the product. We work in small iterations that we test and improve all the time, finishing up with clickable wireframes. Already in this stage, we create responsible prototypes for different screen sizes and devices.
- Having tested wireframes on hand, it is an easy way to start high fidelity prototyping. Firstly, we create UI style guide to make sure that the prototype shares the same visual identity even more designers work on the project.
Many people ask us what is the best software for UI design, for us, it is Figma.
Test & Iterate
This phase parallelly runs with the previous phase. We user test each small iteration of a new feature during hi-fi prototyping but low-fi prototyping as well. We believe that the content personalization according to our target group is important, we do usability testing not only with users, but also with stakeholders or co-workers to make sure we found all pain points.
What is more, we have QA - Quality assurance as part of the company who is responsible to find (technical) problems that were not uncovered by usability testing.
One may assume that the only deliverable for a client is the product itself. That is not true. We put as much effort into deliverables as we put into any different phase of the design process.
The client will get detailed documentation about each phase, with a visual representation of results- insights, challenges, personas, etc.
What is more important, with a new project, we create a full design manual explaining brand identity, so the client can use the same visual identity for their presentation, posters, social media posts etc.
This set of methods, tools and exercises are not set in stone, it is an overview of methods we consider necessary to deliver a successful product. Our design process is very iterative, flexible and based on a close collaboration with users while working in a dynamic and agile environment.