Switchboard — A UX Case Study

Responsibilities and Timeline

User Research

  • 59.2% of respondents indicated feeling 3 or below on familiarity with the process.
  • 81.7% indicated feeling 3 or below on satisfaction.
  • Notion
  • Google Sheets or Excel
  • Handshake
  • LinkedIn
User personas: The experienced applicant and the new applicant

Synthesis and Ideation

Affinity mapping and brainstorming solutions
Low fidelity wireframe — status bar

Mid Fidelity Wireframing

Job board, Tracker, Calendar, and Nudges
Documents library, Statistics, Goal Setting
  • Job Board for internship listings
  • A tracker to track current applications in progress
  • A documents library to house application materials
  • Application progress statistics and goal setting
  • nudges to encourage user to perform certain tasks

Usability Testing

  • Saving a job from the job board into your tracker
  • Editing your application progress bar
  • Switching to calendar view
  • Viewing monthly vs weekly statistics about their application progress
  • Editing or adding a quantitative or qualitative goal
  • Adding a new document
  • It was confusing for the Backpack page (which contained the goal setting documents, tasks, and statistics) to be separate from the tracker itself
  • People had a difficult time both finding and editing their application progress bar, and felt that it would be more convenient for the progress bar to be customizable for each individual application
  • There was a lot of confusion over the goal setting feature and the differences between a quantitative or qualitative goal
  • People wanted to be more of an emotional element to encourage them to interact with the platform
  • Confusion over how to filter through applications on the tracker
Left: Combined tracker, stats, and task list Right: Customizable Progress Bar
Left: Filtering System for applications in progress — V1 Right: Nudges for completing tasks

A/B Testing

Sample of how participants voted on each feature and the different visual options for the features
  • Filtering through applications currently in progress
  • Checking off a step in your application process
  • Editing your overall progress bar for an application

High Fidelity Wireframing and Prototyping

Our Findings from A/B Testing

  • Users leaned more toward the checkbox than the radio buttons to mark a step in the internship application process as complete in the “Update Progress Bar.”
  • Similarly, users preferred the checkbox buttons rather than pill designs for the search filter for the same reason. Furthermore, we found out that the pill design felt overwhelming and unnecessary for such a simple feature for the users.
  • Users preferred seeing the explicit text CTA rather than icons, as seen by their preference for the “edit” button rather than the pencil icon in the “Progress Bar Editing” section.

Design System

Our Design System Guidelines — find all the type styles, grid information, and colors used in the final design here!

Before & After Hi-Fi

Presentation day

Challenges and Lessons

  • It is really easy to get carried away with ideas and expectations but it is important to let your design choices come from your research.
  • Focus on the purpose of your design rather than expanding into the multitude of directions you can take.

Next Steps

  1. Create an onboarding system
  2. Further integrate nudges to increase the motivational aspect of our design
  3. Expand on the Calendar and List view

--

--

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
Design Interactive

Design Interactive

We’re a student-run design consultancy @ UC Davis!