Engine 1 macht aus aktivem Insulin, Blutzucker, Essen und Anstrengung ein einziges Urteil: jetzt los, erst essen oder warten. Ich habe die iOS-App für Boston Technology Corporation von Anfang bis Ende gestaltet, und sie erschien im App Store.
Rolle
Lead Product Designer
Kunde
Engine 1, ein von der Boston Technology Corporation initiiertes Projekt
Für jemanden mit Typ-1-Diabetes ist ein 20-minütiger Lauf eine Rechenaufgabe. Noch aktives Insulin im Körper, gegessene Kohlenhydrate, der aktuelle Blutzucker und die geplante Anstrengung entscheiden, ob das Training sicher ist oder in einer Unterzuckerung endet.
Diese Daten lagen an getrennten Orten: ein Messgerät, ein Insulinprotokoll, ein Ernährungstagebuch, eine Lauf-App. Nichts führte sie in dem Moment zusammen, in dem jemand die Laufschuhe schnürte. Und hinter jeder einfachen Antwort steckte viel Rechenarbeit, die niemand je sehen sollte.
Lassen sich vier Ströme medizinischer Daten zu einer Antwort verdichten, die man auf einen Blick liest: jetzt los, erst essen oder warten?
Ich habe die Entscheidung an den Anfang gestellt. Der Homescreen beginnt mit einem klaren Urteil wie «Good time» oder «Not recommended». Darunter läuft eine einzige scrollbare Zeitleiste mit aktivem Insulin, Essen für jetzt und Essen für unterwegs. Alltagsgegenstände tragen die Daten: eine Ampel für das Insulin-Kohlenhydrat-Verhältnis, eine Flasche für die Flüssigkeitszufuhr, eine Kartei für das Gesundheitstagebuch. Dahinter liegen das Erfassen, Trendlinien und ein Live-Tracker für Läufe, der ans Nachtanken erinnert.
Meine Rolle
Lead Product Designer. Boston Technology Corporation holte mich ins Projekt, um die iOS-App Engine 1 von Anfang bis Ende zu gestalten. Dazu gehörten Konzept und Interaktionsmodell, Onboarding, der Homescreen zur Trainingsbereitschaft, das Erfassen von Gesundheitsdaten, Trendlinien, der Live-Tracker für Läufe und die Einstellungen.
Was es schwierig machte
Klinische Daten, Alltagssprache
Einheiten, mg/dL und Insulin-Kohlenhydrat-Verhältnisse mussten unter einem Urteil liegen, das alle mitten im Lauf verstehen. Hilfetipps erklären Begriffe wie RPE direkt an Ort und Stelle.
Die Zeit ist die eigentliche Achse
Die Insulinwirkung steigt an und klingt wieder ab. Das UI musste zeigen, wo man jetzt steht und wo in 30 Minuten, alles mit einer einzigen Scrollgeste.
Erfassungsmüdigkeit
Einträge für Blutzucker, Insulin und Essen durften nur Sekunden dauern, sonst hören die Leute damit auf. Ein Barcode-Scanner macht das Erfassen von Essen zu einem einzigen Scan.
Einhändig und in Bewegung
Die Handys wurden grösser, und diese App nutzt man beim Sport. Deshalb wanderten Menü und Buttons fürs Erfassen an den unteren Bildschirmrand.
Fragen, die wir stellten
Welchen einen Satz braucht jemand vor dem Training?
Welcher Alltagsgegenstand macht Insulin, Essen oder Wasser leicht lesbar?
Mit wie wenigen Taps lässt sich eine Mahlzeit oder ein Bolus erfassen?
Was soll die App mitten im Lauf sagen, wenn der Blutzucker zu fallen beginnt?
01
Onboarding
Ein ruhiges, dunkles Onboarding erfasst Therapieform (Pumpe oder Spritzen), Langzeitinsulin, Körperdaten und Fitnessniveau. So sind die Prognosen zur Trainingsbereitschaft ab dem ersten Training persönlich.
Anmeldung, Intro und die Abfrage der Typ-1-Therapie teilen eine dunkle, ruhige Palette.
02
Das Urteil vor dem Training
Der Homescreen beantwortet eine einzige Frage. Das Urteil steht oben, und die Farbe wechselt von Blau (los) bis Magenta (nicht empfohlen). Aktives Insulin, Essen für jetzt und Essen für unterwegs aktualisieren sich in Echtzeit, während man in der Zeit nach vorn scrollt. Denselben Zustand kann man als Blasen, als gestapelte Zeitleiste oder als konzentrische Ringe lesen.
Von «Perfect time» in Blau bis «Not recommended» in Magenta.
03
Navigation in Daumenreichweite
Das übliche Hamburger-Menü oben links wanderte an den unteren Bildschirmrand, neben die Buttons «Workout» und «Log». Tippen oder nach rechts wischen öffnet das Menü, nach links wischen legt einen neuen Eintrag an. Die Sidebar zeigt Essen, Bolus und den letzten Blutzuckerwert des Tages, dazu Betreuungspersonen, Einladungen und das Pro-Abo.
Nach rechts wischen für das Menü, nach links für einen neuen Eintrag; beides liegt in Daumenreichweite.
04
Erfassen in Sekunden
Einfache Formulare erfassen Blutzucker, Insulin und Essen mit Steppern und Slidern. Ein Barcode-Scanner liest Lebensmittel zertifizierter Anbieter ein. Das Gesundheitstagebuch ist eine Kartei aus farbcodierten Karten, die man für Details herauszieht, und was man trinkt, füllt eine Flasche.
Formulare für Blutzucker und Essen links und rechts der farbcodierten Kartei des Gesundheitstagebuchs.
05
Trendlinien und die Ampel
Die Trendlinie zeigt alles auf einer Zeitachse: Essen, aktives Insulin, Blutzucker und Trainings. Das Diagramm zum Insulin-Kohlenhydrat-Verhältnis leiht sich die Ampel, um zu zeigen, ob der Blutzucker eher steigt oder fällt, mit einem Regler für den Blick nach vorn.
Eine Zeitachse für Blutzucker, Insulin und Essen, daneben das Insulin-Kohlenhydrat-Verhältnis als Ampel.
06
Unterwegs
Vor dem Lauf verbindet der Workout-Screen Pulsmesser, bietet Live-Sharing an und sagt, was man jetzt essen und was man mitnehmen soll. Während des Laufs heftet eine Spur aus Wegmarken Distanz, Blutzucker und Kohlenhydrate an die Streckenkarte, und ein Schalter wechselt zur Live-Herzfrequenz. Ein Hinweis zum Nachtanken sagt, wie viele Gramm Kohlenhydrate man vor dem Weiterlaufen nehmen soll.
Die Streckenkarte heftet Blutzucker und Kohlenhydrate an die Route; der Hinweis zum Nachtanken unterbricht nur, wenn nötig.
In Bewegung
Ergebnisse
4→1Datenströme, verdichtet zu einem Urteil
3Arten, denselben Zustand zu lesen
48Screens im System v2.0
Im US-App-Store als Engine1 erschienen (id1022329944)
Was ich mitnehme
Mit der Entscheidung beginnen. Die Daten stützen sie, statt zuerst gelesen zu werden.
Beim Alltag Anleihen machen. Eine Flasche, eine Ampel und eine Kartei erklärten mehr als jede Diagrammlegende.
In Gesundheits-Apps ist Farbe Text. Blau und Magenta mussten überall dasselbe bedeuten.
