propsed site map and architecture
Kitman Labs Information Architecture
UX/UI Designer & Researcher

The Brief

Kitman Labs main product is a web based cloud offering for sports teams to manage player. The product grew without much thought and it was agreed by all departments the information architecture needed updating. The method we eventually decided on is detailed by Chris Nodder in his Lynda.com course, Information Architecture. Lo-Fi prototype here

Steps

  1. Tasks identified by research team
  2. Tasks grouped and named by test subjects
  3. Results synthesized by research team
  4. Tasks sorted into new defined groups by user
  5. Results synthesized by research team
  6. I.A. is determined.

1. Task Identification

ai tasks listed

We identified 42 tasks within our system. We wrote out these tasks from the perspective of our different users (sports scientist, S&C, physio, doctor, analyst, H.O.P.) using best practices around framing and naming them.

2. Internal Card Sorting

internal user card sorting

We recruited internal stakeholders, actual practitioners, to complete a card sorting exercise in an effort to trial our test and get internal buy in. Each stakeholder was individually asked to group tasks together based on intuition. Followed by naming these groups.

3. Users Card Sorting

users card sorting

We recruited internal stakeholders, actual practitioners, to complete a card sorting exercise in an effort to trial our test and get internal buy in. Each stakeholder was individually asked to group tasks together based on intuition. Followed by naming these groups.

4. Refining Groups

refining the groups

After gathering feedback from users we looked over the findings to see any patterns. The variation was low, some outliers, but everything was consistent enough to give us confidence with a proposition for the next stage, shown above.

5. Reverse Card Sorting

reverse card sorting exercise
Invision exercise

We ran internal and external user testing with a reverse method. Asking the same users and stakeholders to identify the group a task is associated with. These were the same tasks and grouping names identified from the initial card sorting exercise.

6. Synthesis & I.A.

propsed site map and architecture
Invision propsed IA

After assessing the results we proposed a new I.A. This was shared internally and externally, not in any rigorous way, but rather for communication and buy in. Keeping everyone aligned was important and kept momentum. This site map reflects the research and proposed I.A. We also added some style and navigation changes.

Design additions (LoFi)

side menu updates
  • 1. First level navigation = Side bar/panel
  • 2. Second level navigation = Slide out menu
desktop design enhancements
  • 3. Third level navigation = tabs
  • 4. Breadcrumb
  • 5. Page title
  • 6. Squad indicator
  • 7. User identification
Responsive mobile menu
  • 8. Responsive — Tablet to Mobile form factors.
SAAR BYRNE UX / UI DESIGNER & RESEARCHER