Pulse
Designüberblick
Pulse verbindet Uhrendaten, Erholung, Laufzusammenfassungen und wöchentliche Trainingsbelastung für ambitionierte Läufer. Einhundert gleichmäßige Markierungen umgeben den übergroßen Erholungswert, eine pro Punkt, während eine dunkle Oberfläche nur eine fluoreszierende Signalfarbe für wichtige Daten nutzt.
Prüfvermerk
BestätigtEine unabhängige visuelle Prüfung der drei 390×844-Bildschirme bestätigte eine konsistente Hierarchie um 78, 10.24 und 227 und prüfte Beziehungen zwischen Laufdauer, 11 Zwischenzeiten und wöchentlicher Gesamtbelastung. Die Route enthält Stadtblocks, ein Flussufer, Maßstab und Nordpfeil.
PrüfgrenzenDie Prüfung fand keinen Vergleich mit der Vorwoche im Belastungsdiagramm, der die +69%-Warnung auf einen Blick stützen würde, und beanstandete außerdem Beschriftungen der Herzfrequenzzonen und Erholungsring. Sie umfasste nur Standbilder, nicht Animation, Routenwiedergabe, Aufklappen der Zwischenzeiten, Teilen oder Datumswechsel.
Prompt
Produkt: Pulse, eine Lauf- und Erholungs-Tracking-App mit Uhrenanbindung für ambitionierte Läufer.
Stil: Daten sind das Hauptmotiv. Verwende übergroße Zahlen, starken Kontrast, einen dunklen Hintergrund und eine energiegeladene Signalfarbe. Diagramme sollen hochwertig sein und Zahlen durch Ringe, Balken und Heatmap-Zellen als sichtbare Mengen darstellen.
Entwirf drei zentrale Bildschirme:
- Heute: ein Erholungswert wie 78, Schlaf, Herzfrequenzvariabilität und eine empfohlene Trainingsintensität für den Tag.
- Laufzusammenfassung: Distanz, Tempo, Herzfrequenzzonen, eine realistische in SVG gezeichnete Route und Zwischenzeiten.
- Trainingsbelastung dieser Woche: Belastung und Erholung an sieben Tagen, damit Übertraining auf einen Blick erkennbar wird.
Mach die Darstellung des Erholungswerts so einprägsam, dass Nutzer ihn jeden Morgen prüfen möchten.
Entwirf die App-Bildschirme mit 390×844. Liefere `index.html` und `screens.html` mit den drei Bildschirmen nebeneinander.
Chinesischen Originalprompt ansehen
产品:「Pulse」,一个跑步和恢复追踪 App,连接手表,给认真训练的跑者用。
风格:数据就是主视觉。超大的数字、强烈的对比、深色背景配一种有能量的信号色;图表要精致,数字画成看得见的量(环、条、热力格子)。
设计 3 个关键屏:
- 今天:恢复分数(例如 78)、睡眠、心率变异性,给出今天建议的训练强度。
- 一次跑步的总结:距离、配速、心率区间、路线(用 SVG 画一条真实感的路线)、分段配速。
- 本周训练负荷:七天的负荷和恢复,是否过度训练一眼看出。
记忆点:恢复分数的呈现方式,要让人每天早上都想打开看一眼。
App 屏幕按 390×844 设计,交付 `index.html` 和把三屏并排的 `screens.html`。
Live-Beispiel öffnen