W

Weather (Apple)

A vertical card stack — each module is a glanceable, tappable mini-dashboard.

Apple's Weather is a scrolling column of modular cards, and that structure is the whole design argument. The top of the screen states the one fact you opened the app for — current temperature and condition — over an animated backdrop that itself encodes the weather. Below it, each card owns a single dimension: an hourly strip you swipe sideways, a ten-day list, UV, wind, precipitation, air quality. Tapping any card expands it into a fuller detail view, so the column is both summary and table of contents. The animated precipitation map and the next-hour minute-cast are genuine standouts. Where it strains is sheer length; getting to a specific module means a lot of scrolling, and the dense per-card typography can blur the hierarchy between the headline number and its supporting detail.

Flows

Flows for Weather (Apple) are being captured

We haven't taken Weather (Apple) apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.

Request a UX audit

How does your product compare to Weather (Apple)?

Get a free UX Snapshot of your page — a quick read on what works and what to fix.

Get a free UX Snapshot →

Teardowns

Teardowns of Weather (Apple) are coming

We haven't published a written teardown of Weather (Apple) yet. Explore related topics, or request an audit.

Request a UX audit

Free course

WCAG 2.2 Fundamentals: Audit a Screen for Accessibility

6 lessons · ~25 min

Start lesson 1 →