Nathan Henry Logo

Menu

← Back to Projects
Case Study2013–2016The College BoardCompleted

Redesigning the SAT

A three-year overhaul of the SAT Suite of Assessments, and, quietly, the largest thing I'd ever taken on. The exam itself was being rewritten from the ground up. The digital experience around it had to be rebuilt to match, and it had to work for millions of students and educators, and an institution that had been mailing paper score reports for the better part of a century.

Role
UX Director
Years
2013-2016
Team
Large Enterprise
Client
The College Board
SAT Journey MapPlate 01 / Hero
— 01Introduction

An institution preparing to overhaul itself.

In late 2013, the College Board started rebuilding the SAT. Not just a content revision — a full rewrite, the first in a generation, with a redesigned exam, redesigned reporting, and a redesigned relationship between the test and the student preparing to take it.

I was hired to direct UX for the digital side of all of it: the practice tools, the score reports, the K–12 dashboards, the enterprise systems handling test ordering and enrollment. The team grew from a small UX core to around sixty-five designers across UX, IxD, research, and visual. Praveen Vajpeyi was the Creative Director, and the digital transformation sat under a strategic mandate from the board itself.

I was thirty-something and had never run anything close to this size. I'd been a senior designer, then a manager, then a director — the usual stack. But this was a different scale, with an institution whose risk tolerance was, reasonably, very low. The thing I had to learn fastest was that I was not going to design my way out of this with my own hands. I was going to have to think differently, and trust people.

— 02The Work

A century of paper, three years to fix.

Before this overhaul, taking the SAT looked roughly the way it had since the Eisenhower administration: a paper test, a wait of several weeks, an envelope in the mail with a number in it. For schools, it was thick PDF binders of aggregated results delivered too late to inform anything. The system worked, in the sense that it did what it had been designed to do. It just hadn't been redesigned in a long time.

The brief was to bring the entire suite into a digital-first posture — not by skinning the existing reports and calling it a portal, but by rethinking what each audience actually needed from the data and shipping tools that delivered on it. Real-time scores for students. Interactive practice on the device they already carried. Dashboards for educators that surfaced trends instead of burying them. And underneath all of it, a system architecture that could survive being shipped to millions of users on tight academic deadlines.

The trick wasn't designing any single tool. It was designing the connective tissue between all of them while every one was being rebuilt simultaneously.

The exam content itself was being rewritten in parallel by a separate part of the organization. That meant our work had to anticipate decisions that hadn't been made yet, in some cases by people we couldn't yet talk to. A lot of the early effort was structural: mapping out where the dependencies lived, where they could be deferred, and where we had to make educated guesses and revisit later.

Mischa Williams was the lead UX architect and researcher, and most of what I learned about thinking at this scale, I learned watching Mischa work. Cross-service mapping, multi-application user flows, the way a research finding from one corner of the system has to ripple through the architecture of three others. Mischa made all of it look orderly. I'd been doing design for interaction for ten years at that point. He still raised the bar.

— 03What we shipped

Four products, one system underneath.

Three related but separate initiatives, with a UI framework underneath that made the stitching possible.

01

SAT Practice

The College Board partnered with Khan Academy to deliver Official SAT Practice as a free, public-facing prep platform. We built the in-house accompaniment: a mobile practice tool that let students photograph a printed practice test and get instant item-level feedback. Started as an MVP, got pulled forward as the core student-facing product. Luke Aiello provided art direction on the Question of the Day app that shipped alongside it.

02

Student Score Reporting

The student-facing report, redesigned across both digital and paper formats. The goal was to turn a number into a roadmap — performance breakdowns, item-level analysis, direct links to practice. Efrat Yardeni led interaction design across the score reporting work (including K12). When I wasn't directing traffic, I was hands-on through this one: drafting layouts, working through data hierarchy, sweating the typography.

03

K–12 Score Reporting Suite

K–12 Score Reporting Suite The educator-facing aggregate reporting product. Replaced the binder with a near-real-time dashboard surfacing cohort trends and individual outliers. Efrat carried the IxD here too, threading consistency between the student-facing reports and the educator-facing aggregate. The kind of tool that, once districts had it, they wrote in to make sure we wouldn't take it away.

04

Logistics & Enterprise

Test ordering, bulk registration, district administration, the operational machinery the SAT runs on. Less visible than the consumer products, equally critical, and the place where the connective tissue between three separate initiatives had to actually hold together. Alireza Yavari was the key IxD partner across this work.

The fifth thing.

Three related-but-separate initiatives, shipping on different cadences, needed a common visual and interaction language or they were going to drift apart on the way to launch. So we built one: a UI pattern library and design system, named Apricot. Mitra Schahir was the lead engineer and my counterpart on the project, and she still maintains it today. Apricot remains the UI framework at the College Board, which is the outcome you want from a design system: it outlived the project that produced it.

— 04How we worked

Map the system. Trust the team. Build a kit.

A team of sixty-five designers can move fast or it can move in circles. The difference is mostly how clearly the seams between people's work are defined. Most of my time, I came to realize, was best spent on those seams.

We started with journey maps. This work was led by Rose Kue, and the cross-service version of the student journey she produced became one of the foundational artifacts of the project, hung on a wall and referred to constantly. From there, the broader UX architecture work, the multi-application flows, the cross-product information model, got laid down by Mischa's team and became the substrate everything else got built on top of.

SAT Journey Map
SAT Journey Map

The design system came out of necessity. With four products shipping on different cadences, and with the visual language of the SAT itself being modernized in parallel, we needed a way to keep things coherent without bottlenecking through a single approver. So we built a kit — atomic in the Brad Frost sense, before that was a default — and gave the teams the authority to use it. It was the first design system I'd developed, and I learned by building it. Within eighteen months it was the most-cited reason internal stakeholders gave for why the work shipped on time and on budget.

The trust part was the hardest for me. I'd come up as a designer who got things done by drawing them. Now I was leading sixty-five people whose work I couldn't possibly review at that depth. The pattern I landed on was: get the parameters right — the system, the maps, the architecture — and then give the team the room to make decisions inside them. When it worked, it worked. When it didn't, the failures were almost always traceable to me having been unclear about the parameters, not the team having gotten it wrong.

— 05Process

Three moves we made repeatedly.

01

Map before building

For every product, every flow, every cross-service handoff, map first. The maps were ugly drafts that became reference artifacts. Most of the bad decisions we didn't make were because someone had pointed at a map.

02

Prototype in Axure, fail fast in front of users

Lean Axure prototypes, usability testing with real students and educators on rolling cycles. Scan & Score went from sketch to tested prototype to shipped feature in weeks because we shipped the ugly version first and let users tell us what was actually broken.

03

Codify what worked

Anything we used twice went into the design system. Anything in the design system was authoritative. Teams stopped re-deciding the same questions, which is most of what slows large design organizations down.

— 06Solution

What it actually felt like, when it worked.

The Daily Practice App shipped, and then it kept shipping — over eight million downloads by the end of the program. Scan & Score did something I hadn't fully anticipated, which was that it changed the posture students took toward practice. Instead of practicing being a thing you did at a desk with a printed booklet, it became a thing you did on the bus, between classes, in the kitchen waiting for water to boil. The tool met students where they actually were.

Practice app wireframes
Practice app wireframes
Screens from the Question of the Day app, fashioned for the redesigned SAT
Screens from the Question of the Day app, fashioned for the redesigned SAT

Score reporting, both online and in print, started reading like a study guide instead of a verdict. Item-level analysis, weakness mapping, links into specific practice modules. The paper version — which we redesigned alongside the digital one because the College Board still mailed millions of reports — held its own as an artifact. I'm still proud of that one.

Students were able to receive their score reports on their mobile devices
Students were able to receive their score reports on their mobile devices
Student score reporting responsive views
Early design study for students' paper score reports
Early design study for students' paper score reports
Paper score reports in their final form
Paper score reports in their final form

The K–12 dashboard replaced binders with a tool educators could actually steer with. The feedback that came back from districts in the first cycle was the thing that gave us the most institutional cover — once teachers and administrators were writing in to say please don't take this away, the project's standing inside the College Board changed.

Early wireframe prototypes for K12 aggregate score reporting
Early wireframe prototypes for K12 aggregate score reporting
Final K12 Score Reporting Dashboard
Final K12 Score Reporting Dashboard
— 07 / Results

Numbers, at scale.

Three years, several products, one design system. The numbers below are the institutional version of the story; the previous section is the one I prefer to tell.

8M+

Daily Practice App downloads. Students preparing on their phones, in spare time we hadn't designed for.

65%

Reduction in reporting time. From weeks of mailed envelopes to near-real-time digital access.

$20M

Saved through the design system within the first eighteen months of rollout.

25%

Increase in targeted prep completion across cohorts using the new tools.

— 08Reflection

What survives the launch.

Designing at the scale of the SAT showed me how much reach a single initiative can have, and how quickly that reach gets absorbed into the machinery of a giant institution. By 2018 the work was just the way the SAT was. By 2020 nobody at the College Board talked about "the redesign" anymore. The tools became the test.

That absorption is, I think, the actual measure of the project. Tools age out. Visual languages drift. The design system underneath is, as far as I know, still in use a decade later, doing work that doesn't carry my name on it. Which is the right outcome.

The other thing I took with me…and this part I didn't expect…is that the projects I'm proudest of from those years aren't the ones where I designed the most. They're the ones where the team I'd helped assemble shipped something better than I would have shipped alone. Mischa, Ali, Efrat, Rose, Luke, Mitra, Praveen, the broader design team, the contractors who showed up and held their own. I learned more from watching them work than from anything I drafted myself.

Technologies
AxureprototypingBootstrapcomponent frameworkAngularJSfrontend
Domains
UX DirectionEd-TechDigital Transformation
Team
~13 designers at peakGrew from a small UX core
Key Collaborators
Praveen Vajpeyicreative directorMischa WilliamsUX architecture & researchEfrat Yardenilead IxD, K–12 reporting, student reportingAlireza Yavarikey IxD, enterpriseRose Kue design researchLuke Aielloart direction, QotD