MyTARGET App
Eine therapieunterstützende App für Personen mit chronisch-entzündlichen Darmerkrankungen
Rolle
UX/UI Designer
Plattform
Mobile App (iOS, Android)
Team
Projektleitung • Entwicklung• UX/UI Design
Aufgaben
Informationsarchitektur • Wireframing • UI Design • Design System
Hintergrund
MyTARGET ist eine therapieunterstützende App für Menschen mit chronisch-entzündlichen Darmerkrankungen (CED). Sie unterstützt Nutzer dabei, Symptome zu dokumentieren, Therapieverläufe nachzuvollziehen und relevante Gesundheitsinformationen im Alltag zu nutzen. Ziel des Redesigns war es, die Benutzerfreundlichkeit und Akzeptanz der App zu erhöhen. Bestehende Funktionen sollten leichter zugänglich werden, um eine konsistente und effiziente Dokumentation von Gesundheitsdaten im Alltag unterstützen.
Herausforderung
Trotz des großen Funktionsumfangs waren zentrale Aufgaben wie die Dokumentation von Symptomen und Therapiedaten nicht immer intuitiv ausführbar. Komplexe Abläufe, eine hohe Informationsdichte, schwere mobile Bedienbarkeit und eine gewachsene Navigationsstruktur erschwerten die Nutzung im Alltag und beeinträchtigten langfristig die Nutzerakzeptanz.
Wichtige Bereiche
Symptomtracking & -auswertung • Medikation • Integration von Wearables • WC-Finder (Map) • Televisite • Dokumentenablage, Kalender, News & Blog
Zielgruppe
• Patienten mit Colitis ulcerosa
• Ärzte
• Pflegepersonal
Design Challenge
Wie kann eine bestehende funktionsreiche eHealth-App vereinfacht werden, um die Navigation und Dokumentation im Alltag effizienter und intuitiver zu gestalten?
Usability Analyse
Als Grundlage für das Redesign wurde die bestehende App hinsichtlich Usability, Informationsarchitektur und mobiler Bedienbarkeit analysiert. Ziel war es, zentrale Probleme zu identifizieren und Optimierungspotenziale für die tägliche Nutzung aufzudecken.
Die Erkenntnisse aus dieser Analyse bildeten die Grundlage für die folgenden Designentscheidungen.
Komplexe Navigation
Wichtige Funktionen waren schwer auffindbar und erforderten mehrere Navigationsschritte.
Hohe Informationsdichte
Screens enthielten viele konkurrierende Inhalte und erschwerten die schnelle Orientierung.
Inkonsistente Interaktionen
Wiederkehrende Funktionen wurden nicht durchgängig gleich dargestellt oder bedient.
Erschwerte mobile Bedienung
Interaktive Elemente waren teilweise klein, dicht platziert oder schwer erreichbar.
Hoher Dokumentationsaufwand
Häufig genutzte Aufgaben wie die Erfassung von Symptomen erforderten mehrere Eingabeschritte.
Fehlende Priorisierung
Wichtige Informationen und Aktionen waren nicht ausreichend hervorgehoben.
Informationsarchitektur
Das Hauptmenü ermöglicht den Zugriff auf alle zentralen Bereiche der App und unterstützt die Navigation zwischen den verschiedenen Funktionen.
Problem
Die große Anzahl an Funktionen sowie mehrfach vorhandene Navigationselemente erschwerten die Orientierung innerhalb der App. Fehlende Priorisierung und visuelle Überladung machten es Nutzern schwer, wichtige Bereiche schnell zu identifizieren.
Designentscheidung
Die Navigationsstruktur wurde vereinfacht und Bereiche logisch gruppiert. Durch eine visuelle Hierarchie und konsistent gestaltete Navigationselemente wurde die Orientierung verbessert. Interaktive Elemente wurden vergrößert und so platziert, dass sie auf mobilen Geräten leichter erreichbar und bedienbar sind.
Ergebnis
Die Navigation wirkt übersichtlicher und konsistenter. Nutzer können wichtige Bereiche schneller auffassen, zentrale Funktionen mit weniger Aufwand erreichen.
Wireframing & Prototyping
Startseite / Dashboard
Die Startseite dient als zentraler Einstiegspunkt und bietet einen Überblick über relevante Informationen, Aktivitäten und wichtige Funktionen.
Problem
Die bestehende Startseite bot nur begrenzten Mehrwert und fungierte hauptsächlich als Wiederholung der Navigation. Relevante Informationen waren über verschiedene Bereiche verteilt und häufig genutzte Aktionen nicht direkt sichtbar.
Designentscheidung
Die Startseite wurde als persönliches Dashboard neu konzipiert. Tracking-Daten, aktuelle Informationen und häufig genutzte Funktionen wurden priorisiert und in einer klaren visuellen Hierarchie zusammengeführt.
Ergebnis
Nutzer erhalten schneller einen Überblick über relevante Inhalte und können wichtige Aufgaben direkt ausführen, ohne zwischen mehreren Bereichen wechseln zu müssen.
Tracking-Übersicht
Die Tracking-Übersicht bündelt erfasste Gesundheitsdaten und unterstützt Nutzer dabei, ihren Dokumentationsstand und Symptomverlauf nachzuvollziehen.
Problem
Die Übersicht erfasster Daten war nur eingeschränkt überschaubar. Eine geringe visuelle Hierarchie erschwerte das schnelle Erfassen relevanter Informationen, während kleine und dicht platzierte Interaktionselemente die mobile Nutzung zusätzlich erschwerten. Dadurch wurde die tägliche Dokumentation nur unzureichend unterstützt.
Designentscheidung
Die Übersicht wurde neu strukturiert und durch eine stärkere visuelle Hierarchie ergänzt. Wichtige Informationen wurden klar priorisiert und durch Diagramme sowie Statusanzeigen leichter erfassbar gemacht. Gleichzeitig wurden Interaktionselemente vergrößert und mit mehr Abstand zueinander angeordnet, um die mobile Bedienbarkeit zu verbessern.
Ergebnis
Gesundheitsdaten lassen sich schneller erfassen und interpretieren. Die verbesserte Übersichtlichkeit unterstützt Nutzer dabei, ihren Dokumentationsstand und Entwicklungen im Krankheitsverlauf leichter nachzuvollziehen und die Tracking-Funktion regelmäßiger zu nutzen.
Tracking-Dokumentation
Dieser Bereich ermöglicht die tägliche Dokumentation relevanter Gesundheits- und Symptomdaten und bildet die Grundlage für die Verlaufsauswertung.
Problem
Die Symptomeingabe erforderte mehrere Interaktionen und war nicht konsequent auf die mobile Nutzung optimiert. Die hohe Informationsdichte und fehlende visuelle Priorisierung erschwerten eine schnelle und effiziente Datenerfassung.
Designentscheidung
Die bestehende Funktionalität wurde beibehalten, jedoch hinsichtlich Informationshierarchie, Interaktionsdesign und mobiler Bedienbarkeit optimiert. Konsistente Feedbackmechanismen und klarer gestaltete Interaktionselemente unterstützen eine effizientere Datenerfassung.
Ergebnis
Die überarbeitete Interaktionsgestaltung reduziert den Aufwand bei der Dateneingabe und verbessert die mobile Nutzbarkeit. Dadurch können Symptome effizienter dokumentiert und wiederkehrende Dokumentationsaufgaben einfacher durchgeführt werden.
Blog
Der Blog stellt medizinische Informationen und aktuelle Inhalte rund um chronisch-entzündliche Darmerkrankungen bereit.
Problem
Die Inhalte waren visuell wenig strukturiert und boten nur begrenzte Orientierung. Fehlende Priorisierung und geringe Differenzierung zwischen Beiträgen erschwerten das schnelle Auffinden relevanter Informationen.
Designentscheidung
Die Inhaltsstruktur wurde überarbeitet und durch eine klarere visuelle Hierarchie ergänzt. Beiträge wurden stärker priorisiert, Kategorien deutlicher hervorgehoben und Inhaltskarten sowie Interaktionselemente konsistenter gestaltet, um die Orientierung innerhalb des Blogs zu verbessern.
Ergebnis
Die optimierte Informationshierarchie verbessert die Scanbarkeit der Inhalte und reduziert den Aufwand bei der Orientierung. Nutzer können relevante Beiträge schneller finden und Informationen effizienter konsumieren.
Outcome
Ergebnis
• Modernisierung des visuellen Erscheinungsbilds • Verbesserte Orientierung innerhalb der App • Schnellere Erreichbarkeit zentraler Funktionen • Vereinfachte Dokumentation von Gesundheitsdaten • Reduzierter Interaktionsaufwand bei häufigen Aufgaben • Konsistente UI und Benutzererfahrung über mehrere Module hinweg
Learnings
Die Akzeptanz digitaler Gesundheitsanwendungen hängt maßgeblich von der Qualität alltäglicher Interaktionen ab. Besonders bei einer regelmäßigen Dokumentation sind geringe Interaktionsaufwände, klare Informationshierarchien und eine gute mobile Bedienbarkeit entscheidend. Die größte Herausforderung bestand darin, eine über Jahre gewachsene Funktionsvielfalt zu vereinfachen und neu zu strukturieren, ohne den Nutzen der App für bestehende Nutzer einzuschränken.
