OUSD Kindergarten Readiness

Role

  • User Research
  • UX Design

Client

Context

Problem

The Oakland Unified School District (OUSD) lacks a centralized source of information to document OUSD’s kinder(garten) readiness initiatives, best practices, programming, and resources.

Project Goals

  • Update the OUSD website to showcase Kinder Readiness practices, programs, and resources within the district
  • Facilitate adoption of practices and sharing of resources

Stakeholders

OUSD Administrators & Educators

Primary User Groups

  • OUSD Administrators
  • Education Practitioners
  • Parents (and their Children)
  • Community Agencies

Discovery

Personas

I interviewed the project stakeholders to form initial personas for the primary user groups. I continued to refine them as new information was revealed through user research and testing.

Content Audit

SO MUCH CONTENT!

At the beginning of the project the stakeholders shared a wealth of potential sources of content spread across several Google drive folders and emails. It was hard to make sense of everything at first.

Spreadsheets to the Rescue

I found it helpful to map out each content item in a spreadsheet. From there I was able to categorize each item by type. Working with the project stakeholders we determined how each item fit with the priorities of each user group.

Content Mapped (to User Groups)

In addition to grouping the contents items by type I found it helpful to provide an overlay that indicates how the different user groups might prioritize this content.

Prototyping

The Pre-existing Site is Massive

This New Section is Small

The Site Map is Tiny

Designing Within CMS Constraints

OUSD’s website uses a custom flavor of the Blackboard CMS that includes a range of templates. Despite the variety, the templates are fairly restrictive in what they allow. Additional customization is possible …for a price (paid to Blackboard).

The goal of the current design approach is to strike a balance between making the most of the existing style and conventions while adding a minimum amount of customization for a maximum improvement in utility.

Wireframing in Sketch

One of the more visually complex content areas is the “Practitioner Resources” section. I find it helpful to include a thumbnail preview of each document. This leverages the power of our eyes to subconsciously differentiate between slightly dissimilar objects much faster than we could through reading the titles alone (which often sound confusingly similar).

High Fidelity Mockups in Sketch

I Like Sketch

It saved a lot of time to take the wireframes I’d already created and build directly on top of them to create a visually representative mockup with increasing fidelity.

Interactive Prototype (InVision)

Using the Craft plugin for Sketch I created an interactive prototype in InVision. This interactive prototype was instrumental in advancing the conversation with stakeholders, interviewing users, and performing usability test.

The current version of the prototype can be viewed here.

NOTE: this is a work-in-progress. Substantial edits are being made based on user feedback.

Testing & Feedback

Starting With Surveys

Interviews

Meeting People Where They’re At

I led a series of interviews with representatives from the various primary user groups. These conversations were invaluable to the project.

Key Findings

  • user groups prioritize content very differently
  • where a given child fits along the education path is a consistent frame of reference across user groups
  • the district needs better tools to help parents navigate early childhood education

Usability Tests

Test Highlights

  • use less words
  • more calls to action
  • clarify relevance of content sections for different user groups

Results

+ OUSD stakeholders love the progress

The project stakeholders have been overwhelmingly enthusiastic about the progress so far.

… the work continues

The project is ongoing with an estimated launch at the end of January, 2020.