Skip to main content
UI Coach Logo
Back to challenges
Hard

Personal Health History and Checkups

Design a private health record timeline that helps a patient prepare for routine checkups and share selected history with a clinician.

Mobile, Responsive web

The brief

Understand the problem

Background

Health information is spread across clinics, paper summaries, and memory. A personal record can improve preparation, but incomplete data and reminders must not be mistaken for medical diagnosis.

User context

Marisol sees two clinics for ongoing care and is due for a routine review. She wants one timeline of visits, medications, and tests, then a limited summary to share with a new doctor.

Product problem

The product must distinguish patient-entered and provider-sourced information, show missing or conflicting records, and provide granular sharing control.

Objective

Create a health timeline, preventive reminder, appointment preparation, and selective sharing flow.

What to design

Define the experience

Required experience

  • Health history timeline
  • Routine care reminder
  • Appointment preparation
  • Time-limited record sharing

Screens and states

  • Health overview
  • Timeline
  • Reminder detail
  • Visit preparation
  • Share settings

Core user flow

Follow the critical path

  1. 01

    Marisol reviews a checkup reminder

  2. 02

    She checks the evidence and source

  3. 03

    She prepares questions and confirms medications

  4. 04

    She shares a selected summary with the clinic for seven days

Product rules

Requirements and constraints

Requirements

  • Label every record source
  • Allow corrections without deleting the original
  • Separate reminders from clinical recommendations
  • Support granular and expiring sharing
  • Keep an access log

Constraints

  • Provider records may arrive late
  • The app does not diagnose or replace medical advice
  • Health data requires strong privacy and accessible language

Reality check

States worth considering

Medication lists conflict
A reminder is not appropriate
A clinician cannot open the share link
Account access is lost
A record belongs to another patient

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.

Health timeline

  • 12 March, annual review, North Clinic
  • 18 March, blood test, result imported
  • Medication list last confirmed 4 months ago
  • Routine review due in October

Finish line

What to deliver

  • Five responsive screens
  • A source and correction model for conflicting health records

If you want more

Optional extensions

Add a caregiver role
Design record import from a clinic portal

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
MontserratRoboto

Montserrat & Roboto

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

Icons
Illustrations