A Redesign of the San Francisco Public Library’s Navigation Structure

Our Goal

Methodology

  • Business Model Canvas.
  • Competitive Matrix and Feature Analysis
  • Abby’s Heuristics Method
  • Tree Testing and Card Sorting

Hypothesis

Problem Statement

RESEARCH PHASE >>>

Business Model Canvas

Competitive Matrix

Overview

Feature Analysis

Overview

Competitive Feature Analysis

Takeaways

Comparative Feature Analysis

Takeaways

Site Map (Existing Website)

Tree Testing (Existing Website)

Overview

Methodology

Takeaways

Card Sorting Overview

Closed Card Sorting (Existing Website)

Methodology

Takeaway

Open Card Sorting (Existing Website)

Methodology

Takeaways

Heuristic Evaluation (Existing Website)

Overview

Methodology

DESIGN PHASE >>>

Site Map (Proposed)

Tree Testing (Proposed Changes)

Takeaways

  • Task 1: There was a 49% decrease in Success, 60% decrease in Directness and a 10.8 second increase in time on task. This is more tan likely due to the change in the task assignment. By making the task more personalized “that interest you,” we added to the confusion, invertantly.
  • Task 2: There was a 66% increase in Success, 20% decrease in Directness and a 1.72 second decrease in time on task. We improved the users likelihood of find the correct destination and shortened their time to do it but users are still getting lost navigating.
  • Task 3: There was a 47% increase in Success, 16% increase in Directness and a 1.83 second decrease in time on task. We improved the users likelihood fo find the correct destination, shortened their time getting there.

Closed Card Sorting (Proposed Changes)

Takeaways

Recommendations

  1. Use language that communicates to more than just those who frequent the library. Users also understand actionable phrasing, rather than a generic label.
  2. Organizing page content, and condensing when necessary, will help users pinpoint exactly what they are looking for. Too much information can cause confusion.
  3. Grouping elements that appear similar and /or have similar functionally. Keeping organization logical will build user familarity.

High Fidelity Prototype

Screen capture of the proposed navigation change.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store