Skip to content
UX/UI Design

SkinScreener App neu konzipiert und gestaltet

reference_medaia_header

In a nutshell

SkinScreener ist eine zertifizierte medizinische App für die schnelle und einfache Risikobewertung von Hautkrebs. Durch den Einsatz von künstlicher Intelligenz (KI, AI) scannt und analysiert die App Hautflecken (Muttermale, Hautläsionen oder Ähnliches) mit einer Genauigkeit von 95%.
Parkside Interactive hat die UX und UI der App in enger Zusammenarbeit mit dem Kunden neu gestaltet. Um den Nutzen und die Vertrauenswürdigkeit der App zu kommunizieren, wurde bei der Neugestaltung ein besonderer Fokus auf Erklärbarkeit, Kontrolle und Feedback sowie den Aufbau von Vertrauen in KI gelegt.

medaia
Business Challenge

Die Qualität der Risikobewertung zu vermitteln und das Vertrauen der Nutzer zu gewinnen. Die Vorteile der App stärker ins Bewusstsein zu rücken und den Nutzer zu motivieren, die App regelmäßig zu nutzen.

Projekt

Projektübersicht Unser Kunde Herausforderungen und Ziele Unsere Lösung Ergebnis und Zukunftspläne

Projektübersicht

Dauer

12/2021 — 03/2022

Team-Setup

Principal UX Designer mit Schwerpunkt User Research und UX for AI, Lead UX Writer, UX Designer, UI Designer

Leistungen

Design Consulting User Research UX Writing UX Design UI Design

Über medaia / SkinScreener

Die medaia GmbH ist ein innovatives Start-up mit Sitz im Herzen der Steiermark, Österreich, geleitet von Experten mit unterschiedlichen Spezialisierungen, von Neurowissenschaften über Medizin bis hin zu biomedizinischer Technik. Das Unternehmen entwickelt einfach zu bedienende, klinisch validierte digitale Produkte auf der Basis von KI.

Herausforderungen und Ziele

Nachdem sich die ersten Versionen der App hauptsächlich auf die Optimierung der KI-Technologie und deren Genauigkeit bei der Erkennung und Klassifizierung von Hautflecken konzentrierten, bestand unsere Aufgabe darin, die Benutzererfahrung der App auf das gleiche Niveau zu bringen. Das Redesign der App hatte 3 Hauptziele:

01

Aufbau und Stärkung des Nutzervertrauens

Eine Beziehung zwischen Patienten und Ärzten setzt ein gewisses Maß an Vertrauen voraus — nicht nur in die Kompetenzen des Arztes, sondern auch in die Vertraulichkeit der Daten und den Gesundheitszustand des Patienten. Unser Ziel war es daher, die Vorteile der SkinScreener-App zu vermitteln und ein entsprechendes Vertrauen der Nutzer in die App aufzubauen.
02

Erläuterung des Systems und des Ergebnisses

Die Funktionsweise von künstlicher Intelligenz ist für viele Menschen nicht nachvollziehbar, und ihre Ergebnisse sind oft schwer verständlich, da sie auf komplexen Analysen und Berechnungen beruhen. Unser Ziel war es, dem Nutzer zu erklären, worauf die einzelnen Risikobewertungen der App basieren und warum sie dadurch genaue Ergebnisse liefert.
03

Verbesserung der Interaktion

Kommunikation und Feedback sind grundlegende Bestandteile menschlicher Interaktionen, so auch bei einem Arztbesuch. Die Funktion der App, Feedback zu geben, soll eine gute Arzt-Patienten-Beziehung imitieren und so das Vertrauen der Nutzer und die Wahrscheinlichkeit einer regelmäßigen Nutzung der App erhöhen.

Unsere Lösung

In einer Reihe von Workshops mit unserem Kunden erlangten wir ein tiefes Verständnis für ihre Nutzer und lernten, wie wir ihre Skepsis gegenüber künstlicher Intelligenz abbauen können. Wir haben die Bedürfnisse, Erwartungen und mentalen Modelle der Nutzer erfasst, um die Korrelation mit traditionellen Hautuntersuchungen zu finden. Zusätzliche UX-Writing-Sessions halfen uns, die Verwendung von Sprache im medizinischen Kontext zu untersuchen und zu definieren. Die Ergebnisse dienten als Grundlage für ein verfeinertes Konzept der User Experience, das den Erwartungen der Nutzer entsprach, sowie für ein ansprechendes visuelles Design.

Was wir implementiert haben

01

Welcome-Screens & User Onboarding

Um das Vertrauen der Nutzer zu gewinnen, haben wir Onboarding-Screens implementiert, die erklären, wie die App funktioniert, die Wissenschaft dahinter und warum sie so genau ist. Wir gehen auch ausführlich auf Datenschutz, Datenspeicherung und andere sicherheitsrelevante Fragen ein.
02

Erläuterung der medizinischen Praktiken & e-Doctor

Um den Nutzern zu erklären, wie die App ihre Scans auswertet, erläutern wir medizinische Praktiken und die Wissenschaft hinter der App auf einfache und verständliche Weise. In der neuen App-Version haben die Nutzer zusätzlich die Möglichkeit, eine Beurteilung von einem E-Doktor anzufordern.
03

Scan-Erinnerung & Körperkarte

Um eine regelmäßige Routine bei der Nutzung der App aufzubauen, können die Nutzer Erinnerungen für ihre bevorstehenden Scans einrichten. Eine Körperkarte hilft dabei, ihre gescannten Hautstellen einer Körperregion zuzuordnen und so leichter den Überblick zu behalten.
04

Neues visuelles Design und moderner Look

Um die Qualität und Vertrauenswürdigkeit der App zu kommunizieren, spielt das visuelle Design eine wesentliche Rolle. Aus diesem Grund wurden Farben, Schriftarten und Formen neu definiert und genau aufeinander abgestimmt, um der App ein professionelles und modernes Aussehen zu verleihen.
05

Verbessertes UX-Writing & Tonalität

Wir haben UX-Writing-Richtlinien definiert und eine mitfühlende, enthusiastische und professionelle Tonalität für die App geschaffen. Eine fürsorgliche App antizipiert die Sorgen und Bedürfnisse der Nutzer und versucht, ihr Bewusstsein für Hautkrebs zu schärfen.
06

Die Möglichkeit, Feedback zu geben

Um zu zeigen, dass ihre Meinung zählt, und um den gesamten App-Service zu verbessern, haben wir den Nutzern auch die Möglichkeit geboten, ihr Feedback abzugeben.

Ergebnis & Zukunftspläne

Mit der neuen App-Struktur, einem starken Fokus auf UX Writing und dem neuen visuellen Design konnten wir mehr Transparenz schaffen und das Vertrauen der Nutzer erhöhen. Neue Features, wie die Erinnerungs- und Feedback-Funktion, machen die Nutzung der App einfacher und angenehmer. Das neue UI-Design der App unterstreicht die Qualität des Produkts und trägt visuell zu einem positiven Nutzererlebnis bei. Nachdem wir die finalen UI-Screens und die UX-Writing-Richtlinien übergeben haben, wird die redesignte Version der App nun vom Kunden entwickelt.

In Zukunft könnten zusätzliche Funktionen zu einem noch besseren Benutzererlebnis führen. Zum Beispiel könnten Nutzer, die von der App eine hohe Risikobewertung erhielten und daraufhin die Meinung eines Dermatologen eingeholt haben, ihr Feedback ob die Bewertung richtig oder falsch war, innerhalb der App teilen. Auf diese Weise könnte die KI noch mehr aus dem Nutzerfeedback lernen und die Genauigkeit ihrer Bewertungen erhöhen.

mobile_references_next_revvy
Digital Product Design

Revvy.
Humanressourcen neu gedacht.

Explore case