ALL Work
UX/UI Design
Product Design
User Research
Digital Health

OnlineDoctor – Doctor Center

Eine responsive Arbeitsumgebung für dermatologische Fachpersonen – entwickelt, um medizinische Fälle klar zu priorisieren, effizient zu bearbeiten und zuverlässig zu dokumentieren.

OnlineDoctor Doctor Center
Client
OnlineDoctor AG
Product
Responsive web application for dermatologists
Role
UX/UI & Product Design
Year
2024
01 / Context

Context

OnlineDoctor ermöglicht die digitale Beurteilung von Hautproblemen. Patientinnen und Patienten reichen ihre medizinischen Angaben und Bilder online ein und erhalten innerhalb von 48 Stunden eine ärztliche Einschätzung.

Das Doctor Center bildet die zentrale Arbeitsumgebung für dermatologische Fachpersonen – von der Priorisierung neuer Fälle bis zur strukturierten Bearbeitung und Archivierung.

The interface should reduce cognitive load without reducing clinical detail.
48h

Innerhalb dieses Zeitfensters erhalten Patientinnen und Patienten eine ärztliche Einschätzung.

85%

Der eingereichten Fälle können laut OnlineDoctor vollständig digital bearbeitet werden.

02 / Challenge

The challenge

Die bestehende Oberfläche erschwerte den schnellen Überblick. Fehlende Priorisierung, lange Listen und unklar gegliederte Falldaten verlangsamten die tägliche Bearbeitung.

Die Herausforderung bestand darin, komplexe medizinische Informationen verständlich zu strukturieren, ohne klinisch relevante Details zu reduzieren. Das Interface musste sowohl am Desktop in der Praxis als auch mobil zuverlässig funktionieren.

03 / PROCESS

Research first. Structure before polish.

Surveys, Interviews und Produktanalysen machten unterschiedliche Nutzungskontexte und zentrale Pain Points sichtbar. Besonders wichtig waren eine klare Fallpriorisierung, kürzere Wege in der Bearbeitung und ein zuverlässiger Zugriff auf abgeschlossene Fälle.

Die Erkenntnisse wurden zunächst in Low-Fidelity-Wireframes übersetzt und anschliessend als High-Fidelity-Prototypen ausgearbeitet. Usability Tests, iterative Reviews und die enge Abstimmung mit Product und Development verfeinerten Informationsarchitektur, Interaktionslogik und responsive Verhalten.

01

Discover

Surveys, Interviews und Produktanalysen machten Bedürfnisse, Nutzungskontexte und Reibungspunkte sichtbar.

02

Define

Aufgaben, Prioritäten und medizinische Informationen wurden in eine klare Produktstruktur übersetzt.

03

Prototype

Low- und High-Fidelity-Prototypen bildeten die wichtigsten Arbeitsabläufe realitätsnah ab.

04

Validate

Usability Tests, Iterationen und Design Reviews sicherten Verständlichkeit und technische Umsetzbarkeit.

04 / FEATURE — INBOX

A prioritised inbox instead of a simple list.

Die Inbox bildet den täglichen Einstiegspunkt. Status, Dringlichkeit und nächste Aufgabe sind auf den ersten Blick erkennbar und unterstützen eine effiziente Triage.

Doctor Center Inbox

Clear priorities

Dringlichkeit und Bearbeitungsstatus machen relevante Fälle sofort sichtbar.

Actionable overview

Jeder Eintrag zeigt die wichtigsten Informationen und den nächsten notwendigen Schritt.

Responsive workflow

Die Fallübersicht bleibt auf Desktop und Mobile klar strukturiert und bedienbar.

05 / FEATURE — CASE MANAGEMENT

Every relevant detail in one case workspace.

Die Fallbearbeitung bündelt Patientendaten, medizinische Angaben, Bildmaterial und nächste Schritte in einer konsistenten Ansicht. So bleiben alle relevanten Informationen während der Beurteilung im direkten Kontext verfügbar.

Doctor Center Case Workspace
DESIGN PRINCIPLE
The interface should reduce cognitive load without reducing clinical detail.
06 / FEATURE — ARCHIVE

An archive built for clinical follow-up.

Die integrierte Suche macht abgeschlossene Fälle schnell wieder auffindbar. Einheitliche Interaktionsmuster und eine klare Informationsstruktur unterstützen Rückfragen und spätere Behandlungen ohne unnötige Suchwege.

Doctor Center Archive

Fast retrieval

Die integrierte Suche ermöglicht den gezielten Zugriff auf abgeschlossene Fälle.

Consistent patterns

Bekannte Interaktionsmuster aus der Inbox reduzieren die Einarbeitung in das Archiv.

Reliable overview

Relevante Falldaten bleiben übersichtlich und auf unterschiedlichen Geräten zugänglich.

07 / OUTCOME

A coherent workspace for everyday medical decisions.

Das neue Doctor Center verbindet Inbox, Fallbearbeitung, Archivsuche und Abwesenheitsplanung in einer konsistenten responsiven Arbeitsumgebung.

Die klare Produktlogik reduziert unnötige Such- und Navigationswege, ohne medizinische Details auszublenden. Dadurch können dermatologische Fachpersonen Fälle schneller erfassen, priorisieren und fundiert bearbeiten.

Product Analysis
Competitor Analysis
User & Stakeholder Interviews
Information Architecture
Wireframes
High-Fidelity Prototype
Responsive User Interface
Usability Testing
Developer Handoff
Design Review