ip.png
 

PRODUCT: Instant Pot Smart

DATE: March 2018

MY ROLE: UX & Visual Designer

TOOLS: Sketch, Principle, Zeplin

 
 

Introduction

I’m loving the Instant Pot Smart pressure cooker that I received over the holidays. This top-rated and highly-capable cooker returns consistently great results from a culinary standpoint, but the so-so Bluetooth and smartphone companion app ultimately does not add value. I thought it might be a fun design challenge to see how can make the app experience better. Assuming it even needs an app. Design thinking will hopefully tell us.

Objectives

  1. Learn about the Instant Pot appliance and app, and its customers.
  2. Define the unique needs that this app might satisfy.
  3. Brainstorm ideas around how to satisfy these needs.
  4. Evaluate the effectiveness of the existing app in meeting these needs.
  5. Come up with some ways to make the app better.
  6. Build a prototype to test my ideas.
  7. Implement my ideas in final project form.
  8. Work as efficiently as possible (confine effort to 10 working days max).

Approach

Although I could have just as easily used a Lean UX approach, I opted for a design thinking approach for all these steps. The design thinking framework follows an overall flow of 1) understand, 2) explore, and 3) materialize. Within these larger buckets fall the 6 phases: empathize, define, ideate, prototype, test, and implement.

 
 
 Image Credit  NNGroup

Image Credit NNGroup

 
 

Why design thinking? Jakob Nielsen says “a wonderful interface solving the wrong problem will fail.” Design thinking unfetters creative energies and focuses them on the right problem to ensure we are building an app that addresses real rather than imaginary needs.

 
 
PHASE I

Empathize
 
 

Empathy is the foundation of design thinking and hopefully one of those indispensable traits we designers possess. In order to identify the right problems, we need to think and feel like the people we’re trying to help. This means getting to know them through interviews, observations and learning how they would possibly interact with your product. I needed to have the opportunity to learn about user pain points, motivations, and preferences in a very personal way. I started this step by conducting my research on two fronts: product research and customer research. As this app would function as a companion to a product, I needed to learn as much as I could about it.

 Image Credit:  EatWell101

Image Credit: EatWell101

1. product Research

First, I set out to learn as much as I could about the Instant Pot product and answer the following questions:

  • What is the product? How does it work?
  • What problems is it solving for consumers?
  • What are its chief competitors? How do they perform?
  • What apps are currently available to support the Instant Pot?
  • What apps do competitive products have? 

What is it? How does it work?

The first pressurized cooking pot was developed by a French physicist. It’s basically a pot with a tight-sealing lid and a steam valve, a pressure cooker traps the steam rising from the boiling liquid in the pot, which, in turn, raises the temperature at which that liquid boils. The higher temperature, combined with the pressure in the pot that forces the hot steam into the ingredients, cooks food much faster than traditional methods.

For a long time, stovetop pressure cookers were the only style available. As the name suggests, they’re heated on the stove,and set to high or low pressure. What makes this newest generation of electric pressure cookers different is that it is designed with a slew of self-regulating safety features, including sensors to monitor the unit’s temperature and amount of pressure. All you do is plug it in and tap a button, and it does everything else. It’s as user-friendly as a slow cooker—except that it gets dinner on the table a day or so faster.

 
 Image Credit:  Williams Sonoma

Image Credit: Williams Sonoma

 

This particular model—the Instant Pot Smart—has all of the features that the Instant Pot base model has—a pressure cooker, slow cooker, rice cooker/porridge maker, steamer, sauté/browning, yogurt maker & warmer. It also gives you additional information about what’s going on inside the pot also program and executes various functions remotely via a Bluetooth-connected smartphone app (iOS only). The cooker itself very ergonomic to use, with the large handled lid oriented to use a single hinge, and a center-mounted control panel with an easy to read LCD display.

It’s curious that Instant Pot chose Bluetooth over WiFi (given the range restriction of Bluetooth) and chose to create their own smartphone app (rather than adopting the popular WeMo platform used by other smart appliance makers). 

 The Instant Pot Smart Control Panel

The Instant Pot Smart Control Panel

What problems is it solving?

  • It multitasks. This single appliance has made cooking faster and more convenient—doing the job of a slow cooker, electric pressure cooker, rice cooker, steamer, yogurt maker, sauté/browning pan, and warming pot.
  • It saves space. It does the job of seven different kitchen appliances or tools freeing up counter space in the kitchen.
  • It saves time. The pressure cooker can cut cooking time in half. And because you are using one pot, there’s less time spent cleaning up.
  • It’s versatile. It can cook almost anything. 
  • It reduces your electric bill. It’s energy efficient. Swapping a slow cooker for an Instant Pot can save up to 70 percent electricity.
  • It’s relatively easy to use. There is a slight learning curve, however.

Who are its chief competitors?

The success of the Instant Pot has success has inspired competition from other kitchen appliance makers including Philips, Crock-Pot, and All-Clad. For the most part they are more expensive, less versatile, and less well-made. 

 Crock-Pot Smart Slow Cooker with WeMo. Image Credit:  Crock-Pot

Crock-Pot Smart Slow Cooker with WeMo. Image Credit: Crock-Pot

The Crock-Pot Smart Slow Cooker uses the popular WeMo application which gives you access to a variety of features. There are four main functions of the WeMo app. You can schedule, monitor, modify, and notify. This cooker is probably the closest competitor to the Instant Pot Smart with an app that genuinely useful. However, it is a slow cooker—not a pressure cooker. Remember, a pressure cooker can get much hotter, cook food faster, and can tenderize meats.

What are problems or known issues with the product?

This is a question that I do a deeper dive on during the customer research phase, but I did some digging on known issues with the Instant Pot—thinking that our app could potentially address or at least mitigate them for consumers. I spent a lot of time looking at reviews of the product online as well as the Instant Pot Community Group on Facebook. Here's what I discovered:

  • The Instant Pot interface is a little clunky and non-intuitive. It can be challenging to orient yourself and master the controls quickly.
  • Setting accurate cooking time was tough for some users
  • Closing the venting knob before cooking was forgotten by some users
  • The recipes included in the product manual kind of suck. Turns out that Instant Pot is notorious for this, so much so that it's rumored to be reworking its manuals.

What apps are currently available for the Instant Pot? 

Instant Pot has released a free iPhone app to support its Bluetooth-enabled Instant Pot Smart. The app consists of recipes, a grocery list builder, and “scripts” that you build and execute in order to operate the cooker.

 
 

The app is also a pretty ugly affair overall and gets very low marks in the iTune App Store for its appearance, functions, and performance. I received this appliance as a gift, but if I had spent the additional money to buy this “smart” version of the Instant Pot, I would be pretty upset.

 
 

The scripts are confusing and cumbersome to assemble and hardly save time or effort. The app only lets you write scripts for the following:

  • Heat for a period
  • Heat to a temperature
  • Heat to a pressure
  • Hold the pressure
  • Hold the temperature and pause

I can’t imagine there are a lot of use cases to support this feature. For the most part, I skipped the app and opted for controlling the cooker with the manual appliance controls. Hopefully, Instant Pot will address some of these issues in future releases but right now it's pretty bad. Let’s see if we can make it any better.

 
1-smart-app.png

2. customer research

 

With customer research, I like the principle of “Start the Design with Why” to clearly understand why users might need this companion app for the Instant Pot. I need to know what the users’ goals are and how they hope to achieve them. 

I hypothesized a set of interviewer objectives, defined a target audience, and drafted a list of questions before starting the interviews.

These will help me define job stories later that:

  • Map out actions for a particular goal
  • Identify issues that are associated with reaching that goal
  • Determine how to fix these issues
  • Make the route to that goal a lot easier for future users

Objectives

  1. Learn how users like to use the Instant Pot to prepare recipes
  2. Learn what behaviors an app might complement
  3. Learn what problems an app might address

Target Audience

Given that this was not a work project, but a personal one, I assemble a cohort of friends and family members that were cooking enthusiasts, kitchen gadget collectors, and pressure cooker users. I elected to interview different types of users—both male and female, with different level of experience in cooking, people with different familiarity with technologies, people who cook often and occasionally.

 
 My Workshop Participants Gather for Dinner

My Workshop Participants Gather for Dinner

 

User Study Workshop

We gathered together for a workshop session with one evening at my home. I made them dinner (using my Instant Pot, of course!) and then conducted an informal group interview using sticky notes to capture the results. I needed raw data from actual users including candid answers to some of my scripted questions, personal observations or insights, user quotes, and any “a-ha” moments that we experienced. We started with free-listing, then did some swap-sorting to order by priority, then dot-voting for our favorites.

Sample Workshop Questions

  • Do you use any recipe or cooking apps? What are your favorites? What do you like the most about them?
  • Do you have any smart appliances in your home? What are they?
  • How important are speed and efficiency when it comes to preparing food?
  • Do you struggle to find new dishes to prepare?
  • Do you prefer recipes on paper or on your phone or tablet?
  • Do you tend to repeat recipes are looking for new dishes to prepare?
  • Are you comfortable having a cooking appliance on while you are absent?
  • How important is remote operation to you (i.e., turning on an appliance from the office)
  • What features would be most important to you in an app that manages your Instant Pot?
 
 
this-one.png
 
 

Highlights

Here are some excerpts from the workshop. One pattern I noticed is that most users absolutely love the Instant Pot but almost universally loathe the companion iOS app.

 
 
 Some Customer Verbatims from Workshop

Some Customer Verbatims from Workshop

PHASE II

Define
 
 

Once I got all of the findings of my research and interviews in the form of sticky notes, I needed to get a better scope of the qualitative and quantitative data I collected. I needed some methodology to group them to better reveal potential highlights, patterns, or opportunities.

Affinity mapping

I used affinity mapping to find patterns in my observations and group them a little more logically. 

 

Affinity Diagram

 

KEY insights

I analysed the research results and noticed users similar behavior and pain points:

  1. Everyone was absolutely bonkers over the Instant Pot. They loved how easy it was to use, how well it worked, and they how versatile and efficient it was.
  2. At the same time, they hated the companion app—almost unanimously. In fact some user were resentful that they had paid an additional $100 for the Bluetooth-enabled Instant Pot when those capabilities hardly justified the added expense.
  3. Lots complained about the lack of recipes and recipe management within the app. One user who uses a Pinterest board to save their recipes, wondered if it would be possible to add them to the Instant Pot app (Pi.
  4. Users liked how the app displayed data on temperature, and let you adjust parameters such as cooking time, but found the Instant Pot scripts cumbersome to use—preferring to just use the manual controls on the Instant Pot itself.
  5. One user pointed out how it was odd that Instant Pot opted for Bluetooth over WiFi—given the range restrictions of Bluetooth (30 ft. max). It would be a huge convenience to operate the cooker from outside the home—say the office—rather than just the couch. Especially given that most smart electric crock pots have this feature as standard.
  6. There aren't really use cases to support a lot of the features on the app. Building scripts to control the Instant Pot remotely, for example. And the high need use cases (like turning on the cooker remotely) were not addressed at all.

PersonaS

Based on the results of my research, two persona types emerged that I defined as primary and secondary personas for target users. The primary persona was a cooking enthusiast that demands control and precision from her cooking appliances—but not particularly technology savvy. The second was a tech enthusiast and a smart home devotee, but not much of a cook. I like to use Xtensio’s User Persona Creator to build my personas.

 

Primary Persona

 

Linda is the chef here. She really loves cooking, discovering new recipes to make, and loves to fine-tune her recipes over time. She loves the precision the Instant Pot offers and loves how she can adjust things like temperature during cooking.

 

Secondary Persona 

 

Sam is not what you would really call a “foodie.” He hates cooking, but as a fitness nut, understands the importance of good nutrition. He loves how efficient and convenient the Instant Pot is. It saves him a ton of time, it’s easy to use and clean, and he gets a great, tasty meal every time. He’s comfortable with tech and would really love a feature that would let him turn on the Instant Pot before he leaves work.

Customer journey map

Now that we’ve defined our personas, it’s time to follow one of them on a little journey and create a customer journey map. This will help us visualize the whole spectrum of the customer experience of the Instant Pot cooking experience, define some possible brand touch points where the app might add value, and understand additional possible obstacles and pain points.

 

Customer Journey Map for Primary Persona

job stories

 Image Credit:  Intercom

Image Credit: Intercom

 

I don’t really like using user stories. I prefer job stories. It’s pointless to try and make a product better without ever understanding why customers make the choices they do. Customers don’t simply buy products or services. They “hire” them to do a job. That job is not just about function (cooking a nice dinner) but about creating the right set of experiences for customers. Those experiences have social and emotional components that may be even more powerful than the functional ones. Job stories help me map out those experiences.

 
 

Some Sample Jobs Stories

PHASE III

Ideate
 
 

With the ideation phase, we can begin to brainstorm a range of ideas that address the unmet user needs we identified in the previous phase. Based on these observations and insights, I brainstormed a preliminary list of features. This is obviously a lot to parse and needs to be prioritized so we can create a viable product roadmap in a future phase.

Feature Matrix

 
 
 
 

Red Route Approach

I used a red route approach to outline critical features captured by the key personas. It helped me to concentrate on the main features of the app that users really need.

I shared the feature matrix with the original workshop participants and asked them to prioritize these features by the frequency of use and importance to build a red route table. Mapping out the red routes helped me to determine what features are the most important for users.

 
 

Red Route Mapping

 
 

User Goals

So I settled on five main goals that are crucial for Instant Pot users:

  1. Find recipes to cook in the Instant Pot
  2. Build shopping lists from recipes that can be managed
  3. Allow some base Smart Pot remote functions (temperature, pressure, cooking time)
  4. Offer monitoring of the Instant Pot while operating
  5. Help me if I have questions along the way

Certain features that are prioritized in the current Instant Pot app (such as recipe scripting) were very low-ranked by users. It’s a great example of how important is to uncover real users needs instead of just assuming them. Certain other requested features (i.e., ability to turn cooker on from the office via Wifi) had technical engineering dependencies that would have to wait until a later MVP.

 
 

Defining the MVP

We did a great job understanding customer needs, pain points, and goals. We brainstormed some features to potentially address those needs and prioritized them. Of course, we can't (nor should) include all of the features in our first release of the app. Most would go into a backlog. So how do we define our first MVP? Remember, we want to include the smallest set of features that delivers the highest value for our users.

Story Mapping

I like to use story mapping do this, leveraging some of the user journey work we did previously.

 

Story Mapping Diagram

 
PHASE IV

Prototype

I created a paper prototype to test my design ideas with my informal user friends & family user group. As tempting as it is to jump right into high-fidelity wireframing, I always have a great experience with paper prototyping and I was amazed by its benefits. It’s a great tool to test an app’s navigation and workflow, create a rough layout and quickly test your ideas.

 

Some Early Pencil Sketches

 
PHASE V

Test

Testing with Paper Prototype

After creating a paper prototype, I conducted a user testing to validate my ideas. I gave the participants a tas k: “Imagine that you came arrived home from work and want to make dinner using your Instant Pot Smart using the app.” I watched their behavior and took notes. 

I asked the participant to speak aloud while performing the task. I noted all my observations on the stickers —one observation per sticker. Then I used the affinity mapping method to find similarities among my observations and to group them.

Wireframes

After analyzing the test results, I felt enough validation around my assumptions to move it was time to move onto wireframes for additional testing and user group feedback. I used Platforma’s wireframe stencil kit for mobile to save time and began assembling the wires in Sketch.

 
 My Sketch Artboards

My Sketch Artboards

Wireframe Details

 

Functional Prototype

Happy with the wireframes I developed, I moved into a functional prototype for further user testing and feedback. I used Mockingbot to create the first iteration of the prototype including my findings. This app has an awesome feature — it allows you to view the links between screens. It’s a good way to improve the navigation map of your product. MockingBot also integrates nicely with Sketch, so I can quickly import my visual design mockups back into MockingBot if I choose to. 

PHASE VI

Implement
 
 

visual design

After testing my prototype yet again with my amazingly generous friends & family user group (I think I owe these people another dinner), I started working on the visual design of the app. This is totally my wheel house, so I was eager to get started. But before I did, I spent some time on the Instant Pot website to get a firm grounding in the company’s branding and visual identity.

Visual Language

I then put together a visual language guide to help guide my visual design of the app. This will form the basis of a style guide deliverable later.

 
 
visual-design-toolkit.png
 
 

App Icon Designs

App icons are kind of like a visual anchor for a product, a tiny piece of branding that not only needs to look attractive and stand out but ideally also communicate the essence of your app to the customer. Here are some of the app icon designs I explored. I felt like the red colored "O" from the logo was visually distinct and interesting and perhaps could serve well as a unique visual device for the icon.

 
 

App Icon Design Explorations

 
 

Early Visual Design Concepts

These are some of the early visual design explorations. Once I get all of the flats done, I will move them into Principle and start building a tighter functional prototype for more user testing. Stay tuned for more updates!

 
1.png
4.png
7.png
2.png
5.png
8.png
Visual -3.png
6.png
7.png