Letter.png

Hudl Manage Columns Redesign

Visual Design | Interaction Design

Background

Hudl has had a large focus on broken windows lately, so I wanted to focus on an aspect of our interface that looks particularly dated. Manage Breakdown Data is used to manage columns (used to enter breakdown data) for American Football users. 

I interviewed internal Coach Support Representatives to get a feel for what questions they frequently hear about the page, and what tasks coaches usually look to accomplish on this page. I kept the scope fairly tight, focusing on visual design more so than interaction design.

Research Insights

  • Coaches largely see information they'd like to edit in their Library page, and only navigate to this page once they've decided they need to edit data or delete a column.
  • Most teams have been using Hudl for 6+ years, and their column list can become bloated, long, and difficult to navigate.
  • Coaches frequently clean up break down data at the beginning of the season and/or during periods of staff turnover.  
  • Who created the column is important information to know, as it differentiates between columns that can be deleted vs. Hudl default columns, and coaches need context around who created a column to determine their comfort level with editing or deleting a column. 

Current Manage Breakdown Data Page

Tablet.png

Proposed Redesign

Manage Columms Redesign.png
  • Edit has been pulled to the top layer for each column, as the primary reason coaches visit this page is to edit columns rather than explore. 
  • Filters and a search have been added to allow coaches to easily sort through long column lists. 
  • Values are now able to be edited without individually selecting each value. 
  • Permissions around columns are more explicit, and an additional permission has been added. Currently, coaches need to select which columns (if any) they'd like to send with an exchange each time they exchange film. However, most coaches have columns they regularly exchange and columns they never exchange. This allow column exchange settings to be set on a per team basis.