Large task activity Design Pattern

Sr. User Experience Designer


KEY TAKEAWAY

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.


about

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.


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.


WHAT OTHERS ARE SAYING ABOUT JET AT HEWLETT PACKARD ENTERPRISE

Jet has been passionately driving the UX for Private Cloud Pack with great efforts! He has been giving valuable design suggestions for Skywalk, OneView and other customer issues. Jet is great in maintaining a remote partner relationship and he ensures that communication is always alive. I personally appreciate the extra effort he makes to ensure that we have UX discussions during our day-time.

Thanks, Jet for helping Bangalore team and for giving good UX to the pack.

Sr. Design Manager, Bangalore, India
Design partner at Hewlett Packard Enterprise


Jet is performing with opportunities for personal growth into areas of leadership. His contributions across design systems and throughout the organization are recognized, and he is seen as an excellent resource to execute on designs in both Piano design framework and Grommet design framework. Jet's potential lies in his ability to expand influence by asserting leadership and continuing to grow communication channels with both internal and external partners.

Sr. Design Manager, Fort Collins, CO, United States
Managed Jet directly at Hewlett Packard Enterprise


Passion for Customers - Acts as a trusted partner, providing relevant advice

In the UX designer role, Jet is a great advocate for customer experience.  This is a quote from a feedback provided by an Atlas team member “Jet is committed to delivering the best experience to customers, as his role demands.  He is detail-oriented, carefully considering the effect each of his choices has on a user”.

Sr. Design Manager, Palo Alto, CA, United States
Managed Jet directly at Hewlett Packard Enterprise