Logo of UI Challenges
Sign in

Gallery

See what others have created

Low Battery System Alert

esakki

@esakki

EasySystem

Low Battery System Alert

Design the iOS-style low battery system alert that appears when the device crosses the low battery threshold. It should feel like a system interruption, not an app prompt.

The modal needs to show the current battery percentage clearly, explain that power is low, and offer Low Power Mode as the main action. Keep the language short and system-like.

This lives above whatever the user is doing, so the hierarchy has to work fast: percentage, warning, then actions. It should read instantly even on a small phone screen.

Treat it as a native mobile alert with the usual system constraints: centered modal, dimmed background, and a limited action set. The design should feel calm, firm, and familiar.

What to deliver

  • Design the alert in its default low-battery state
  • Show the battery percentage, warning copy, and Low Power Mode action
  • Include the secondary dismiss option
  • Define spacing, type scale, and button hierarchy for the modal

Make the percentage the anchor of the message; users should know how urgent it is before they read the body copy.