SOFTWARE REDESIGN

Grist Analytics

Redesigning the packaging feature of a brewing analytics software to increase flexibility for various use cases
My Role
UX Researcher
Product Designer
Tools
Figma
Miro
Zoom
Timeline
6 months
Company
Grist Analytics

Background

Jumping in...

Grist Analytics is a start-up in Boulder, Colorado that focuses on optimizing the fermentation process for breweries of all sizes. The software is currently being used in five countries in both small craft breweries and large international brewing corporations. When I joined this project, the Grist Analytics team had already conducted user research and identified major pain points with the packaging feature of the software. I was brought up to speed on their findings and began my work with defining the problem and key user flows.

Focus on packaging

Issues with the packaging feature

In addition to fermentation data, Grist Analytics software also provides brewers (users) with the ability to record and store important data during packaging. This data includes volume depletion from brew tanks, total amount packaged of each packaging type (12 oz cans, kegs, barrels, etc), and measurements taken during packaging (can seam pressure, CO2, temperature, etc). Google Analytics revealed that most users rapidly bounce off the packaging page. Those that try to use the feature, abandon the process mid-data entry. User interviews helped us gain a qualitative understanding of user complaints. Images below show the original design along with key complaints.

Complaint #1

Users can only start packaging from one place

Initially, users were only able to start packaging on one brew tank at a time from one place within the software, the Packaging Page.

Result #1: The redesign will allow users to start packaging from multiple locations within the software.

Result #2: Brewers will be able to start packaging "events" on multiple tanks simultaneously.

Complaint #2

Measurement options crowd the screen

When brewers took measurements during packaging, their dashboards would populate with up to fifty columns for data entry. Users reported that the software was unable to handle measurement input on all fifity categories simultaneously.

Result: Measurements will be broken down into "Measurement Sets" to reduce the number of options users view on their screen at a given time.

Complaint #3

Users have specific needs

Every brewery packages their product in different packaging types and corresponding volumes. Restricting packaging types limits the amount of users who could benefit from the packaging feature.

Result: Users will be able to create their own packaging types and set unique corresponding volumes.

Complaint #3

Users want to see historical values

Brewers want the ability to compare packaging measurement data to historical values in real time. This information would help them improve quality and yield over time.

Result: Brewers will be able to see how current measurements compare to historical data along with the standard deviation within each measurement while packaging.

Problem Statement

Articulating user pain points and frustration

Users need a way to easily access and navigate the packaging feature, take measurements and compare their results to historical data points because this will improve their experience with the software and lead to increased use of the packaging feature.

Information Architecture

Mapping out essential user flows

The Grist Analytics team shared the user feedback and research with me and communicated initial ideas for the information architecture of the new packaging feature. From our conversations, I came up with task and user flows.

Overall Task Flow: Start packaging events from multiple locations and conduct measurements on those events.

User Flows: User flows were created to accomplish all project goals.

User Flow #1

Edit Packaging Settings

Allows users to create distinct packaging types, assign units of volume and create measurement sets.

User Flow #2

Create new packaging event

Allows users to start packaging and taking measurements on multiple tanks simultaneously from the Cellar Overview.

User Flow #3

Take Measurements

Creates a seamless way for users to take packaging measurements and compare them to historical data in order to make timely adjustments.

Moving Grist towards a design system

Working inside constraints

When I joined the Grist team, the software engineers had been responsible for all  product design and had not created a comprehensive design system. This led to some outdated design patterns as well as inconsistency across the platform. In addition to redesigning the packaging feature, the CEO asked me to begin development on a comprehensive design system that would modernize their existing brand and help enforce consistency across the software.

Turning sketches into prototypes

Before starting any digital work, we spent weeks sketching out different design patterns to best meet user needs. This process involved constant collaboration with back and front-end developers to ensure we were designing within technical constraints. Over time, these sketches turned into low, then mid-fidelity wireframes that were A/B tested with a handful of willing breweries using Zoom.

Step #1

Ideate through sketching

After we established the user flows that would help us rearealize our goals. I started sketching different layouts for each flow. I always refine my sketches and take lots of notes before bringing them to the CEO and software engineers for feedback prior to creating initial mockups.
Step #2

Mid-fidelity
Mockups

Mid-fidelity mockups were created for each user flow. These mockups were made to A/B test with the same batch of brewers that were used during the interview phase.
User Flow 1: Edit Packaging Settings
For the first user flow, we wanted to know if the user would prefer an open or nested format. Therefore, two prototypes were created for testing. Option A shows distinct pages for the Packaging and Measurement types and Option B shows the them on the same page.
OPTION A: Nested Layout
OPTION B: Open Layout
User Flow 2: Create new packaging events from various locations
During our ideation phase, we thought users might enjoy being able to package directly off of the Cellar Overview page. We were curious if users would be interested in packaging from other locations as well or if this would leave to more confusion.
Packaging from Cellar Overview
Creation of New Packaging Log Page
User Flow 3: Take measurements on packaging events
One of the key complaints about the original packaging feature was how crowded the screen became when brewers attempted to take measurements on each packaging event. Our solution was to chunk packagement measurements into measurement sets. With this tool, users can define measurements in unique sets (pre-packaging, quality control, etc). Users have the freedom to create as many sets as they like and can include up to ten measurements in each set. It was essential to test this idea with users before we began development.

Does it work? 

A/B Testing with Users

After creating the mid-fidelity frames shown above, we took our ideas back to users to get feedback on the new features. We conducted four interviews with the original research participants over Zoom.

Current Iteration

Users loved the new UI and accessibility of the packaging feature

Overall, users loved the new capabilities of the packaging feature. They enjoyed the   interface design noting that it was more "user friendly and intuitive." Additionally, they loved the flexibility of being able to create and edit packaging events from the Cellar Overview. And, as always, user testing left us with some great takeaways for improvement.

Data Collection

Advanced Measurement Tools

Users can efficiently collect data and receive real-time comparisons to historical values with measurement sets
Refreshed User Interface

Modernized Design Patterns

The creation of a design system, as well as a more modern fresh look has increased the enjoyment users report from using the platform.  
Flexibility

Customizable data collection allows flexibility

The ability for users to define their own packaging types, measurements sets and units of measurement allows the software greater versatility.

Explore other work

Fitfind
Sage
NYT Games