❄️ Design Patterns – Background Tasks, how to improve the user experience?

Every user task needs effort and focus. To perform some of these tasks, some strong technical resources are needed too. How to deliver a seamless user experience along with the background tasks?

UX Background Tasks
UX Background Tasks

For this project, we (designers, product owners and developers) began our design process based on the current version of our CMS.

The reason for this is that our users are already involved in these processes; moreover, user feedback is good in terms of learning curve and familiarity with the UI.

The user story is focused on finding the most friendly way to manage multiple tasks for multiple items. The current CMS is only available for the desktop experience, so we defined the breakpoints for this project designing for MD and LG viewports. We defined the story mapping to highlight the most important features for the user journey. As a new feature, we followed the MVP approach to be sure that the learning curve was not so high and to avoid cognitive overload.

Below are the project assets underlying our development process.

Scenario

  1. You’re a professional seller on e-commerce platform;
  2. You just imported 300 items in your profile;
  3. You want to publish 200 items on the platform;

Problems

For points #2 and #3, the system needs more than 10 minutes. For instance, the system has some dependencies to perform some tasks due to the fact that is built with third parties (ex API dependencies)

Solutions

To prevent the user from being blocked by the process, we decided to start background tasks. With this feature, while the tasks are running, the user can browse the website and perform other tasks.

UX KPIs

  1. Be sure that the user is aware that the task is heavy and the system needs time to execute it;
  2. Be sure that all the flow is clear for the user in terms of actions, messages and triggers;
  3. Develop a notification system that can help the user to understand the process status (ongoing, complete etc);
  4. Develop a control set to support the user to manage errors with a batch action;
  5. Be consistent in terms of UI and task sequences to give the user the chance to decrease the weight of the learning curve;

Lo-Fi Mockups

Leave a Reply

Your email address will not be published. Required fields are marked *