Redesigning the BurgerKing Offers Feature

Design reccomendations based on usability issues on deliver offers flow.
Course: CGU Usabiilty Testing
Timeline: Oct 22 - Nov 22
Role: UXR + UXD
Team: Just Me!

The Project

This project is the final project for my Claremont Graduate University PSYCH 350 UX Interaction Design and Usability Testing course. I was tasked to select an experience, conduct usability test, and present my findings alongside any design reccomendations.

The Burger King App

The Burger King app functions as an ordering and menu app. Burger King app includes an "Offers" feature where users could find deals for delivery or pick-up.

Menu

Offers Feature

Home

Research Design

First, I needed to lay out clear research objectives and test plan.

The Research Question

What are some usability problems with the current flow for ordering delivery offers?

After exploring multiple flows within the app, I decided to test on the flow of ordering an offer for delivery. Below is the current flow.

The Business Request

BurgerKing wants to know if there are any usability problems when users order delivery offers.

I set up an hypothetical business request for the usability test. BurgerKing wants to find out if there are any usability problems when using the offers page, specifically when selecting an offer-eligible delivery.

Test Design

Setting up the usability test

How did I conduct the usability test? After setting up a research question, I set to flesh out a test plan including:

1. Test Date

Test spanned 7 weeks from Oct 27th 2022 to December 7th, 2022

3. Test Design

Single sample, experimental formative design
In-person moderated testing on prototype of experience

2. Test Methods

Qualitative Methods: user's behaviors are observed and coded into usability problems.

4. Key Metrics and Data Collected

Qualitative Data: User behavior & usability problems
Post-task UMUX Lite sacle collected for reference.

Defining hypothesis and variables

Hypothesis

H0:  We predict that there are no usability problems for users when ordering a delivery offer.
H1: We predict that there are usability problems for users when ordering a delivery offer.

Variables:

Dependent Variable: Type of Design Tested
Independent Variable: Usability Problems

Who did I test and why?

I tested 9 participants ranging 18-22 years old, convenience sample with no screening required. Majority of participants were students from the Claremont Colleges.

Sample Size Calculation:

With 9 participants, we are 90% confident to detect problems that will at least occur 25% of the time.

How did I test them?

Participant Task Design

Single-sample users are tasked to place a "delivery offer" of their choice using the prototype of the original experience.

User's are asked to think out loud and their actions are recorded then coded into usability problems.  

Research Findings

After conducting the test, here are the results.

Usability Problems

I found a total of 10 usability problems

After coding user behavior and sorting them into usability problem matrix, I categorized the problems and calculated their confidence interval.

Problems can be boiled down to 2 categories:

  1. Dissatisfaction with options
  2. Inconsistency and poor information communication

40% are problems of inconsistency and poor information

Some include difficulty understanding coupon requirements, inconsistent information across offer menus and offer items, and lack of information hierarchy in the checkout page. 

At least 30% of users have problems with

  1. Limited add-on options at checkout page
  2. showing irrelevant offers.

After conducting the adjusted wald confidence interval test on the percentage of users with these 2 problems, we are 95% confident that no fewer than 30% and up to 80% customers experience those 2 problems.

40% of the usability problems are related to inconsistency and poor information communication.

  1. Difficulty understanding coupon requirements
  2. Inconsistent information in offer menus and offer items
  3. Lack of information heirarchy in the checkout page
  4. Abbreviation and menu page unclearn

Redesign Based on Findings

After conducting the test, here are the results.

Check Out Page

Multiple Add-Ons

No fewer than 30% of users experienced dissatisfaction with Add-On Options.
We reccomend 1) standardizing warning box, 2) add browse menu option, and 3) multiple add-ons.

Original Check Out

Reccomended Check Out

Offers Page

Remove Pick-Up Options

Problem: No fewer than 30% of users experience showing irrelevant items—Pick-Up only items when users select delivery. I reccomend 1) remove pick-up only items or 2) adding header for visual heirarchy

Original Offers Tab

Reccomendation 1

Reccomendation 2

Offer Item Detail

Clear Offer Details

No fewer than 21% of users have difficulty understanding offer terms.
To fix this issue, here are some changes i made:

Original Offer Details

Reccomended Offer Details

Wrap-up

Executive Summary

Next Steps

After conducting a formative usability test and redesigning the offers feature tab, what's next?