From Modal Chaos to Contextual Guidance: Mobile Health App Redesign

Design · 5 min read

Support data showed users struggled with scheduling and pre-visit forms because modal dialogs interrupted task flow. The design team mapped user journeys and found modals were a legacy pattern introduced during rapid scale-up. The decision was to replace large interruptive modals with lightweight inline components that guided users without blocking progress.

Designers built contextual banners, field-level hints, and soft validation states that allowed users to complete partial information and come back. To mitigate errors, the team added a subtle side panel with required steps and progress, keeping the user oriented without forcing modal confirmations. Prototypes were evaluated in unmoderated sessions to capture realistic behavior.

After rollout, the company tracked an 11% drop in support tickets related to scheduling and a 17% increase in successful pre-visit form completion. The trade-off was more front-end complexity to maintain state and history, but the product team prioritized the user flow gains. The case illustrates how removing interruptive UI patterns can significantly lower cognitive load for time-sensitive health interactions.