MGMLaboratory
Back

Menu

01Home
02About Us
03Projects
04Publications
05Member
06Articles
07Contact

Let's Talk

Open in Mail app

Socials

Malang (ID) --:--Privacy PolicyTerms of Service

January 1, 20152 min read

Two Designs, One Culinary App, and the Widgets That Decided ItTwo Designs, One Culinary App, and the Widgets That Decided It

A lab study compared two versions of the same recommendation app. The features matched. The interface did not.

  • Conference
  • Publications

Written by

  • SRShirasaka RenIT & Infrastructure · Student Member

In this article

  1. 01How they measured it
  2. 02What went wrong

A team at Universitas Brawijaya built an Android app that recommends food. Then they built it a second time with a deliberately different interface, and put both versions in front of users to see which one held up.

The app recommended dishes like this one. Image: Serenity, CC BY-SA 4.0, via Wikimedia Commons.
Fig. 01The app recommended dishes like this one. Image: Serenity, CC BY-SA 4.0, via Wikimedia Commons.

The two versions were named GoEat and LetsEat. They offered the same recommendation feature, but each solved the input problem differently.

  • GoEat used a flow style for entering alternatives and criteria, a numerical up-down control, and a red colour scheme.
  • LetsEat used a list for input, a standard numerical field, and a green colour scheme.
A warung, the kind of place the app finds. Image: Olivier Van Aken, CC BY-SA 3.0, via Wikimedia Commons.
Fig. 02A warung, the kind of place the app finds. Image: Olivier Van Aken, CC BY-SA 3.0, via Wikimedia Commons.

01/02

How they measured it

Testing ran in a controlled lab with five participants, following the common recommendation for early usability work. They were undergraduate students aged 20 to 26 and regular Android users. A smartphone was mirrored to a PC, while audio and video recording captured faces, fingers and voices at work.

Two methods ran together. Concurrent Think Aloud asked participants to speak their thoughts while using the app, which shows where confusion starts. The System Usability Scale questionnaire collected a score afterwards.

02/02

What went wrong

Almost everyone finished the tasks, so the app was not broken. Trouble concentrated on the second task, choosing food alternatives. Some participants never realised the control in front of them could be scrolled, so they stopped looking.

That fault hit GoEat harder. Its flow based input had a lower completion rate on the second task, 80 percent against 100 percent for LetsEat. The team sorted errors into input errors, navigation errors and comprehension errors, then used first and second attempts to gauge learnability.

The conclusion is narrow and practical. Reaching for an uncommon widget to collect user input costs usability, even when the feature underneath works exactly as intended.

Source

  1. Az-zahra, Pinandito, and Tolle (2015). Usability evaluation of mobile application in culinary recommendation system. 2015 IEEE Asia Pacific Conference on Wireless and Mobile (APWiMob).

    DOI10.1109/APWiMob.2015.7374938 (opens in a new tab)

Next articleHow a Restaurant App Picks What to Recommend(Keep scrolling)(Read it next)(Loading)