Airfryer Interface Redesign

Airfryer Interface

Redesign

Airfryer Interface

Redesign

Airfryer Interface

Redesign

Airfryer Interface

Redesign

Eliminating Confusion &
Improving Efficiency

Eliminating Confusion &
Improving Efficiency

Eliminating Confusion &
Improving Efficiency

Role

UX Designer

Team

2* UX Designers

1* Industrial Designer

Tools

Figma

Figjam

Time

2 Months

Role

UX Designer

Team

2* UX Designers

1* Industrial Designer

Tools

Figma

Figjam

Time

2 Months

Role

UX Designer

Team

2* UX Designers

1* Industrial Designer

Tools

Figma

Figjam

Time

2 Months

Role

UX Designer

Team

2* UX Designers

1* Industrial Designer

Tools

Figma

Figjam

Time

2 Months

Role

UX Designer

Tools

Figma

Figjam

Team

2* UX Designers

1* Industrial Designer

Time

2 Months

tl;dr:

tl;dr:

tl;dr:

Conducted 2 rounds of user interviews & usability testing and a co-design workshop which:

Conducted 2 rounds of user interviews & usability testing and a co-design workshop which:

Conducted 2 rounds of user interviews & usability testing and a co-design workshop which:

119s

119s

119s

avg. baseline

error rate

avg. baseline

error rate

→

→

43s

43s

43s

in prototype

evaluation

in prototype

evaluation

Improved Interface Configuration Latency

Improved Interface
Configuration Latency

Improved Interface Configuration Latency

caused by Confusing Layout and Functions

caused by Confusing
Layout and Functions

caused by Confusing Layout and Functions

87.5%

87.5%

87.5%

baseline

error rate

baseline

error rate

→

→

0.0%

0.0%

0.0%

in prototype

evaluation

in prototype

evaluation

Eliminated Signifier Failure Rate

Eliminated Signifier
Failure Rate

Eliminated Signifier Failure Rate

caused by Ambiguous "M" Button assigned to presets

caused by Ambiguous
"M" Button assigned to
presets

caused by Ambiguous "M" Button assigned to presets

68.8%

68.8%

68.8%

baseline

error rate

baseline

error rate

→

→

0.0%

0.0%

0.0%

in prototype

evaluation

in prototype

evaluation

Eliminated Violation of User Locus of Control

Fixed Violation of
User Locus of Control

Eliminated Violation of User Locus of Control

caused by Accidental Auto-Start

caused by Accidental
Auto-Start

caused by Accidental Auto-Start

The Problem

The Problem

The Problem

Undesirable features along with insufficient labels and icons over populate the interface causing friction in primary task of air-frying food.

Co-designed with 11 participants to reduce task completion on average by 80%

Co-designed with 11 participants to reduce

task completion time by 80% on average

Co-designed with 11 participants to reduce

task completion on average by 80%

1st Round of Testing

Usability Testing & Interview (n=16)

1st Round of Testing

Usability Testing & Interview (n=16)

1st Round of Testing

Usability Testing &

Interview (n=16)

Objectives

Objectives

Objectives

Identify areas of friction

Identify areas of friction

Usability Task

Usability Task

Usability Task

Cook a puff in the air fryer by following instructions on the package

Cook a puff in the air fryer by following instructions on the package

Identified Problems (n≥5)

Identified Problems (n≥5)

Identified Problems (n≥5)

  1. Preset button Issues (n=14, 87.5%)

  1. Preset button Issues (n=14, 87.5%)

"There's an M. I don't know what M means... Touching M didn't do anything... The M is sort of mystery. Maybe it's a mystery button."

"There's an M. I don't know what M means... Touching M didn't do anything... The M is sort of mystery. Maybe it's a mystery button."

"Well, I just I still don't know what the M is, so I'm going to give it a three... What do you think the M does? I literally have no idea."

"Well, I just I still don't know what the M is, so I'm going to give it a three... What do you think the M does? I literally have no idea."

"I do not know what the M does. The icon that says M on it. And because the fact that the system seems to be working right now, I do not want to interfere with it."

"I do not know what the M does. The icon that says M on it. And because the fact that the system seems to be working right now, I do not want to interfere with it."

Observation

Observation


Observation


Users spent a lot of time

figuring out use of "M"

button

Users spent a lot of time

figuring out use of "M"

button

Users spent a lot of time

figuring out use of "M" button

Inference

Inference


Inference


"M" button was too vague

"M" button was too vague

Impact on Design

Impact on Design

Presets need clearly

labelled buttons

Presets need clearly labelled buttons

Presets need clearly labelled buttons

  1. Power/Start Button & Auto-Start Issues (n=11, 68.8%)

  1. Power/Start Button & Auto-Start Issues (n=11, 68.8%)

"With my previous experience with an air fryer, you have to confirm before you let it turn on."

"With my previous experience with an air fryer, you have to confirm before you let it turn on."

"I thought I was going to set the time by clicking it first, but that wasn't it. And also, it started going without me... I didn't really like that. It kind of did it without me."

"I thought I was going to set the time by clicking it first, but that wasn't it. And also, it started going without me... I didn't really like that. It kind of did it without me."

"Where's the press start button, right? Where can I press start to make it start cooking? Because it just starts by itself..."

"Where's the press start button, right? Where can I press start to make it start cooking? Because it just starts by itself..."

Observation

Observation


Observation


Participants had a hard

time finding a cook/start

button

Participants had a hard time finding a cook/startbutton


Fryer Auto start causes

panic in User

Fryer Auto start causes panic in User

Inference

Inference


Inference


The existing power button

acts as both power and

cook button

The existing power button acts as both power and

cook button

There is a set time after
which the Fryer Auto-Starts

There is a set time after which the Fryer Auto-Starts

Impact on Design

Impact on Design

Have separate cook and

power buttons


Have separate cook and power buttons


Have separate cook and

power buttons



Remove Auto-Start to give

ample time to set

preferences

Remove Auto-Start to give ample time to set preferences

  1. Time & Temp Button Issues (n=6, 37.5%)

  1. Time & Temp Button Issues (n=6, 37.5%)

"At first I was kind of confused cuz the first thing I saw were the plus minus buttons on both sides... I had to look closer to see like the timer and then the temperature."


"At first I was kind of confused cuz the first thing I saw were the plus minus buttons on both sides... I had to look closer to see like the timer and then the temperature."


"The clock is not lit up. The temperature is not lit up. Pretty much only the buttons to adjust things are lit up... you would just be hitting random plus and minuses."

"The clock is not lit up. The temperature is not lit up. Pretty much only the buttons to adjust things are lit up... you would just be hitting random plus and minuses."

"I noticed the lights first. I didn't quite see the clock and the temperature. So I saw two pluses and two minuses and was at first... cuz I didn't make the connection yet."

"I noticed the lights first. I didn't quite see the clock and the temperature. So I saw two pluses and two minuses and was at first... cuz I didn't make the connection yet."

Observation

Observation


Observation


User had a hard time

locating and got confused

when adjusting the time

and temperature

User had a hard time locating and got confused

when adjusting the time and temperature

User had a hard time locating and got confused

when adjusting the time

and temperature

Inference

Inference


Inference


The plus and minus icons

were lit up making the unlit

labels hard to read

The plus and minus icons were lit up making the unlit labels hard to read

Impact on Design

Impact on Design

Highlight the labels

Highlight the labels

Revised Problem Statement

Revised Problem Statement

Revised Problem Statement

Vague "M" button, power button being assigned 2 functions, auto-start and inappropriate labels on time and temp buttons cause confusion and panic adding friction when using the airfryer.

Co-designed with 11 participants to reduce task completion on average by 80%

Co-designed with 11 participants to reduce

task completion time by 80% on average

Co-designed with 11 participants to reduce

task completion on average by 80%

1st Prototype

1st Prototype

1st Prototype

Decisions

Decisions

Decisions

  1. Removed "M" presets button

  1. Removed "M" presets button

  1. Removed Autostart

  1. Removed Autostart

  1. Separated Power & Start/Cook button

  1. Separated Power & Start/Cook button

  1. Added Labels to Time and Temp stepper buttons

  1. Added Labels to Time and Temp stepper buttons

  1. Increased area of interface to accomodate UI elements

  1. Increased area of interface to accomodate UI elements

2nd Round of Testing

Participant C0-Design (n=13)

2nd Round of Testing

Participant C0-Design (n=13)

2nd Round of Testing

Participant C0-Design (n=13)

Objectives

Objectives

Objectives

Understand user perspective when designing their own airfryer interface

Understand user perspective when designing their own airfryer interface

Understand user perspective when designing their own airfryer interface

Common trends (n≥4)

Common trends (n≥4)

Common trends (n≥4)

  1. Larger, Rectangular Grid Display (n=13, 100%)

  1. Larger, Rectangular Grid Display (n=13, 100%)

User Reasoning

User Reasoning

To better accommodate the
elements

To better accommodate the
elements

Inference

Inference

Inference


The previous display was

too small to accommodate
desired buttons

The previous display was too small to accommodate
desired buttons

Impact on Design

Impact on Design

Increased size of display

Increased size of display

  1. Separately displayed Time and Temp (n=12, 92.3%)

  1. Separately displayed Time and Temp (n=12, 92.3%)

User Reasoning

User Reasoning

To eliminate any chances

of confusion when selecting

time & temp

To eliminate any chances of confusion when selecting time & temp

Inference

Inference

Inference


Having a single display

switch between time &

temp causes confusion

Having a single display switch between time &. temp causes confusion

Impact on Design

Impact on Design

Have separate time & temp

displays


Have separate time & temp displays

  1. Power and Start Button Position (n=9, 69.2%)

  1. Power and Start Button Position (n=9, 69.2%)

User Reasoning

User Reasoning

The power and cook buttons

were placed centrally and at
the bottom for better reach

The power and cook buttons were placed centrally and at the bottom for better reach

Inference

Inference


Users prefer having the power and cook button together rather that apart

Users prefer having the power and cook button together rather that apart

Impact on Design

Impact on Design

Moved the buttons together

and at the bottom, centrally

alligned

Moved the buttons together and at the bottom, centrally aligned

Opposing Trends

Opposing Trends

Opposing Trends

Single vs Separate Power/Start Button

Single vs Separate Power/Start Button

Usability Testing (Do) (n=11)

Usability Testing (Do) (n=11)

Need separate power and start button

Need separate power and start button

Co-Design (Say)

(n=7)

Co-Design (Say)

(n=7)

Have only power button

Have only power button

Decision


Decision

Have separate buttons for
separate functions

because users prefer them

while actually using the

airfryer

Have separate buttons for separate functions because users prefer them while actually using the air fryer

Decision

Have separate buttons for
separate functions

because users prefer them

while actually using the

airfryer

2nd Prototype

2nd Prototype

2nd Prototype

Decisions

Decisions

Decisions

  1. Separated Time and Temp displays

  1. Separated Time and Temp displays

  1. Moved power and start button to the bottom

  1. Moved power and start button to the bottom

  1. Added Preset buttons with labels and icons for quick identification

  1. Added Preset buttons with labels and icons for quick identification

Next Steps

Next Steps

Next Steps

  1. Test again for further problem identification

  1. Test again for further problem identification

Learnings

Learnings

Learnings

  1. Further breakdown usability tasks as milestones to more precisely indentify the area of friction

  1. Further breakdown usability tasks as milestones to more precisely indentify the area of friction