IDA

Optimierte und personalisierte Versorgung bei Brustkrebs

Das Projekt

Wer gerade erst die Diagnose Brustkrebs erhalten hat, ist kaum in der Verfassung, die komplexen Details der bevorstehenden Behandlungen und Untersuchungen mit all ihren möglichen Verzweigungen zu verstehen und zu behalten. Deshalb fühlen sich Patient:innen oft schlecht informiert und erhalten nicht immer die bestmögliche Behandlung.

Die IDA-App setzt genau hier an: Sie gibt Patient:innen einen klaren Überblick über ihren individuellen Behandlungspfad und ihre Therapieoptionen. Über die App können Patient:innen ihre Symptome unkompliziert an ihr Behandlungsteam melden – für eine zeitnahe Kommunikation und eine Versorgung, die auf ihre persönlichen Bedürfnisse zugeschnitten ist.

bitcrowd hat gemeinsam mit dem IDA-Team diese Lösung erforscht, gestaltet und entwickelt.

Auftraggeber

Charité Berlin

Zur Kundenseite

Die Herausforderung

Eine Krebsdiagnose bringt eine Fülle von Informationen mit sich. Verständlicherweise sind Patient:innen nach der Diagnose oft gestresst und in großer Sorge. Sie müssen Informationen über ihre Diagnose aufnehmen und behalten und gleichzeitig den Überblick über Untersuchungen, Termine, Behandlungen und Entscheidungen bewahren.

Auch für Ärzt:innen ist das eine Herausforderung: Sie müssen erklären, was in den kommenden Monaten voraussichtlich passieren wird, und einen individuellen Behandlungsplan aktuell halten, sobald neue Befunde und Entscheidungen vorliegen – während Patient:innen sich oft nur schwer merken können, was ihnen im ersten Diagnosegespräch gesagt wurde.

Screenshot der IDA-Oberfläche für Ärzt:innen mit dem Behandlungspfad einer Patientin

Das Produkt

IDA bietet Patient:innen einen detaillierten Behandlungsplan, der auf ihren individuellen Fall zugeschnitten ist. Der Plan lässt sich im Laufe der Behandlung aktualisieren und spiegelt Änderungen wider, die Ärzt:innen nach neuen Befunden vornehmen. Über ein dynamisches Dashboard verwalten Ärzt:innen den persönlichen Behandlungsplan und die Therapien der Patient:innen. Ein separates Admin-Panel dient der allgemeinen Systemverwaltung, etwa von Behandlungsvorlagen und Benutzer:innenkonten.

Wir haben mit dem IDA-Team in den Bereichen Research, Spezifikation, Ideenfindung, UX- und UI-Design, Prototyping sowie Softwareentwicklung (Backend und Frontend) zusammengearbeitet.

Die Zusammenarbeit

Dieses Projekt entstand in enger Partnerschaft mit dem IDA-Team – von der Recherche über das Design bis zur Entwicklung –, um eine Lösung für echte Herausforderungen in der Krebsversorgung zu schaffen. Gemeinsam haben wir ein System gebaut, das die Kommunikation vereinfacht, sich an Veränderungen anpasst und die Patient:innen in den Mittelpunkt ihrer Behandlung stellt.

Screenmap der Patient:innen-Oberfläche: Post-its für jeden Screen

Den klinischen Arbeitsablauf verstehen

Zu Beginn haben wir in Workshops mit dem IDA-Team den Produktumfang, die Anforderungen und den Zeitplan erarbeitet. Anschließend folgte ethnografische Forschung mit Ärzt:innen, um zu verstehen, wie sie rund um eine Krebsdiagnose mit Patient:innen interagieren. Auf Grundlage unserer Erkenntnisse haben wir User Personas und User Journey Maps erstellt, die die anschließende Designarbeit geprägt haben.

Wireframes für die Behandlungspfad- und Symptom-Screens der Patient:innen-Oberfläche

Die Ärzt:innen von IDA waren während des gesamten Designprozesses eingebunden. Wir begannen mit einem Sketching-Workshop, um die wichtigsten Screens zu erarbeiten, überführten die Ergebnisse in digitale Wireframes und einen Click-Dummy-Prototypen und verfeinerten beides anhand des Feedbacks, bevor wir mit dem visuellen Design begannen. Auf Basis der Wireframes entstanden in unserem Design-Team High-Fidelity-UI-Screens, die die visuelle Sprache, die Komponentenbibliothek und die Interaktionsdetails festlegten – bis hin zum finalen Design der Anwendung.

Screenshots der IDA-Oberfläche für Patient:innen mit Symptomliste und Formular

Rollen – Design für unterschiedliche Nutzer:innen

IDA kennt drei Benutzerrollen: Patient:innen, Ärzt:innen und Administrator:innen. Jede Rolle hat ihre eigene Oberfläche und eigene Berechtigungen.

Patient:innen nutzen eine React-basierte Progressive Web App, um auf Smartphone, Tablet oder Desktop auf ihren Behandlungsplan zuzugreifen. Dort sehen sie ihren persönlichen Behandlungsplan und ihre Behandlungstermine, können Symptome melden, Hinweise zum Umgang mit Symptomen abrufen und persönliche Notizen führen.

Screenshot der IDA-Oberfläche für Ärzt:innen mit den Symptomen einer Patient:in

Ärzt:innen verwalten ihre Patient:innen und deren individuelle Behandlungspläne über ein dynamisches Dashboard. Sie können neue Patient:innen anlegen, Behandlungspläne erstellen und anpassen, gemeldete Symptome im Blick behalten, Behandlungstermine verfolgen und den Fortschritt überprüfen.

Mit einem Vorlagensystem, das bitcrowd in das Dashboard der Ärzt:innen integriert hat, lassen sich neue Behandlungspfade auf Basis üblicher Verläufe schnell anlegen und bei Bedarf an die jeweilige Patientin oder den jeweiligen Patienten anpassen.

Screenshot der IDA-Admin-Oberfläche mit einer Vorlage für einen Behandlungspfad

Administrator:innen verwalten Benutzer:innen und die Systemkonfiguration. Sie erstellen und pflegen Vorlagen für Behandlungspfade, behalten deren Versionen im Blick und überwachen Benutzerzugänge, Patientendaten und die Konten der Ärzt:innen.

Durch rollenbasierte Zugriffskontrolle sind die drei Bereiche der Anwendung sicher voneinander getrennt.

Screenshot des Bearbeiten-Buttons am Behandlungspfad einer Patientin in der IDA-Oberfläche für Ärzt:innen

Den Behandlungsplan aktuell halten

Ein Behandlungspfad steht nicht zwangsläufig fest. Befunde können Entscheidungen verändern, Termine können sich verschieben und neue Symptome können eine Anpassung erfordern. IDA versteht den Behandlungsplan deshalb als etwas, das sich im Laufe der Zeit verändern kann. Ärzt:innen können den Pfad einzelner Patient:innen im Verlauf der Behandlung aktualisieren, und Patient:innen sehen jederzeit die aktuelle Version ihres Plans. Ändert eine Ärztin oder ein Arzt den Behandlungsplan, wird die Ansicht der Patient:in entsprechend aktualisiert.

Technische Architektur

Die IDA-Anwendung basiert auf einem Elixir/Phoenix-Backend für Administrator:innen und Ärzt:innen sowie einer ReactJS Progressive-Web-App (PWA) für Patient:innen. Wir haben die Webanwendung mobile-first und responsiv entwickelt, damit sie auf unterschiedlichen Geräten und Bildschirmgrößen funktioniert. Die PWA greift über eine GraphQL-API, die wir in das Elixir-Backend integriert haben, sicher auf Patientendaten und Behandlungspläne zu. Das Backend verwaltet außerdem Benutzer:innen, Behandlungspläne und Behandlungsvorlagen. Rollenbasierte Zugriffskontrollen legen fest, auf welche Teile des Systems die einzelnen Nutzer:innen zugreifen können.

Das Ergebnis

IDA vereint die Seite der Patient:innen und die der Ärzt:innen im Arbeitsablauf rund um en Behandlungsplan zur Bekämpfung von Brustkrebs in einem System – aufgebaut um einen Behandlungsprozess, der sich im Laufe der Zeit verändern kann, statt um eine starre Abfolge von Schritten.

Weitere vergangene Projekte

Radioeye

Berlin Institute of Health

Seit Jahren ist die Forschungseinrichtung der Charité für ihre bahnbrechenden Arbeiten in vielen verschiedenen medizinischen Bereichen bekannt. Produkte, die von ihren Forschungsteams entwickelt wurden, werden in realen medizinischen Studien getestet, bevor sie in Krankenhäusern in ganz Deutschland eingeführt werden – zur Behandlung von Menschen und zur Rettung von Leben.

Radioeye, ein Projekt der Charité Berlin, unterstützt Radiolog:innen bei der Diagnose seltener und atypischer Augenerkrankungen. In enger Zusammenarbeit mit dem Team von Radioeye und den Radiolog:innen haben wir deren Arbeitsabläufe und Produktanforderungen untersucht, um eine Webanwendung zu entwickeln, die nahtlos in ihren Arbeitsalltag integriert werden kann.

Wir haben sowohl Low- als auch High-Fidelity-Wireframes erstellt und diese in mehreren Iterationen gemeinsam mit den klinischen Expert:innen verfeinert. Dabei haben wir strengste rechtliche Anforderungen für medizinische Produkte beachtet und ein Designsystem entwickelt, das wir nutzten, um vollständige visuelle Designs für jede der zuvor skizzierten Screens zu erstellen.

Released: Juli 2023

Erfahre mehrüber Radioeye