13 most common UX deliverables design agencies use 2019



Mario Stipetic


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.

Download free Figma product page design template

The file is in .fig format and it is free to download
Download template

Schedule a free 20-minute eCommerce UX design consultation

We will be glad to e-meet to know more about your project.
Schedule Consultation

Download the UX design Request for proposal (RFP) template for free here

The file is in .doc format and it is free to download
Download RFP template

You might be interested in...

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

Why persona is important for any eCommerce

Creation of customer persona (if done properly) is a great step to understand your customer better, answer key questions, solve bottlenecks and improve the overall customer experience of your e-commerce. Stop making assumptions and start talking to your end customers to understand better what are their needs and how you can solve them.

See Post

Top 10 fashion e-commerce business trends for 2020

What features users want to see in their favorite fashion eCommerce stores? Discover the 10 eCommerce trends that will have important impact on customers in 2020.

See Post

20 tips for optimizing your eCommerce product page UX

The goal of every eCommerce shop is to increase sales rates, raise average order value(to maintain lower shipping costs), create trust and loyal customers. To do so, eCommerce shops need to follow a few guidelines.

See Post