Skip to main content
. 2019 Nov 4;3(4):e12966. doi: 10.2196/12966

Table 2.

Details of the prototype app per user interface screen.

Screen Display User actions
Basic (nonpersonalized) functionality

Screen 1 Welcome and option for tutorial User swipes to progress

Screen 2 Personalization screen User has option to personalize the app (personalized functionality) or skip this (basic functionality)

Screen 3 Display of local canteens with available information based on Global Positioning System locator User selects desired canteen and clicks option to see menu

Screen 4 Menu for the day is displayed pictorially, consisting of dish name, picture, price, and diet classification Users can view all dishes available. Users can view full information per dish by clicking on any dish

Screen 5 Information (description, energy, portion size, ingredients; allergens; and nutritional content (gram per 100 g) of fat, saturated fat, carbohydrate, sugars, fiber, protein, salt, using the traffic light system) is displayed for the dish User can view all information. User can also toggle a heart symbol to send feedback to the caterer that they like the dish. Activation with the QR (quick response) code (per dish) results in immediate arrival at Screen 5
Personalized functionality (optional)

Screen 2 Personal preferences are available based on the following: Canteen selection (local canteens available); Diet type: vegetarian, vegan, pescatarian, halal, kosher; Allergens: celery, cereals, crustaceans, eggs, fish, lupin, milk, molluscs, mustard, nuts, peanuts, sesame, soybeans, sulfur; Dish calories User selects preferences for canteen, diet type and allergens by moving a bar from “selected” to “not selected.” These are saved automatically on the consumer’s mobile phone and remain stored or can be updated at any time. The default selection is “not selected.” Users can also set a desired maximum amount of calories per dish using a sliding scale and is provided with WHO (World Health Organization) recommendations for men and women

Screen 4 When personal preferences have been selected, the menu is provided such that preferred dishes are provided at the top, and less preferred dishes are provided at the bottom of the list. Dishes that do not fit the user profile based on diet type and allergens are provided grayed over Users can view all dishes available. Users can view all information per dish by swiping across the dish