Skip to main content
UI Coach Logo
Intermediate

Live Voice Translation for a Service Counter

Design a spoken translation flow that helps two people complete a practical conversation while keeping original speech and uncertainty accessible.

Mobile, Tablet2 to 4 hours

The brief

Understand the problem

Background

Short service conversations can fail when neither person shares a language. Live translation helps, but noisy rooms, names, technical terms, and uncertain transcription can change the meaning of a request.

User context

Mateo needs to explain a prescription pickup issue to a pharmacist who speaks another language. Both people can see the same counter tablet and need a respectful way to correct mistakes.

Product problem

The interface must establish who is speaking, make recording consent clear, and expose uncertain words without interrupting every exchange.

Objective

Create a turn-based spoken translation experience for a sensitive service conversation.

What to design

Define the experience

Required experience

  • Language and consent setup
  • Listen, transcribe, and translate a speaking turn
  • Correction and conversation review

Screens and states

  • Conversation setup
  • Active translation
  • Uncertain phrase review
  • Conversation summary

Core user flow

Follow the critical path

  1. 01

    Both participants confirm their languages

  2. 02

    Mateo speaks and reviews the detected text

  3. 03

    The translated message is played and shown

  4. 04

    The pharmacist corrects a medicine name before replying

Product rules

Requirements and constraints

Requirements

  • Always keep original text available
  • Show which language and person are active
  • Mark low-confidence words
  • Allow replay, correction, and typed input
  • Explain whether audio is stored

Constraints

  • Translation may take two seconds
  • The room may be noisy
  • Connectivity can drop
  • Private health details should not remain on a shared device

Reality check

States worth considering

Wrong language detected
Two people speak at once
A proper name is mistranscribed
Audio cannot be played aloud
Translation fails mid-conversation

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

Conversation phrases

  • I received a message that my prescription is delayed
  • Detected term: Metformin, confidence 61 percent
  • Would you like to collect the partial order today?

Finish line

What to deliver

  • Four tablet or mobile screens
  • A detailed state for correcting an uncertain translation

If you want more

Optional extensions

Add an offline phrase pack
Support a remote interpreter handoff

Optional direction

Visual resources

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

Font pairing
LoraRoboto

Lora & Roboto

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

Icons
Illustrations

Keep practicing

Advanced
Messaging

Bilingual Live Conversation

Design a real-time text chat that translates messages while preserving access to the original wording.

Mobile2 to 4 hours
Interaction DesignContent Design
Intermediate
Messaging

Message Customer Support Without Losing Context

Design an asynchronous support chat that moves between automated intake and a human agent while preserving identity, attachments, and status.

Mobile2 to 4 hours
Interaction DesignContent Design
Advanced
Messaging

Anonymous Community Question Inbox

Design a moderated messaging space where people can ask sensitive questions without inviting unrestricted anonymous contact.

Mobile2 to 4 hours
Trust and SafetyContent Design
Advanced
Messaging

Conversation Handoff Across Chat and Calls

Design a messaging workspace where a group can move between text, voice, video, and shared files without losing context.

Mobile4 hours plus
Interaction DesignInformation Architecture
Intermediate
Food and dining

Interruption-Friendly Cooking Mode

Design a hands-busy recipe mode that preserves progress across interruptions, parallel timers, substitutions, and device changes.

Mobile1 to 2 hours
Interaction DesignMobile Design
Advanced
Education

Parent-Guided Kids Project Tutor

Design a child-friendly mobile lesson that teaches one practical science project with caregiver controls.

Tablet2 to 4 hours
AccessibilityContent Design