Skip to main content
UI Coach Logo
Back to challenges
Hard

Find the Right Level of Medical Care

Design a healthcare directory that helps people distinguish urgent help from routine care and find a suitable local service.

Mobile, Responsive web

The brief

Understand the problem

Background

People searching for healthcare may not know whether they need emergency help, a clinic, a pharmacy, or a scheduled specialist. Stress and incomplete service data make comparison harder.

User context

Marcus has a worsening rash on a weekend. He is unsure whether to seek urgent care and needs a nearby service that accepts his insurance and has wheelchair access.

Product problem

A directory must support fast, accessible decisions without diagnosing the user or creating false confidence about availability and coverage.

Objective

Create a care navigation flow that provides safety guidance and compares appropriate local services.

What to design

Define the experience

Required experience

  • Urgency check with clear emergency escalation
  • Service search with access and coverage filters
  • Facility detail with verified and time-sensitive information
  • Call, directions, or appointment handoff

Screens and states

  • Urgency guidance
  • Service results
  • Facility detail
  • Contact handoff
  • Unavailable state

Core user flow

Follow the critical path

  1. 01

    Marcus describes the broad type of help he is seeking

  2. 02

    He reviews emergency guidance before continuing

  3. 03

    He filters nearby services by opening time, access, and insurance

  4. 04

    He checks when facility information was last verified

  5. 05

    He calls the selected service and opens accessible directions

Product rules

Requirements and constraints

Requirements

  • Keep emergency action visible without presenting a diagnosis
  • Show data freshness for hours, availability, and service details
  • Support insurance, language, mobility, and transport filters
  • Distinguish walk-in access from appointment availability
  • Provide alternatives when a chosen service is closed
  • Use plain language and large, reliable tap targets

Constraints

  • Availability can change faster than directory data updates
  • Insurance acceptance does not guarantee coverage
  • The user may be distressed or using one hand
  • Location permission may be denied

Reality check

States worth considering

Symptoms appear to require immediate emergency help
No nearby service matches every accessibility need
A facility closes while the user is travelling
The user has no insurance information available
Network connectivity drops after results load

Finish line

What to deliver

  • Design five mobile screens for urgency guidance, search, comparison, handoff, and a no-match state.

Optional direction

Visual resources

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

Color palette
#79674F
#EDE6D2
#090C0F
#B7B7B7
#A7A7A7
Font pairing
MontserratDomine

Montserrat & Domine

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

Icons
Illustrations