s

05









Espresso
Vision












espressovision


Project Specs

2019・18 wks・Mobile App

My Role
Product Design Lead・Front-end Developer・UX/UI Design

Programs
Adobe XD, Sketch, Illustrator, InDesign

Tags
Research & Design・User Testing・CSS Coding・Computer Vision



Overview

EspressoVision is a mobile application created by a student innovation group at Spark UXD Fellowship Program. It inspires to provide coffee enthusiasts that use hand press machines, a way collect data from their daily coffee presses.

Context / Problem

My team’s objective was to find a digital and assessible fix for hand lever coffee machines to record personal press data. Our original project pathway was to create a universal application to all hand lever devices, but due to a strict project timeline, we narrowed down to one specific machine: the Flair Hand Lever Espresso Machine.

It is lightweight, portable, and inexpensive compared to some products by LaPavoni, Ponte Vecchio, or Astoria, which retail at around 800+ US dollars.

The problem statement we arrived to, and unanimously agreed on was:

“Espresso making is a difficult process for a home hand lever espresso maker, and applied pressure is one of the most important factors in that process.”

Role / Scope / Constraints

I joined EspressoVision as their main product lead, UX / UI designer, and occasionally assisted our technical lead with front end coding.

The span of the this project is about four months from planning to launch day. Because this is a side project for all team members involved, our priority is to devleop the product journey, and aim for a working application on IOS / Android by the end. 

Value Proposition

The Espresso Vision project helps espresso enthusiasts who want to improve the quality and consistency of their espresso by providing a low cost method to track pressure.

Product Info / Solution

Espresso Vision targets espresso enthusiasts that would like that perfect cup of espresso using a Flair hand lever espresso machine. While the machine cost around ~$200-400 in price for refurbished or new, many of the add-ons for taking the pull’s data is much more expensive. We set out to create an app that reads the Flair’s pressure gauge, and formulate your pull datas in a one place.

Product Goals

» Allow users to record video » an integral component of the process in providing more data for the user to improve their espresso quality or discover a new tasteful combination

» Send video to remote server for processing (generation of pressure data) » remote server running R allows faster development of algorithm

» Retrieve pressure data from remote server » have data sent back to app for viewing is faster, more manageable, and simplier for users to access; quicker than email, web login, or other platforms

» Store acquired data along with extra information provided by user » allowing users to provide additional information within app to contribute to more meaningful analyses

» Display “shot data” in a clear manner » a simple organized composition of the data will allow users to review their shot history and determine trends, progress, etc.

» Create an intuitive and accessible interface » neccessary for a complicated process; prove beneficial to users

Process

The first step we took after establishing the problem, solution, and direction, is filling in the parameters.

Pre-sprint Brainstorms



In this pre-sprint, our team mapped out the user journeys, main functions, and feasible features. A principal decision we had to make was whether to store the users’ datas internally on the phone or up on the cloud. It was initally set as internal storage, but  (1) if enthusiats were to keep the data there, their phones would run out of storage quite quickly, and (2) if enthusiats were to delete the data everytime they made a shot, it would be to much of a hassle for them to keep using the app.

So the final solution is to store the data in the cloud, and build the connection with React and AWS.



The main component in EspressoVision is utilizing computer vision to digitally read and record the angle of the pressure needle with geometry, speed, and frame of each image.

As a coffee shot is being pulled—aka as the lever is being pressed down—the camera would follow the needle and create a graph similar to a bell curve. 

Customer Profile / MVP

Primary Research ︎︎︎

Problem Interviews


Each problem interview lasted around 45 minutes with inquires including the person’s background / demographics, duration as a coffee drinker, their ranked importance in the coffee making process, and purpose.




How often?
» 100% drink coffee twice in a day

How long?
» 40% started drinking as teenagers; 40% started drinking as children; 20% started in adult life

Who do you make coffee for?
» 40% only make for themselves; 40% makes for themselves + family / friends; 20% makes for themselves + customershow to you drink coffee when travelling?
» 3/5 brings an aeropress with hand grinder / pre grinds; 2/5 use word of mouth to find best coffee shops; 2/5 brings their V60 coffee maker kit

What is your most important pain points (by rank)?
» person 1: grind size, temperature control, flow
» person 2: water quality, coffee quality, grind
» person 3: freshness of beans, grind size, dose
» person 4: temperature, grind size
» person 5: coffee quality, water quality, grind

What’s your purpose for making coffee?
» 5/5 say it is for experimentation; 2/5 for nostalgia; 3/5 for taste; 1/5 for ritual; 1/5 for rewarding feeling

Secondary Research ︎︎︎

Competitor Review  / Research




Decent Espresso and/or Rocket V60

Their problem claim:

Controls pressure / temperature of the water with a touch of a button, achieve precision in coffee making, and simulate professional machines


Their product/solution:

Product profiles the key components of espresso making using sensors to display and control values via tablet


Their audience:

Coffee enthusiasts who want to achieve professional coffee machine results; $2500 - $4500 price

Their value proposition:

Containts features for controlling the coffee making process, ones that are not seen in other machines; as well attributes that are only available in professional machines

Their focus:

Mostly for household use with opportunity in learning about espresso; also toward scientifically inclined users—since their product is a tool for experimentation and testing theories about espresso

Their strengths:

Excellent machine ergonomics; charming interface for profiling; control over extraction profile (highly accurate and reproducible); user can specify temperature, pressure, and flow rate throughout the extraction; real time extraction data

Their weaknesses:

Price deterence or difficulty with self servicing (though not a huge issue as their cutsomer support is very well rated)


Naked Portfilter


Their problem claim:

Grants all compatible espresso machies the ability to read pressure / flow (note: only seen in advanced, stat of art devices)

Their product/solution: 

An easy to use tool to record and improve espresso extractions by enabling repeatable pressure and flow profiling

Their audience:

Coffee enthusiasts who use either a vintage lever machine or a modern pump machine; they don't specify beyond that requirement; $400 device

Their value proposition:
It can be attached to regular hand lever coffee machines without the need to purchase a more high-end one. You can also collect data using your smartphone

Their focus:

Profile pressure and water flow in order to achieve repetability in the quality of espresso made

Their strengths:

The ease of set up and plug and play nature of the device

Their weaknesses:

Battery life lifecycle of device might not last that long with hot water in contact with the pressure transducer or near the battery

Custom Pressure Transducer


Their problem claim:

Data logging of continuous pressure

Their product/solution:

Direct conversion of pressure applied from piston to electrical values for data logging by a microcomputer or other processsing device to generate continutuously applied pressure values

Their audience:

Extremely technically confident individual with electronics understanding, and interest / ability to construct a pressure transducer by themselves

Their value proposition:
Continuous stream of data of pressure applied - core job

Their focus:

Troubleshooting or recreating espresso shots as well as repeatability and dialing in

Their strengths:

Continuous measurements, and depth of data (sensitivity of 1.0014 bar vs 1bar); enhanced ability to troubleshoot shots and record data

Their weaknesses:

Techincal requirements to build a custom solution; loose wires running off of the machine; not plug and play or easy to set up

Manual Journaling of Pressure


Their problem claim:

Discrete logging of pressure points

Their product/solution:

Manual tracking of applied pressure by the user while pulling a shot

Their audience:

Any espresso maker with sufficient understanding and knowledge of espresso principles; desire to track pressure as a variable (likely a hand lever user)

Their value proposition:
Pressure data points collected to hopefully troubleshoot or control variables (rougher than continuous)

Their focus:

Troubleshooting or recreating espresso shots as well as repeatability and dialing in

Their strengths:

Simplicity (current standard method when thinking about pressure in troubleshooting shots); free

Their weaknesses:

No a substantial view of the actual pressure being applied; leave out many other points in between each timestep

Assumptions / Validations




Initial Wireframes

In the rough drafts, the wireframes are sketched out to fulfill the MVP in our statement. Each iteration is provided by the feedback of espresso enthusiasts, and coffee barista.

RD Version 1


RD Version 2

Shotgun Method

This method is geared towards asking specific people (focusing on the quality of the person’s answer) rather than machine gun method (which is focused on the quantity of answers).

We tested on 5-6 participants for 30-60 minutes, and in addition to the coffee enthusiats interviewed, we were lucky to have the opportunity to have one of the product leads at Flair provide us some analyses.

Interview Insights

・Interviewed 5 coffee enthusiasts (1-45 year range of experience)

・Earlvangelists’ understanding of espresso principles deeply

・Interesting differences in making and tracking approaches and processes

・Pains - many different variables, early learning proces is continuous trial and error, and frustrating for many


Hi-fi Wireframes


Version 1


Final Version

Journey


Login

The user would have the option to sign in through Google, Facebook, or on the app itself. The onboarding process would be two videos demonstrating (1) how to use the app itself / its features, and (2) how to use the app in relation to your Flair hand lever espresso machine.



Navigation Bar


At the bottom of the app, there is a navigation bar that presents 5 connecting actions: home, settings, record, history, and favorites.

Home / Settings

Earlier versions of Espresso Vision did not contain a home button since the team were more focused on the workings of how users will access the history and data they want to keep, but as the project progressed, it was deemed a homepage was neccessary for an overview calendar, to collect notifications, and to retain tutorials in case users need a review on the features.



Adding a Shot


When a user desires to make a recording of their pull, the pre shot page offers them spaces to add data that can help with their experimentation, and calculation of averages on the history page.

The user will then rotate their phone to have the front-faced camera underneath the pressure guage. The actual recording will be taken with a stopwatch and button rotated counterclockwise to assist with positioning to the Flair. Afterwords, a post shot page serves as an additional chance to insert more information.




A major characteristic of the recording is that the rendering is NOT a live analysis of a presenting pull. The video would be taken simoutaneously as the pull, but it will take up to two minutes afterwords for it to process the data and create a graph for the history page.

Our intial intention was to have the feature preform in similiarity to the Snapchat recordings, but factoring in the time restraints and limited team meetings, our team decided to operate the best we can on each component of the app instead of focusing on one idea.


Hisory / Favorites

The idea of placing an infinity scroll on the history and favorites page, was that so the user can view more of their pull data than the overview calendar on the homepage; both the history and favorites would have filtered as most recent on top and less recent as the user scrolls up.



Guide

In addition to the application designs, I also put together a quick guide for EspressoVision.
 


Sample





Prototype

 




Skyler Tse © 2022