Skip to main content
UI Coach Logo
Back to challenges
Hard

Pronunciation Feedback Practice

Design a language exercise that compares a learner's recording with a target phrase and gives specific, respectful feedback.

Mobile, Responsive web

The brief

Understand the problem

Background

Pronunciation tools can make learners feel judged when they score accents against a single native norm. Useful feedback should focus on intelligibility, chosen dialect, and one actionable sound or rhythm pattern at a time.

User context

Min is practicing an English phrase for customer calls. She wants feedback on whether key words are understandable in her chosen regional model, not a score for sounding native.

Product problem

The exercise needs to turn acoustic comparison into useful practice while protecting voice data and acknowledging valid variation.

Objective

Design phrase selection, recording consent, focused feedback, and retry comparison for pronunciation practice.

What to design

Define the experience

Required experience

  • Choose a dialect model and practical phrase
  • Listen to a slowed and natural reference
  • Record with clear data controls
  • Review one focused suggestion and compare a retry

Screens and states

  • Phrase setup
  • Listen and record
  • Feedback detail
  • Retry comparison

Core user flow

Follow the critical path

  1. 01

    Min chooses a customer-support phrase and regional reference

  2. 02

    She listens at two speeds and records once

  3. 03

    Feedback highlights stress on the key booking date rather than assigning an accent score

  4. 04

    Her retry improves intelligibility and she deletes both recordings

Product rules

Requirements and constraints

Requirements

  • Let learners choose relevant dialect and pace
  • Explain recording storage and deletion before capture
  • Pair visual feedback with text and audio examples
  • Focus on intelligibility and a small number of actionable features

Constraints

  • The experience cannot rank accents by worth
  • Voice recording must remain optional for browsing lessons
  • Low-confidence feedback needs an honest uncertain state

Reality check

States worth considering

Background noise affects capture
The learner uses a different valid dialect
Microphone permission is denied
The phrase includes a name unknown to the system

Finish line

What to deliver

  • Four mobile-first screens showing an uncertain result and a useful retry

Optional direction

Visual resources

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

Color palette
#1C1B19
#C7B89F
#649853
#735D5F
#87759D
Font pairing
Waiting for the SunriseRock Salt

Waiting for the Sunrise & Rock Salt

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

Icons
Illustrations

Theory to review

UX principles for this brief

Use these as decision lenses, then validate the design with the people and context in the brief.