Task Dependency Graph

Apple

fig. 1

fig. 2

fig. 3

OVERVIEW

OVERVIEW

This is our project's task management web tool. I was the sole designer on the project for about 2 months handling all aspects of the design work including user research, mockups and wireframes etc.

PROJECT PROFILE

PROJECT PROFILE

  • Duration - 1 month
  • Team - 1 designer (myself), 4 engineers, 1 EPM
  • Context - Web
  • Tools - Sketch
  • Deliverables - Mockups
  • Users - Team leads
  • Impact - Consolidates a myriad of off-task applications (ex Excel).  Saves 4-6 hours/person/week.  Provides visibility into and complex and opaque system.

PROBLEM

PROBLEM

Update existing web tool for task and resource management for a data acquisition team.

REQUIREMENTS

REQUIREMENTS

  • Provide administrative tools for each entry point
  • Provide mechanism for task assignment
  • Facilitate topology manipulation of compound tasks.
  • Allow Admins to configure team structure
  • Provide User profiles
  • Able to see current segments they are assigned to
  • Limiting the # of segments that users are able to work on at one time.
  • Can pause a segment which will prevent users from working on othersegments (unless they override)
  • Assigning teams + assigning team leaders
  • Ability to group users/teams by preference of sequence types (existingsequences vs “from scratch”
  • Limiting the # of segments that users are able to work on at one time.

DESCRIPTION

DESCRIPTION

The existing UI was very limited since it relied heavily on a tree structure to manage everything.Before I got on the project, some work on a v2 had already started in a dark theme and I was told we should continue along that path.​

So I extended the white v1 in a dark theme and made the following broad stroke changes as seen in these mockups:

  • Separated out tree for task management into it's own dedicated page
  • Introduced a node graph for configuring compound task dependencies
  • Added an attribute editor on the right side to consolidate configuration of data
  • Created user profile page
  • Created team management page