Table of Contents

Overview

Design

Since this was the first time a product attempted to parse, understand and visualise state court judge decisions, I led design activities to make sure we got design right. These design activities included:

These are some of the activities that I did during the design phase of the SDLC

Collaborative Design

Facilitated workshops to generate multiple ideas and capture our personas' mental models.

Facilitated workshops to generate multiple ideas and capture our personas' mental models.

Sketches

Sketched a solution that consolidated ideas from collaborative design into one single solution.

Sketched a solution that consolidated ideas from collaborative design into one single solution.

Wireframes


Developed low-fidelity clickable versions of our sketches using Balsamiq.

Developed low-fidelity clickable versions of our sketches using Balsamiq.

Comps

Created individual wireframes in Sketch and uploaded to Zeplin to communicate to the Dev team.

Created individual wireframes in Sketch and uploaded to Zeplin to communicate to the Dev team.

Usability Testing

Tested each fidelity level (sketch, wireframe and comp) before we moved on to the next. This gave us certainty of success.

Tested each fidelity level (sketch, wireframe and comp) before we moved on to the next. This gave us certainty of success.

Design System

Created a design system in sketch that allowed us to reuse components across multiple wireframes to maximize consistency.

Created a design system in sketch that allowed us to reuse components across multiple wireframes to maximize consistency.

High Fidelity Feature Comps (as seen in the product)

I created these wireframes in a workflow that used tools like Sketch, Photoshop and Zeplin, and are currently the production version of Gavelytics' Look and Feel.

Judge Information

Allows litigators to get to know their judge in a snapshot.

Allows litigators to get to know their judge in a snapshot.

Motion Analyzer

Final version of the Motion Analyser. Allows you to find what kind of motion was filed before a given judge, filing party and outcome as compared to the rest of the county.

Final version of the Motion Analyser. Allows you to find what kind of motion was filed before a given judge, filing party and outcome as compared to the rest of the county.

§170.6 Analyzer

See how many times a judge has been dinged as compared to the rest of the county, and also find out who was the replacement.

See how many times a judge has been dinged as compared to the rest of the county, and also find out who was the replacement.

Ruling Database

When the motion analyser allows you to find out what happened, the ruling database allows you to find out why that happened.

When the motion analyser allows you to find out what happened, the ruling database allows you to find out why that happened.

Process

Collaborative Design

In order to understand the user’s mental model of what a solution should be, I periodically sourced and organised collaborative sketching sessions with our personas, where we pitched the high-level problem we had, fleshed it out a bit more through a brief discussion, and started sketching through a design-thinking activity called Design Studio (or Charade), where people get to rapidly iterate designs until they reach an acceptable design maturity.

CEO & Founder explaining the problem to be solved. This is the first step taken to understand what a design solution should solve.

CEO & Founder explaining the problem to be solved. This is the first step taken to understand what a design solution should solve.

Divergent thinking – first round of design. During this phase, people individually generate sketches according to their own mental models.

Divergent thinking – first round of design. During this phase, people individually generate sketches according to their own mental models.

Presentation of divergent solution. -Solutions are explained, while the audience take notes on those things that could be helpful to enhance their own designs.

Presentation of divergent solution. -Solutions are explained, while the audience take notes on those things that could be helpful to enhance their own designs.

Emergent thinking – second round of design. This round of design consists of stealing ideas from others and incorporate them into your own design

Emergent thinking – second round of design. This round of design consists of stealing ideas from others and incorporate them into your own design

Convergent design – sketch

  1. During the presentation of the second round of design, as patterns start to appear, I start jotting them down paying attention to the following: