Skip to main content
UI Coach Logo
Advanced

Food Freshness Decision Guide

Design a cautious food-checking assistant that combines package details, storage history, and visible signs without making unsafe guarantees.

Mobile2 to 4 hours

The brief

Understand the problem

Background

A photo alone cannot reliably confirm whether food is safe. People still need help interpreting date labels, storage conditions, recalls, and visible spoilage without receiving a misleading safe-to-eat verdict.

User context

Owen finds an opened container of cooked rice in the refrigerator. He is unsure when it was prepared and wants guidance on what information matters before deciding whether to discard it.

Product problem

The interface must be useful under uncertainty, clearly state its limits, and direct users toward the safer choice when essential information is missing.

Objective

Design a guided assessment that gathers relevant evidence and returns cautious, actionable guidance.

What to design

Define the experience

Required experience

  • Identify a food item by search, barcode, or photo
  • Enter package date and storage history
  • Review category-specific signs and recall information
  • Receive a recommendation with reasoning and uncertainty

Screens and states

  • Item identification
  • Storage questions
  • Visual check guidance
  • Assessment result
  • Insufficient information state

Core user flow

Follow the critical path

  1. 01

    Owen identifies the item as cooked rice

  2. 02

    He answers questions about opening date and refrigeration

  3. 03

    The app explains that key timing information is missing

  4. 04

    It recommends discarding the item and shows general storage guidance

Product rules

Requirements and constraints

Requirements

  • Never present image analysis as proof that food is safe
  • Explain which inputs affect the recommendation
  • Prioritize official recall and public health guidance
  • Provide a clear discard recommendation when critical evidence is absent

Constraints

  • Rules differ by food type and jurisdiction
  • Color may vary because of lighting
  • The service is educational and not a laboratory test

Reality check

States worth considering

The product is under an active recall
The barcode is not recognized
The image is too dark
The user reports symptoms after eating

Finish line

What to deliver

  • Five mobile screens demonstrating a complete and an inconclusive assessment
  • A content hierarchy for confidence, reasoning, and safety escalation

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
QuattrocentoFanwood Text

Quattrocento & Fanwood Text

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Intermediate
Food and dining

School Meal Account Payment

Design a family payment experience for meal balances, low-fund alerts, siblings, automatic reload, receipts, and payment support.

Responsive web2 to 4 hours
FormsTrust and Safety
Advanced
Food and dining

Diet-Compatible Food Finder

Design a menu search experience that helps diners evaluate dishes against allergies and dietary preferences.

Mobile2 to 4 hours
Search and FilteringTrust and Safety
Advanced
Food and dining

Food Allergy Menu Screening

Design a menu screening experience that separates ingredient evidence, preparation controls, cross-contact uncertainty, and direct restaurant confirmation.

Mobile2 to 4 hours
Trust and SafetyContent Design
Advanced
Food and dining

Restaurant Visit From Menu to Payment

Design a restaurant app that connects live menu availability, table booking, and an accurate in-venue bill.

Mobile4 hours plus
Service DesignError Handling
Intermediate
Food and dining

Order Ahead for Table Service

Design a mobile ordering flow that lets diners schedule food to be ready when they arrive at a restaurant.

Mobile2 to 4 hours
Interaction DesignForms
Intermediate
Food and dining

Restaurant Group Order and Bill Split

Design a shared restaurant order that coordinates individual choices, dietary notes, deadlines, totals, and payment failures.

Mobile2 to 4 hours
Mobile DesignInteraction Design