In This Series: Studying the Usability of Fast Food Ordering
- Fast Food Usability Series: Wendy's Case Study
- Fast Food Usability Series: Burger King Case Study
This is part one in a multi-part series on usability issues with fast food eCommerce websites. We visited fast food restaurants to test how real-life users experience ordering through their websites. In each part, we'll highlight the usability problems (and possibly some successes) we discovered while performing guerrilla user testing(1) at popular fast food restaurant locations.
We'll also offer suggestions on improving each website for higher conversions and customer satisfaction.
Why Study Restaurant eCommerce?
Restaurant eCommerce ordering is worth studying for a variety of reasons:
-
Restaurants have some of the highest conversion rates in the industry(2), making them easier to study because their user base is very motivated to complete a transaction.
-
Restaurants have complex menus with many options, bundling, and pricing configurations.
-
Restaurants require users to select a store location and often choose between pickup or delivery options, which adds steps and complexity to the checkout flow.
-
There are a tremendous amount of different restaurants and design solutions to compare.
With this series, you will learn from fast food’s successes and failures. Let's get started!
Case Study: Wendy’s
For part one of our series, we studied users ordering at http://wendys.com. By testing and evaluating how users navigate the site, we will discuss some of the biggest problems and show some suggestions on how each issue could be solved.
Usability Issue: Unclear Call To Action
The first usability issue is unclear call-to-action buttons on Wendy's home page. The CTA buttons are placed very close together, creating the opportunity to pick the wrong one, slowing users and preventing them from completing their transactions.
Highlighted in yellow are the two call-to-action buttons on Wendy's home page that appear visually the same. The two CTA buttons are so similar that they confuse the users as to which button is the quickest path to order. The CTA buttons' proximity and similar visual style slow order progress and lower conversion rates.
Solution: Better Placement
KFC's site shows a better competitive example of how to solve the issue. KFC's home page displays a better placement for the CTA button. Following UX best practices(3), KFC has designed a CTA button reachable by thumbs and presents a clear sales path for users to follow.
Following KFC's example, Wendy's can remove confusion and guide users to the next step in the food ordering process.Usability Issue: Full Page Loading Screen
A repeating animated loading screen opens when a user picks either CTA button from the home page. This animation fails to offer any helpful feedback and only slows the users' ordering process.
Solution: Remove Extra Step
A better solution would be to remove the animation screen and send users directly to the next page. This issue can be corrected by better Front-end engineering practices and asynchronous loading of resources.
Usability Issue: Hidden Promotion Value
Wendy’s forces users to register before showing the promotions they might receive. When users select the Offers button at the top of Wendy's menu, they are sent to a new modal screen asking them to sign up for rewards and exclusive offers. However, the site fails to list what offers the users will receive for completing this action. When all the user wanted was to view the special offers.
Wendy's screen shows the user there are offers available, but it does not display what the offers are or what a user will receive for signing up.
Watch a short clip of a user trying to navigate to the Offers, but they quickly abandon exploring the promotions when they see the registration page.
Wendy's mistake is when they fail to supply information about the specific offers or deals(4), causing user hesitation and confusion.
Solution: Descriptive Text
Let's take a look at another competitive example. Arby's registration page shows how descriptive text can move users quickly through the ordering process. Arby's displays the offer above the registration section, allowing a quick understanding of the form's goal and its value to the user.
Wendy's could have used descriptive text to better position the benefit of registering for offers. A better description of the offers would reduce user hesitation and improve the ordering flow.
Usability Issue: Lagging Response
Responsiveness is another usability issue on Wendy's site. The video below shows the lag in the system response to a user's action. The delay between selecting a button and the interface updating is confusing to users and slows the conversion process.
The following two videos show users' confusion over the slow response when trying to build a combo.
The first video shows the user closing the drink selection instead of continuing with the selection.
The second video shows an incorrect “double tap” because the user didn’t realize the first click began to change the page.
This issue occurs when a user chooses to create a combo from any page. The Doherty Threshold(5) UX rule that tells us a waiting time of more than <400ms> will lower the conversion rates, and the user will be out of sync with the process. The users have clicked and are waiting for an action to take place. Because of this problem, users are slowed when trying to complete the ordering process.
Solution: Unclear Feedback
Platform and industry conventions(6) suggest adding spinners, numbered steps, or other user feedback to fix the lag issue. By implementing the proposed changes, Wendy's could remove obstacles from the user's ordering journey.
The Nielsen Norman Group has published a helpful article addressing the lagging response issue: Progress Indicators Make a Slow System Less Insufferable(7).
Key Takeaway
Let Users Order First
The first strategy for a great user experience at an eCommerce site is to provide faster checkouts to customers. Without a quick, seamless ordering process, users' cart abandonment rates often rise to 68–75%(8).
Any interruption of the primary task of ordering and paying for food breaks the Principal of Don't Force Users to Register Before They Can Buy(9).
Conclusion
We discussed a few ways Wendy's could improve its site by following our shared suggestions. While interviewing users, we found that Wendy's site had issues, none stopping a user from ordering. Users were delayed and confused, and a few would have stopped and ordered at the store.
Look out for our next post, where we will guerrilla test another fast food eCommerce restaurant website. Our next post will tackle UX issues with the Burger King site.
If you have questions or there are other sites that you want to see us discuss, put them in the comments section or join Bitovi's Discord Community.
Wendy's Site Map
To understand their usability problems, it’s helpful to understand Wendy’s overall eCommerce flow. The image below shows the significant steps on their site:
Click here to view a PDF version
Footnotes:
- Lade Tawak: A beginner’s guide to guerrilla research: Oct 18, 2019. Accessed on: July 11, 2022 [Online]. Available: https://www.invisionapp.com/inside-design/a-beginners-guide-to-guerrilla-research/
- Unbounce.com: conversion-benchmark-reports: Accessed on July 11, 2022: [Online]. Available:https://unbounce.com/conversion-benchmark-report
- Rubik: Call for Attention. UI Design Tips on CTA Buttons: Feb 23, 2018: Accessed on July 11, 2022: [Online]. Available: https://uxplanet.org/call-for-attention-ui-design-tips-on-cta-buttons-5239413aded2
- Kim Salazar: Applying for Discounts and Promotions on Ecommerce Websites: June 2, 2019: Accessed on July 11, 2022 [Online]. Available: https://www.nngroup.com/articles/applying-discounts/?lm=ux-learn-in-restaurants&pt=article
- Doherty Threshold: Accessed on July 11, 2022 [Online]. Available: https://lawsofux.com/en/doherty-threshold/
- Rachel Krause: Maintain Consistency and Adhere to Standards (Usability Heuristic #4): January 10, 2021:Accessed on July 11, 2022 [Online]. Available: https://www.nngroup.com/articles/consistency-and-standards/
- Kate Kaplan: Progress Indicators Make a Slow System Less Insufferable: September 5, 2021: Accessed on July 11, 2022 [Online]. Available:https://www.nngroup.com/articles/progress-indicators/
-
Shopping Cart Abandonment Rate: Accessed on: July 11, 2022 [Online]. Available:https://www.geckoboard.com/best-practice/kpi-examples/shopping-cart-abandonment
- Amy Schade: Don't Force Users to Register Before They Can Buy: July 5, 2015: Accessed on July 11, 2022 [Online]. Available: https://www.nngroup.com/articles/optional-registration/