The meaning of the design system is: a collection of fundamental elements and reusable UI elements useful for both designers and...
UX Deliverables – How User Experience Analysis Support the Software Development Process
The UX design is the process design teams use to create products that provide important and consistent experiences to users, and this process involves the following six stages:
- Understand: Defining first what is the problem.
- Research: Discovering the users and their needs.
- Analyze: Gathering all the previous data and extract the essence.
- Design: Building the foundations of your project by iterating the process.
- Implement: Erecting all the bricks together.
- Evaluate: Getting feedback on the product from users.
When we see these stages, we have to think of them, not as a static list, but as something that mutates from project to project, and the process can vary even the arrangements.
The UX Deliverables
During the development process, in every stage, the UX designer produces a wide variety of UX deliverables to communicate with various stakeholders and teams; and provide artifacts for meetings and ideation sessions.
We can divide these deliverables into four groups: User research deliverables, Ideation deliverables, Prototyping deliverables, Evaluation deliverables. Let’s discover some of them.
User Research Deliverables
A fictional character that the designer builds as a sort of user stereotype. The user persona is a composition of the characteristics based on real data collected from multiple individuals. It has to summarize the types of people you are looking for in your design.
It consists of a comic strip outlining the user’s actions and circumstances under which these are performed. It helps the team understand what the user does, the environment around where the action performs, and how or why the user does something.
Customer Journey Map
It is a diagram representing the steps (i.e., the process) taken by a user to meet a specific goal. The purpose is to understand the customers, ensuring consistency, and improve the quality of customer experience at all touchpoints and across all channels.
It is a software development technique to reach a common understanding with stakeholders on each requirement’s importance. The MoSCoW method is useful to determine the priorities: Must have, Should have, Could have, and Would like but won’t get; when you have fixed or tight deadlines and giving the biggest benefits in the fastest possible time frame.
It is a blueprint outlining every step, from the entry point, the user has to take with your product or service in order to meet a goal. It helps designers understand and anticipate the cognitive patterns of our users and create products.
By following the “design thinking” and a user-centered design theory, a UX designer’s mission is to enable companies to make digital products based on a deep understanding of human behaviors, goals, and motivations. UI/UX Designer
The sitemap shows the hierarchy and navigation structure of a website and how pages are prioritized, linked, and labeled. It allows you to have a full overview, link pages for a good SEO, pinpoint pages hidden under unintuitive labels, trim off unnecessary pages, and keep what is important.
Low-fidelity Prototypes or Wireframes
A low-fidelity prototype bypasses any visual design details and serves as a rough guide to allow designers to feel how and where they should place content. A quick and easy representation of the concept gives quick feedback from the team and clients. It maximizes the number of times you get to refine your design and improves the product faster.
A high-fidelity is a pixel-perfect prototype because it shows all the visual and typographic design details of a product, as it would show it on a real screen. It has a high level of comprehensiveness that allows you to examine usability questions in detail and make conclusions about user behavior.
To evaluate your designs, you might turn the high-fidelity prototype into an interactive demonstration to showcase how the interaction might work with these. It helps the team and the clients see the designer’s vision and conduct a usability-test to validate the design before starting the coding effort.
Design Systems & Styleguides
The design system is becoming a must-have inside the UX workflow for a successful product design because it puts together specifications and a style guide for developers. It contains all the elements that will allow the teams to design, realize, and develop a product. A good design system has to evolve constantly with the product and don’t be inactive.
Usability Reports & Usability Testing
The report is a document to evaluate a design. It summarizes the findings into a usability report, and it is one of the fundamentals of UX deliverables. A full usability report typically contains the following sections:
Background summary – what, where, and when the test of the product is executed;
Methodology – how all the evaluation is conducted;
Test results – an analysis of all the data collected;
Findings and Recommendations – recommendations based on the data collected.
After the product is released and runs for a while, the client can make some analytics data available to provide insights into how the design can be adapted. The data measurement can be quantitative and qualitative, and both are crucial for carrying out an effective UX analysis useful for updating the current product and improving usability when necessary.
After you read this list, you can better understand why you need a UX designer in your team. The most common documents produced are the wireframes and the prototypes, followed by user flows, site maps, and usability reports (Source based on Norman Nielsen group).
The deliverables are useful documents to share with other development team members and external clients, but also help the UX designers advance into the project.
When your customers land on your product page, it’s only half the success. Now you need to make sure that...
User interface design tools help designers build robust prototypes and mockups fast without having to use multiple tools. While there’s...