k-12 testing software 

 

 

 

OVERVIEW

The software used to deliver tests via computers to school aged children was sorely outdated and needed a modern overhaul to bring it into line with current best practices. 

SOLUTION

The previous software was put through various rounds of user testing in order to inform a new design. The new design focused on more real estate to the test itself and a clean design that matched with design paradigms at the time.

RESULT

A new test delivery system (TDS) was developed and has been through several additions for additional functionality and accessibility since its launch in 2016. It’s been used by over 100,000+ children in over 6 states so far. 

ROLES

UX/UI design
Info architecture
Iconography

SCOPE

– iPad & desktop
– Touch & mouse/keyboard
– WCAG 3.0 compliant

THE OLD TEST PLATFORM (pre-2016)

MAIN ISSUES

  • The old design was touch friendly, but didn’t really meet the needs of touch or mouse & keyboard users. 
  •  Almost half of the screen (44%) is dedicated to non-test areas. This translates into a lot of lost real estate (especially for small screens).
  • The dated design didn’t feel as friendly or exciting to use.

PREPARING FOR CHANGE

3 cards depicting various school personas

 PERSONAS

To help introduce the change to the company, a set of personas was created to give context to why decisions were being made. Personas were created based on user interviews with internal subject matter experts and external users.  

Images drawn by children of test platforms

STUDENT INTERVIEWS

The old testing platform was tested with a group of students between the ages of 7-16.  Along with observing them performing various tasks within the test, we also tested for icon recognition and had them draw their ideal test.

Through the course of these interviews we learned some really important things – students liked that the icons were labeled (their test provider just had the icons, which were often difficult to understand without further context), and they struggled to understand some of the more outdated concepts (like the selector tool and flagging a question for instance).  

 

 INFORMATION ARCHITECTURE

Since the platform had been updated in bits and pieces over the course of years, no one had a full understanding of the entire user flow a student could take from beginning to end (including all error states and messaging). Part of the process of this redesign was mapping out all of the potential paths. 

A diagram of all potential paths a student can take through the test

DESIGN PROCESS & SKETCHES

An image of a finalized test platform

THE FINAL DESIGN

The final design of the testing platform reclaimed nearly half of the unused space in the previous design, putting the focus where it belongs (on the test questions themselves). The design encompassed feedback from multiple source, including students and subject matter experts in the field. The re-write of the application also allowed the team to implement new technology (like text-to-speech). 

 ICONOGRAPHY

Over 200 custom icons have been made for the test platform. Many of them are very common icons, but given the nature of testing some are very specific. 

An image of many custom icons

ACCESSIBILITY

10 custom color combinations, all AAA WCAG 3.0 compliant for contrast ratings were created as options for students to use.

An image of many custom icons
An image of the test showing black background white text