NYC Department of Education

School Finder NYC

Upgrading NYC's high school print directory with tech

Role
Design & Research, team of 3
Skills
Rapid Prototyping, Story-telling, UX Design, Usability testing, User Research

Overview

Opportunity

The NYC Department of Education’s School Finder is a website that allows users to search, explore, and favorite high schools. It functions as the digital version of the NYC high school print directory.

How might we help students and family members understand and navigate their way through the high school admissions process?

Outcome

Research

Synthesis + Analysis

Interviews

Contextual Inquiry

Findings


Feature Prioritization

5e9415b4459693c7a7755870_59692f67cd013459fb20612c_sf-feature-prio.jpg

Synthesis

Findings


Usability Testing Script

Usability Testing Statements

You want to search for [____] and save the school and send your saved list to a parent.

Selected Responses

View selected responses (PDF)


Usability Testing Highlights

Hamburgers Are Food, not Fun

Our first iteration for navigation incorporated a hamburger icon. We assumed that everyone would either know what was behind it, or have the bandwidth to learn. We were wrong and learned that ultimately hidden content = less discoverability.

What's in a Name?

The Admissions Guide used to have a different name. In our earliest iterations, it went by "The Knowledge Center" but just to be sure, I a/b tested 12 different variations. "Admissions Guide" and "Admissions Information" were tied for 1st place. One tester said: "Admissions Guide is like Good, someone has thought about what I need to do and Admissions Information is like someone is going to give me a ton of information."

Equity, not Equality

Designing for equity is designing with empathy. We kept in mind that the users who would most benefit from the website are low-income families that don't have access to outside resources and assistance. So when we tested the name for the Admissions Guide, we included users from various language backgrounds. And when we designed the Favorites Page, we made sure to add more sharing functionality so students can send their choices to Guidance Counselors before they meet with them.


Use Case
Use Case

Site Map
Site Map

Design

Admissions Guide

The Admissions Guide is a space within School Finder and is accessible through the global navigation. It integrates the admissions process from the current print directory so users can access key information and questions


Global Navigation

Provides accessibility and findability to the Homepage, Favorites Page and Admissions Guide.


Homepage

Added dates from the directory and application as well as a link to the city-wide Admissions Calendar. This serves as a visible reminder for key dates and deadlines.


School Page

Moved the Favorites heart icon towards the middle of the page for more visibility and highlighted the Program Code to increase findability.


Favorites Page

Added Reach/ Target/ Likely sections and provided the functionality to reorder favorite schools. We also added copy, link, and share buttons.The new functionality will improve diversity of programs students list on their application and remind them that you SHOULD apply to a range of programs.

All work jennyjiajinglin@gmail.com