← Zurück zu allen Projekten
UI/UX Mobile App UX Research User Testing

KinderCare — Pediatric Health Companion

Ein mobiler Prototyp, der die Terminbuchung beim Kinderarzt, gemeinsame Betreuung und Vorsorgeplanung für mehrsprachige Familien mit mehreren Betreuungspersonen vereinfacht.

Alleinige UX Designerin
3 Monate
Figma · Miro · UserTesting
Bildungsprojekt
▶ Prototyp ansehen
KinderCare App-Screens

Projekthintergrund

Dieses Bildungsprojekt entstand aus einem persönlichen Bedürfnis — und aus einer Erfahrung, die viele Eltern kennen, die kürzlich nach Deutschland gezogen sind.

Als Mutter selbst habe ich oft Schwierigkeiten, Kinderarzttermine zu buchen.

Diese Erfahrung veranlasste mich, die Herausforderungen anderer Betreuungspersonen bei der Organisation von Arztterminen und gesundheitsbezogenen Aufgaben zu untersuchen — und zu überlegen, wie eine digitale Lösung den Zugang, die Koordination und die Sicherheit für Familien verbessern könnte.

Lieferumfang

Research • Empathy Maps & wichtigste Pain Points • Personas • Journey Map • IA • Wireframes • Usability-Studie & Design-Iterationen • Hi-Fi-Prototyp • Style Guide

Alle wichtigen Artefakte sind unten verfügbar — klicken Sie, um Research, Wireframes und Prototypen zu erkunden.

▶ Details
  • ✅ Research-Zusammenfassung — Interviews n=8, Umfrageergebnisse, 5 Schlüsselerkenntnisse
  • ✅ Empathy Maps & Pain Points — individuelle Karten n=8, aggregiert n=3, 3 Haupt-Pain-Points
  • ✅ Personas — 1 primäre, 2 Edge Cases
  • ✅ Journey Map — Journey Map der primären Nutzerin
  • ✅ Informationsarchitektur — Sitemap + Navigationsentscheidungen
  • ✅ Wireframes — Papier- & digitale Wireframes
  • ✅ Usability-Studie & Design-Iterationen — quantitative Zusammenfassung, moderierte Tests, Empfehlungen
  • ✅ Hi-Fi-Prototyp — Figma-Link
  • ✅ Visueller Style Guide — Farben, Typografie, Komponenten

Projektdetails

Ziel war es, die Kinderheilkunde für Familien in Deutschland zu vereinfachen — Terminbuchung in 3 Klicks statt 20 Minuten Warteschleife am Telefon.

Meine Rollen & Aufgaben

Rolle: UX Designerin (Solo)

Was ich gemacht habe: Research • Personas • Journey Maps • IA • Wireframes • Hi-Fi-Prototyp • Usability Testing • Barrierefreiheit • Visueller Stil

Kernproblem

💡 Wie können wir die Terminbuchung beim Kinderarzt und die Gesundheitsdokumentation so vereinfachen, dass Eltern die medizinische Versorgung ihrer Kinder mit Vertrauen und Leichtigkeit organisieren können?

Lösung

Meine Lösung konzentriert sich auf die größten Pain Points der Eltern — Buchungsaufwand, Vorsorgeplanung und Koordination zwischen mehreren Betreuungspersonen.

1. Schnelle Terminbuchung mit Smart-Filtern

▶ In Figma ausprobieren Terminbuchungs-Screens

Buchung in 3 einfachen Schritten statt 20 Minuten am Telefon · Smart-Filter nach Fachrichtung, Sprache, Entfernung

2. Gesundheits-Timeline: Vorsorge & Impfungen

▶ In Figma ausprobieren Vorsorge- und Impfkalender

Alle Vorsorgeuntersuchungen in einem übersichtlichen Tracker: bevorstehend, überfällig und abgeschlossen

3. Betreuungszugang

▶ In Figma ausprobieren Betreuungszugang-Screens

Sicherer, anpassbarer Zugang für vertrauenswürdige Betreuungspersonen bei gleichzeitigem Schutz sensibler Gesundheitsdaten

4. Mehrere Kinder in einem Konto

▶ In Figma ausprobieren Mehrere Kinder in einem Konto

Betreuung aller Kinder organisieren, ohne die App zu wechseln oder sich erneut anzumelden

Prozess

Primärforschung

Methode: Umfragen und halbstrukturierte Interviews (n = 8). Ich kombinierte Umfragen und Interviews mit Eltern und Betreuungspersonen — darunter berufstätige Eltern, sehbehinderte Betreuungspersonen und ältere Betreuer mit eingeschränkter Technikaffinität.

💡 Schlüsselerkenntnisse

Eltern hassen Warteschleifen am Telefon — sie wollen schnelle, zuverlässige Wege zur Terminbuchung.

Mitbetreuende und die erweiterte Familie brauchen einfache Möglichkeiten, auf dem Laufenden zu bleiben.

Barrierefreiheit ist unverzichtbar — wenn etwas schwer zu bedienen ist, rufen die Leute einfach an.

Beschäftigte Eltern verlassen sich auf Erinnerungen — automatische Benachrichtigungen reduzieren verpasste Termine.

Einfachheit beim Onboarding und in der Navigation ist entscheidend für ältere oder weniger technikaffine Betreuungspersonen.

▶ Was Nutzer sagen
„Niemand wartet gerne ewig in der Leitung! Auf jemanden warten zu müssen, kann frustrierend sein, besonders wenn man einen vollen Terminkalender hat."
— Berufstätige Mutter 💡 Eltern brauchen schnelle, zuverlässige Alternativen, um keine Zeit mit Telefonaten zu verschwenden.
„Lilys Mama und ich führen einen gemeinsamen Online-Kalender, in dem wir alle ihre Termine, Medikamentenpläne und Arztnotizen eintragen."
— Berufstätiger Vater 💡 Gemeinsamer Zugang und Koordinationstools sind unverzichtbar für Mitbetreuende und die erweiterte Familie.
„Mal ehrlich: Websites mit eingeschränktem Sehvermögen zu navigieren kann sehr frustrierend sein. Wenn die Online-Terminbuchung nicht zugänglich oder nutzerfreundlich ist, greife ich lieber zum Telefon."
— Sehbehinderte Betreuungsperson 💡 Barrierefreiheit ist nicht verhandelbar. Interfaces müssen Nutzer mit Sehbehinderungen unterstützen.
„Ehrlich gesagt können neue Apps auf meinem Smartphone ein zweischneidiges Schwert sein... Es dauert, bis ich mich damit zurechtfinde, und manchmal fühle ich mich damit einfach überfordert."
— Ältere Betreuungsperson 💡 Einfachheit ist entscheidend. Wenn Onboarding oder Navigation überwältigend wirken, scheitert die Nutzung.

Empathy Maps & wichtigste Pain Points

Auf Basis der Interviews erstellte ich Empathy Maps für jeden Teilnehmer — was Teilnehmer sagen, denken, tun und fühlen. Die Forschung ergab drei wichtige Pain Points:

⚠️ Die Navigation durch komplexe Apps mit winzigen Icons, Menüs und ablenkenden Elementen frustriert Nutzer.

⚠️ Eltern wollen sicher sein, dass die Gesundheitsdaten ihrer Kinder sicher und geschützt sind.

⚠️ In dringenden Situationen bevorzugen viele Nutzer noch immer den Anruf gegenüber der Online-Buchung.

Research-Notizen und Empathy Maps

Primärforschungsnotizen aus Interviews mit Eltern und Betreuungspersonen

Personas

Basierend auf Nutzerforschung, Umfragen und Interviews entwickelte ich drei Personas — eine primäre Nutzerin und zwei wichtige Edge Cases.

Primäre Persona
🎯 Primäre Nutzerin

Eine berufstätige Betreuungsperson, die die Gesundheitsversorgung eines oder mehrerer Kinder koordiniert.

Edge Case 1
🧩 Edge Case

Eine ältere Betreuungsperson, die extrem einfache Tools benötigt, um keine sensorische Überlastung zu erfahren.

Edge Case 2
🧩 Edge Case

Ein Elternteil, das nicht Deutsch als Muttersprache spricht und klare Kommunikation zur Gesundheitsorganisation benötigt.

Journey Map

Ich erstellte eine Journey Map, um die Schritte, Emotionen und Pain Points der primären Nutzerin im Rahmen der Kinderheilkunde zu visualisieren. Verbesserungsmöglichkeiten sind farbcodiert: 🔴 Rot = hohe Priorität, 🟢 Grün = sekundäre Verbesserungen.

Board lädt nicht? Journey Map in Miro öffnen →

Informationsarchitektur

Ich entwickelte eine Informationsarchitektur, um Inhalte und Funktionen logisch zu strukturieren. Farbcodiert: 🔵 Kernstrukturen, 🟢 Kerninhalte, 🟣 Wiederverwendbares Buchungsmodul, 🟠 Buttons.

Board lädt nicht? IA in Miro öffnen →

Wireframes & Iterationen

Ich ging von Papier-Skizzen → Mid-Fidelity → High-Fidelity über und validierte Hierarchie und Interaktionen auf jeder Stufe.

Homepage-Wireframe-Iterationen

Startseite: Low-Fi → Mid-Fi → High-Fi. Buchung als einziger daumenerreichbarer CTA in den Vordergrund gestellt.

Navigations-Wireframe-Iterationen

Navigation: Hamburger-Menü zugunsten einer unteren Tab-Leiste mit klaren Beschriftungen entfernt.

Kinderprofil-Wechsel-Iterationen

Kinderprofil-Wechsel: Ein-Tipp-Zugang von jedem Screen über die obere Navigationsleiste.

Terminverwaltungs-Iterationen

Terminverwaltung: Größere Tippziele, klare visuelle Hierarchie, ruhigerer Schritt-für-Schritt-Ablauf.

Usability-Studie

Obwohl es sich um ein Bildungsprojekt mit begrenzten Ressourcen handelte, ergänzte ich qualitative Erkenntnisse um eine leichte quantitative Schicht.

Kennzahl Piloterergebnis (n=5) Zukünftiges Ziel
Buchungsabschlussrate5/5≥ 90%
Durchschnittliche Buchungszeit~2–3 Min.< 3 Min.
Zugangsteilung abgeschlossen4/5≥ 90% nach Korrekturen
SUS-Score (ca.)~75–80> 75 („gut")
Anrufe bei der Praxis während Buchung2/5 Teilnehmer↓ 30% nach Verbesserungen
Verwirrung beim Kinderwechsel2/5 Nutzer hatten ProblemeMinimal nach Anpassungen

Zahlen basieren auf einem kleinen Pilottest. Zukünftige Arbeit würde größere Stichproben und formalisierte Kennzahlen umfassen.

Wichtige User Flows

Flow 1 — Termin buchen

Ziel: Schnelle, intuitive Buchung für Betreuungspersonen mit wenig Zeit oder Sprachbarrieren.

▶ Interaktiven Flow in Figma ansehen
  • 3-Schritte-Struktur (Suchen → Auswählen → Bestätigen) reduzierte Reibung und unterstützte schnelle Entscheidungen.
  • Progressive Offenlegung — nur relevante Felder werden bei jedem Schritt angezeigt.
  • Bestätigungsscreen nutzt das Abschlussprinzip und schafft Vertrauen vor der Buchung.
  • Mehrsprachige Filter — inklusive Arztsprache, für Nicht-Muttersprachler.
♿ Einhandbedienung · Große Tippziele · Hoher Kontrast

Flow 2 — Zugang teilen

Ziel: Balance zwischen Datenschutz, Einfachheit und Barrierefreiheit für mehrere Betreuungspersonen.

▶ Interaktiven Flow in Figma ansehen
  • Vordefinierte Zugangsstufen (Betreuer / Beobachter / Assistent) reduzieren kognitive Belastung.
  • Anpassbare Berechtigungen unterstützen reale Betreuungskomplexität.
  • Transparenz nach Einladung — jederzeit einsehbar, wer Zugang hat, stärkt das Vertrauen.
  • Sprachunabhängige Icons helfen mehrsprachigen Betreuungspersonen.
♿ Klare Hierarchie · Intuitive Aktionen

Flow 3 — Gesundheits-Timeline

Ziel: Verpasste Termine verhindern, Stress reduzieren und Vorsorge zentralisieren.

▶ Interaktiven Flow in Figma ansehen
  • Handlungsorientierte Timeline — alle Vorsorgeuntersuchungen an einem Ort (bevorstehend, überfällig, abgeschlossen).
  • Bedingte Aktionen (Anrufen / Buchen) halten die Benutzeroberfläche fokussiert.
  • Automatische Erinnerungen verhindern verpasste Termine.

Style Guide

Ich entwickelte ein weiches, barrierefreies visuelles System um zwei Kerntöne: zuverlässiges Blau (#315096) für Klarheit und Fokus, und optimistisches Limette (#E2F5A3) für Wärme und Zugänglichkeit. Poppins für Überschriften, Inter für Fließtext. Alle interaktiven Elemente erfüllen die WCAG-Kontrastanforderungen.

KinderCare Style Guide

Fazit

Accessibility-first-Design und iteratives Testen verbesserten die Nutzbarkeit für sehbehinderte, ältere und mehrsprachige Betreuungspersonen. Der Wert des Projekts liegt nicht nur im finalen Prototyp — sondern in den Prinzipien, die ich mitnehme.

Was gut funktioniert hat: Hoher Kontrast und große Tippziele verbesserten die Usability für alle Nutzer; fokussierter CTA + untere Navigation reduzierte Reibung; vordefinierte Zugangsstufen steigerten das Vertrauen; die Kombination aus qualitativen und leichten quantitativen Daten brachte Tiefe.

Was ich anders machen würde: Einfache Kennzahlen schon in Runde eins erheben; Texte früher mit A/B-Tests prüfen; Barrierefreiheit bereits in Komponenten dokumentieren.

💬 Obwohl die App darauf ausgelegt war, Telefonanrufe zu reduzieren, schätzten Betreuungspersonen die Ein-Tipp-Anrufoption — eine Erinnerung daran, dass Menschen auch in digitalen Lösungen menschliche Verbindung brauchen.

Kontakt aufnehmen

Wenn Ihnen meine Arbeit gefallen hat, freue ich mich auf ein Gespräch über Möglichkeiten oder Zusammenarbeit.

✉ E-Mail senden 💼 LinkedIn

💎 Helfen Sie mir, meine Arbeit zu verbessern

Danke, dass Sie sich die Zeit genommen haben, mein Portfolio zu sehen! Ihr Feedback hilft mir, als UX Designerin zu wachsen. Dauert nur 2–3 Minuten. Antworten sind anonym.

Feedback hinterlassen →