2021 trends guide for retail brands: How to adapt to the new normal

Free PDF Report Download

13 most common UX deliverables design agencies use 2019

profile image circle
Mario Stipetic

Project manager


UX deliverables manifest themselves in many forms. Which form will they have in a certain product depends on the type of project, user demands, methods used, and the project budget. Every product is different and has its own peculiarities that can make it very different from the others, however, some characteristics are desirable in any project.

This article contains the most common deliverables in the process of making a new product. They are arranged in categories for better readability:

  1. Market research
  2. User research
  3. Information architecture
  4. Design
  5. Testing

Content of these categories should be considered as a guideline and adjusted to the needs of the specific product and the UX activities of the specific company.

1. Market research

1.1 Competitive analysis report

Competitive analysis report shows characteristics of products competitors in correlation to a product. The first task should be getting familiar with target customers, their needs, demands and products and services they currently use. Then it should be easier to gain insight into the competitor's abilities and the next steps to make in order to outperform them and also to make a better UX deliverables checklist for your product.

2. User research

2.1 Personas

Personas are representations of the product's target users created out of extensive user data. This way designers can gain a better understanding of the users by getting familiar with their goals, activities, interests, needs, and demands.  Because of that, they also create empathy with users.

2.2 Use cases

A use case is a list of actions used to describe user actions to complete a task. It gives insight into a user's point of view. Every use case consists of small steps which show a progression from user's objectives to their achievement.

2.3 Storyboards

Storyboards are illustrations that depict expected actions by the users. This technique is taken from the movie industry. It resembles comics with its form but also with its ability to vividly portray the emotions of the users while using the product.

2.4 User flow diagram sketch

User flow is a depiction of the user's actions in order to complete the tasks related to the product. They consist of a series of steps used by users in interaction with the product. This method simplifies the process of identifying sections of the product that should be enhanced or maybe even discarded. It also provides ideas for the solutions based on the interface, features, and content needed.

2.5 Customer journey map

A customer journey map is a diagram of user behavior while using the product. It offers a clear and detailed representation of the user desires and needs throughout the whole journey. This data is usually represented on a timeline. This important data makes it easier for designers to find out solutions for problems.

3. Information architecture

3.1 Sitemap

A sitemap is a diagram of all the pages that make a website and the most important information within. They are organized in a hierarchical order which makes it easy to navigate and visualize the elements of the website. A good sitemap is a solid foundation for other stages of the development process like user experience design.

3.2 Taxonomy

Taxonomy is an analysis of various ways to classify website content. Designers employ this method in order to determine the best possible information structure that will allow both user and developer to achieve their goals. In the process of website development, there are constantly some changes so taxonomy must also be constantly reevaluated to benefit the entire UX process.

4. Design

4.1 Sketches

Sketches are simple depictions of a design concept. They can be quickly employed because only paper and pen are necessary for their creation. They are also easily shared between designers and also between developers and users.

4.2 Static wireframes

Wireframes are illustrations that represent the organization of the website. Their main purpose is to display website layout, features, expected user behavior, and arrangement of the content. They can be particularly beneficial in saving a lot of time and money because they are easy to make and adjustable to work with.

4.3 User flow wireframe mockup prototype

The deliverables include user flow wireframes but fully interactive and clickable as a prototype mockup. In our UX design agency, this is the foundation of the design and something that we are investing the most during our design process. With this deliverables, you can iterate quickly but get a perfect sense of how the final UI will look.
You can read more about the various deliverables fidelity here:

Prototypes are a trial version of a final product. Sketches are very useful but they are nowhere near the prototypes when it comes to seeing and feeling the abilities of a final product. They also save a lot of time and money because mistakes can be corrected before the launch of the product.

4.4 UI design - interface design with interaction prototype

The UI phase is the final phase of the design. With today's tool such as Figma, Invision, Marvel and Adobe XD the interface design level deliverables include interaction prototype by default. The wireframe or UI level design deliverables that include interaction prototype is a must-have because the prototype is relatively easy to build and it gives you unparalleled insight into how the end product will feel and work. Static images just cannot convey that interaction feeling. We always found many small interactions or design adjustments only after we build interaction prototype.

4.5 Final assets

Wireframe or UI interface level deliverables are usually made in Zeplin app, Figma or Avocode app. Similar apps are standard in recent years and they save a lot of hours with preparing the icons and communicating small measurements and specifications to the developers. The developer's handoff with mentioned tools can be achieved very quickly and they give full power to the developers without the need to ask for every small design detail.

5. Testing

5.1 Usability testing report

A usability test is an evaluation technique used to test the product or service by testing it with representative users. It is a crucial part of the development process because it reveals how real users use the product. Users are usually asked to complete tasks, while researchers observe them. Usability testing report compiles and sums up collected data that helps designers a lot in identifying and solving problems.

5.2. Analytics report

Analytics report shows user interaction with the product. It consists of the most used features, search queries, time spent on the website, etc. This approach can help in exposing user behavior that is not revealed in usability testing. Services of the analytics companies are usually employed for this purpose.

Final thoughts

UX deliverables are a central part in the creation of any product and in enhancing the existing one. Depending on the product, they can be very complex, so complex they can discourage clients in the process of hiring the design agency.

UX design agencies are getting better all the time because of the constantly growing competition. Nowadays they can do their job more efficient than they did only a few years before. There is also no perfect scenario in making a new product but there are some principles and procedures that can be useful to employ.

What will be the most important 2020 fashion eCommerce trend based on your professional experience?

Note: we will publish selected answers and get back to you by email
Thank you! Your submission has been received!
We will notify you by email when we will publish the results.
Oops! Something went wrong while submitting the form.

What will be the most important 2020 fashion eCommerce trend based on your professional experience?

Note: we will publish selected answers and get back to you by email
Thank you! Your submission has been received!
We will notify you by email when we will publish the results.
Oops! Something went wrong while submitting the form.

You might be interested in...

We ensure that our designs meet  the high standards  of all three sides: customer, client and aesthetic/functionality.

2021 CX guide for retail brands: How to adapt to the new normal

In this article, we will share some of the actionable things retail brands marketing departments can consider implementing to improve trust and gain loyalty in this post coronavirus (COVID-19) "new normal" world.

See Post

How can eCommerce stores enhance customer experience during Covid19 crisis

Every change that happens to your surroundings, regardless if it is physical or virtual, influences the way your customers behave. There could be many or just a few changes to their everyday life and their whole customer journey changes. Adapting quickly to newly created needs is what will set you apart from your competitors and it will grant you the image of a leading brand. This means more people will rely upon you and the very first decision you make in tough times. 

See Post

How retail companies can increase customer loyalty during Covid19 crisis

Covid-19 social distancing set a whole new way of living for billions of people. There are some restrictions on movement, thus shopping as well. What was true for your customers a couple of months ago is no longer valid in today's environment.

See Post