2023 (3 Wochen)
Figma
Alleine
UX/UI Designer
Übersicht
Als Design-Aufgabe habe ich die App "Me" für psychische Gesundheit neu gestaltet, um herauszufinden, wie ich dazu beitragen kann, Wettbewerbsnachteile zu verringern und das Engagement zu erhöhen, indem ich auf das Feedback der Nutzer eingehe.
Emotionen und Gedanken sind sehr persönlich. Für viele ist das Tagebuchschreiben eine Form des Ausdrucks. Für andere ist es ein Weg zu Klarheit und Wohlbefinden. "Me" ist ein umfassender Selbsthilfe-Coach und ein Stimmungstagebuch, das die psychische Gesundheit, die Selbstreflexion und die persönliche Entwicklung unterstützen soll.
Umgestaltungsprozess und -absichten
Durch die Einhaltung eines klaren Designprozesses konnte ich Ideen iterativ testen und verfeinern, um sicherzustellen, dass das Endprodukt den Erwartungen der Nutzer entspricht. Jede Phase wurde durch Schlüsselfragen gesteuert, um den Fokus und den Zweck zu erhalten.
Problem
"Me [ist] eine mobile App, die den Menschen hilft, ihren Verstand zu verstehen, um ihr geistiges Wohlbefinden zu steigern. [...] Es ist eine ansprechende App, die Selbstreflexion unterhaltsam und interessant macht.”
- Yannick Schmid (Mitgrüder)
Die App ist mit erheblichen Problemen konfrontiert, die die Nutzerzufriedenheit beeinträchtigen und auch nicht dem Leitbild der Marke entsprechen.
- Schlechte visuelle Hierarchie: Wichtige Elemente heben sich nicht ab, weil der Kontrast oder die Größendifferenzierung schlecht gewählt sind.
- Optisch unattraktives Design: Das visuelle Design der App ist unattraktiv und schafft es nicht, die Nutzer zu fesseln.
- Unklare Anweisungen: Labels und Anleitungen sind unklar und führen zu Verwirrung bei den Nutzern.
Nutzer-Interviews
Was wollte ich herausfinden?
- Was erwarten die Nutzer von einer App für psychische Gesundheit?
- Was gefällt den Nutzern am derzeitigen Ablauf und Aussehen der App oder nicht?
- Wie könnte die App ansprechender sein und die Nutzer dazu ermutigen, sie regelmäßig zu nutzen, um ihr psychisches Wohlbefinden im Auge zu behalten?
Zieldefinition
- Hierarchie festlegen: Wichtige Elemente klar hervorheben und Nutzer nahtlos durch die App führen.
- Visuelles Design modernisieren: Aktualisieren Sie das visuelle Design, um es an aktuelle Trends und die Markenidentität anzupassen.
- Verbesserung der Navigation: Stellen Sie klare, prägnante und leicht verständliche Beschriftungen und Anweisungen bereit, um die Verwirrung der Benutzer zu verringern und die Erledigungsquote zu erhöhen.
Design
In dieser ersten Phase konzentrierte ich mich hauptsächlich auf die visuelle Gestaltung. Ich wollte eine neue visuelle Identität der Marke schaffen, die der Zielgruppe (18-35 Jahre) entspricht
Ziel war es, High-Fidelity-Mockups für Konzepttests zu erstellen, um festzustellen, ob ich mich in die richtige Richtung bewege und die Bedürfnisse der Benutzer, insbesondere auf dem Startbildschirm, berücksichtige.
Konzepttest
Warum habe ich das so früh im Prozess getestet?
Durch die Validierung der ersten Ideen und das Verständnis der Nutzerbedürfnisse wollte ich sicherstellen, dass die Designrichtung mit den Erwartungen der Nutzer übereinstimmt, und letztlich Zeit und Ressourcen sparen, indem ich potenzielle Probleme frühzeitig im Prozess identifizierte.
Was wollte ich herausfinden?
- st das für Sie auf den ersten Blick als die Me App erkennbar?
- Ist der neue Startbildschirm einfach zu bedienen?
- Fühlt sich irgendetwas kompliziert oder überwältigend an?
Iterationen
Nach dem Konzepttest ging ich in die Iterationsphase über, in der ich meine Entwürfe auf der Grundlage des Nutzerfeedbacks verfeinerte. In dieser Phase ging es darum, eine emotionale Verbindung zu den Nutzern aufzubauen und das Design zugänglich zu machen. Durch die Zyklen des Entwerfens, Testens und Verfeinerns stellte ich sicher, dass jede Version besser wurde und das Produkt besser auf die Bedürfnisse der Nutzer abgestimmt war.
Illustrationen
Der Mensch ist ein visuelles Wesen. Wenn Illustrationen für den begleitenden Inhalt relevant sind und einen Mehrwert für den Nutzer darstellen.
Vereinfachung
Einfachere Oberflächen sind in der Regel zugänglicher für Nutzer, da sie oft weniger Interaktionskomplexität und kognitive Anstrengung erfordern.
Lesbarkeit
Bei einigen Bildschirmen musste der Kontrast zwischen Text und Hintergrund erhöht werden, um die Lesbarkeit für die Benutzer zu verbessern.
High-Fidelity Design
Integrierte visuelle Elemente wie Farben, Typografie und Bildmaterial in die Wireframes, um einen ausgefeilten Prototyp zu erstellen, der die Markenidentität und die Benutzeroberfläche genau widerspiegelt.
Hier sind einige ausgewählte Designs:
Finales Prototyp
Dieser interaktive Prototyp ermöglicht es Ihnen, das Design und die Funktionen der "Me"-App zu erkunden. Klicken Sie sich durch und erleben Sie die Benutzerführung und die Funktionen aus erster Hand.
Schlussfolgerung
Durch die Lösung der wesentlichen Fragen der visuellen Ansprechbarkeit, der Verbesserung der Navigation und der Schaffung einer ansprechenderen Erfahrung konnte das Endergebnis die Erwartungen der Nutzer erfüllen und sogar übertreffen.
Ich habe persönlich viel darüber gelernt, einen iterativen Designprozess zu akzeptieren, bei dem Designs kontinuierlich basierend auf Nutzerfeedback und Testergebnissen verfeinert werden.
Meine größte Erkenntnis war, dass es entscheidend ist, Nutzerforschungsfragen richtig vorzubereiten, die sich auf den Umfang des Projekts konzentrieren und gleichzeitig Raum für weitere Ideen lassen, anstatt die Fragen zu verallgemeinern.