Large task activity Design Pattern

Role  Sr. User Experience Designer

Story

This user story requires a design pattern that can house a parent task with a large number of subtasks and a deep task hierarchy structure. It also allows our users to monitor, and filter for erroneous resource when an operation fails or need attention.

Problem

The existing component design is unable to accommodate a deep task hierarchy structure whenever an activity of this capacity is active. This results in the task to time out causing unintended errors, operation failure and stalls due to an unforeseen error.

Solution

As a solution, we built the design pattern around existing real world use case models with a capability of showing 1 parent task, with 500 children subtasks or more, with each of these children have a few more great grandchild tasks. The component also provides the user with the capability to filter erroneous resources within the deep task hierarchy structure, quickly and easily.

Impact

This design pattern is currently featured in our pattern library, and in used by our partners and HPE OneView. It is in use for tasks such as assign and import of resources. Like anything we design, the components adheres to modern web accessibility standards.

Subtasks Bar

The subtask bar is designed to communicate how many tasks activity are successful and not successful.

Made with Balsamiq

Made with Balsamiq

Subtasks Bar Details

A user may quickly locate any resources within the deep task hierarchy structure by filtering. The subtask bar is only shown to the user when there are more than 10 subtasks for a parent task activity.

largetasks_4.png

Large task activity

Resource names are intentionally generically named.

Resource names are intentionally generically named.