Redesign

MyTARGET App

Eine therapieunterstützende App für Personen mit chronisch-entzündlichen Darmerkrankungen.

RolleUX/UI Designer
TeamProjektleitung, Entwicklung, UX/UI
PlattformMobile App (iOS, Android)
AuftraggeberCED Service GmbH, IT’s Ambio AG

Ausgangslage

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 im Alltag zu unterstützen.

Design Challenge

Wie kann eine bestehende funktionsreiche eHealth-App vereinfacht werden, um Navigation und Dokumentation im Alltag effizienter und intuitiver zu gestalten?

Wichtige Bereiche

Symptomtracking · Medikation · Wearables · WC-Finder · Televisite · Dokumente · Kalender · Blog

Zielgruppe

Patienten mit Colitis ulcerosa · Ärzte · Pflegepersonal

Usability Analyse

Als Grundlage für das Redesign wurde die bestehende App hinsichtlich Usability, Informationsarchitektur und mobiler Bedienbarkeit analysiert.

ProblemBeschreibung
Komplexe NavigationWichtige Funktionen waren schwer auffindbar und erforderten mehrere Navigationsschritte.
Hohe InformationsdichteScreens enthielten viele konkurrierende Inhalte und erschwerten die schnelle Orientierung.
Inkonsistente InteraktionenWiederkehrende Funktionen wurden nicht durchgängig gleich dargestellt oder bedient.
Erschwerte mobile Bedienung

Interaktive Elemente waren teilweise klein, dicht platziert oder schwer erreichbar.

Hoher Dokumentations-aufwand

Häufig genutzte Aufgaben wie die Symptomerfassung 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. Fehlende Priorisierung und visuelle Überladung machten es schwer, wichtige Bereiche zu identifizieren.

Designentscheidung

Die Navigationsstruktur wurde vereinfacht und Bereiche logisch gruppiert. Interaktive Elemente wurden vergrößert und leichter erreichbar platziert.

Ergebnis

Die Navigation wirkt übersichtlicher und konsistenter — zentrale Funktionen sind mit weniger Aufwand erreichbar.

Alte Navigation
Neue Navigation

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.

Designentscheidung

Die Startseite wurde als persönliches Dashboard neu konzipiert — Tracking-Daten, Informationen und häufig genutzte Funktionen in klarer visueller Hierarchie.

Ergebnis

Nutzer erhalten schneller einen Überblick und können wichtige Aufgaben direkt ausführen.

Tracking-Übersicht

Die Tracking-Übersicht bündelt erfasste Gesundheitsdaten und unterstützt Nutzer dabei, ihren Dokumentationsstand und Symptomverlauf nachzuvollziehen.

Problem

Die Übersicht war nur eingeschränkt überschaubar; kleine, dicht platzierte Interaktionselemente erschwerten die mobile Nutzung.

Designentscheidung

Neue Struktur mit stärkerer visueller Hierarchie, Diagrammen und Statusanzeigen; größere, klarer platzierte Interaktionselemente.

Ergebnis

Gesundheitsdaten lassen sich schneller erfassen und interpretieren; Nutzer verfolgen ihren Krankheitsverlauf leichter.

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.

Designentscheidung

Bestehende Funktionalität beibehalten, aber Informationshierarchie, Interaktionsdesign und mobile Bedienbarkeit optimiert.

Ergebnis

Reduzierter Aufwand bei der Dateneingabe; Symptome lassen sich effizienter dokumentieren.

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 erschwerte das Auffinden relevanter Beiträge.

Designentscheidung

Klarere visuelle Hierarchie, stärkere Priorisierung, deutlichere Kategorien und konsistentere Inhaltskarten.

Ergebnis

Bessere Scanbarkeit der Inhalte; Nutzer finden relevante Beiträge schneller.

Outcome

  • 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 über mehrere Module hinweg

Learnings

Die Akzeptanz digitaler Gesundheitsanwendungen hängt maßgeblich von der Qualität alltäglicher Interaktionen ab — besonders bei regelmäßiger Dokumentation sind geringer Interaktionsaufwand und gute mobile Bedienbarkeit entscheidend.

Die größte Herausforderung bestand darin, eine über Jahre gewachsene Funktionsvielfalt zu vereinfachen, ohne den Nutzen für bestehende Nutzer einzuschränken.

Nach oben scrollen