Getting To Know Our Client
Engaging our client, setting expectations, asking the right questions and listening is a most critical step in getting the job done right.
Interviews and Testing
We interviewed a veteran educator, and conducted usability tests on the current platform using that person as a participant.
We sampled a handful of similar products and experiences, took screenshots and used the insights in a design studio to generate ideas and create our final solutions.
We presented our task, process, and solution to the entire hackathon.
Every one of the 9 teams presented a compelling redesign for their client, but we were chosen as the winners.
Our work mattered to our audience
My initial queries as mentioned above produced compelling stories about how folks in this kind of situation felt. Many were carrying deep feelings of shame, anxiety, and had concerns around trust regarding the personal and sensitive nature of the questions. After all, their health, family, job, and freedom were hanging in the balance with this assessment experience as a crucial diagnostic tool, and court-mandated program.
We were given a lengthy paper assessment, and had to determine a way to break it up into logical chunks, to make the steps clear and reduce cognitive load.
I spent some time putting together a wireframe mockup of the layout, and created guides for typography and UI signifiers for progress rate and completion.
Early stage wireframe.
Some of the original colors chosen didn't hold up when checked for accessibility, and I made clear notes once colors were chosen that did pass WCAG 2.0 guidelines.
With color guides in place, we moved into designing at a higher fidelity.
After a period of time, the developer and I began to notice an increasing difference in our output, as shown below.
We met and quickly reviewed options for making handoff of design to development clearer, and more efficient. We chose Zeplin, a cloud-based plugin for Sketch that would always have the most up to date version readily available for all.
Examples of various screens. This is an idea of what the project looked like after launch.