san.
DE EN ES
Plant-Me App

UX/UI Product Design · 2024

Plant-
Me

Gestaltung einer Erfahrung, die Unsicherheit in klare Entscheidungen für die Pflanzenpflege verwandelt.

← Zurück zu den Projekten
01 / KontextUX/UI

Eine Pflanze zu pflegen wirkt einfach, bis etwas schiefläuft.

Was passiert mit ihr?

Wie kann ich sie retten?

Mache ich das Richtige?

Das Problem war nicht fehlende Information, sondern die Schwierigkeit, verstreute Informationen in eine klare Entscheidung zu übersetzen.

Plant-Me entstand, um diese Unsicherheit in eine klarere, geführte und leichter nachvollziehbare Pflegeerfahrung zu verwandeln.

Meine Rolle
  • Befragte Nutzer:innen und erstellte User Journeys
  • Gestaltete die Navigation um die häufigsten Aufgaben herum
  • Priorisierte den Scan als Hauptaktion nach Reibungspunkten im Test
  • Testete die Oberfläche und passte die Hierarchie an die Ergebnisse an
Ergebnis
Redesign einer mobilen App
Werkzeuge
Figma · Optimal Workshop · Google Forms
02 / Die Herausforderung

Es ging nicht darum, mehr Informationen anzubieten, sondern bessere Entscheidungen zu ermöglichen.

01

Identifizieren

Verstehen, was mit einer Pflanze passiert.

02

Empfehlen

Verstreute Informationen in klare Schritte übersetzen.

03

Begleiten

Nachverfolgung erleichtern, ohne Komplexität hinzuzufügen.

03 / Verstehen vor dem Gestalten

Verstehen vor
dem Gestalten.

Bevor ich die Oberfläche definierte, musste ich verstehen, wie Menschen ihre Pflanzen wirklich pflegen und welche Schwierigkeiten dabei auftreten.

Interviews, Umfrage und Benchmark-Analyse zeigten drei Erkenntnisse, die alle Designentscheidungen leiteten.

Erkenntnis 1

Die Menschen wollten nicht mehr über Pflanzen lernen.

Sie mussten wissen, was zu tun ist, wenn ein konkretes Problem auftritt.

Erkenntnis 2

Informationen waren verstreut.

Eine einzige Frage zu lösen bedeutete, verschiedene Quellen zu prüfen, was mehr Unsicherheit als Vertrauen erzeugte.

Erkenntnis 3

Das Smartphone war bereits Teil des Prozesses.

Kamera, direkter Zugriff und Nutzung im Kontext machten das Smartphone zum passendsten Umfeld für die tägliche Pflege.

Interviews5

Persönlich, 20–40 Min., mit und ohne Vorerfahrung in der Pflanzenpflege.

Umfrage20

Online-Antworten, zur Validierung der Muster in größerem Maßstab.

ErkenntnisKannte die häufigsten Pflanzenkrankheiten nicht.Die Erkenntnis, die die fotobasierte Diagnose zur zentralen Funktion machte.

Ana · 32 · Krankenschwester

Erfahrene Pflegerin

Sie lebt mit mehreren Pflanzen, lernt selbstständig und sucht verlässliche Informationen, um Problemen zuvorzukommen.

Juan · 25 · Student

Gartenanfänger

Er hat gerade seine erste Pflanze gekauft. Er muss das Wesentliche verstehen und handeln, ohne mehrere Quellen zu vergleichen.

User Journey Maps

Vom Verhalten zur Designentscheidung.

Die Journeys behalten nur die Punkte bei, die erklären, was sich in der Oberfläche ändern musste.

  • Nutzeraktion
  • Schmerzpunkt
  • Designantwort
User Journey Map 01

Ana:Kontrolle behalten

EntdecktBewertetPflegtMacht weiter
Nutzeraktion

Sucht spezifische Informationen.

Vergleicht Tipps und Funktionen.

Organisiert Pflege nach Pflanze.

Prüft Hinweise und Entwicklung.

Schmerzpunkt

Verstreute Quellen.

Zu generische Tipps.

Information ohne Priorität.

Es ist leicht, die Rückkehr zur App zu vergessen.

Designantwort

Klare Vorteile von Anfang an.

FAQ und kontextuelle Hilfe.

Personalisiertes Dashboard und Kalender.

Relevante Erinnerungen.

User Journey Map 02

Juan:Ein akutes Problem lösen

Greift zuDiagnostiziertLöstKehrt zurück
Nutzeraktion

Erstellt ein Konto oder meldet sich an.

Scannt eine kranke Pflanze.

Prüft Pflegetipps und Zubehör.

Kontrolliert ihre Entwicklung.

Schmerzpunkt

Versteht den Wert noch nicht.

Weiß nicht, wo der Scan beginnt.

Weiß nicht, welche Lösung Vorrang hat.

Hat keine Gewohnheit zur Nachverfolgung.

Designantwort

Kurzer, erklärender Zugang.

Sichtbarer Kamera-CTA.

Geordnete, umsetzbare Schritte.

Einfache Anleitung und Erinnerungen.

Von der Skizze zum Flow

Papier vor Pixeln.

Jeder Screen wurde zuerst von Hand skizziert — mit farbigen Markierungen für die wichtigsten Punkte: Buttons, Nachrichten und Entscheidungen.

04 / Interaktionsarchitektur

Zwei Wege.
Eine gemeinsame Logik.

Die Flows verbinden Orientierung, Diagnose und Handlung, ohne dass Nutzer:innen technische Informationen selbst interpretieren müssen.

Card Sorting11

Teilnehmende im Card Sorting, zur Festlegung, wie Bereiche gruppiert und benannt werden — als Grundlage für die finale Navigation.

Einstieg und Begleitung

Hilfe zeigen, bevor Entscheidungen verlangt werden.

Der erste Weg verbindet Download, Registrierung oder Zugang, Begrüßung und Tutorial. Danach führt er zum Startbildschirm und zu Guide-Me und führt schrittweise in die begleitete Pflanzenpflege ein.

  • Zugang und Registrierung
  • Kontextuelles Onboarding
  • Einstieg in die begleitete Pflege
Plant-Me Onboarding- und Pflege-Flow
Diagnose und Orientierung

Ein visuelles Signal in eine konkrete Handlung übersetzen.

Der zweite Weg beginnt mit dem Scannen eines Blattes, zeigt die Diagnose und führt zu Pflegeempfehlungen und konkreten Lösungen.

  • Scan und Identifikation
  • Diagnose und Empfehlungen
  • Pflegeplan
Plant-Me Flow für Diagnose und Empfehlungen
05 / Designentscheidungen

Erkenntnisse wurden
zu Entscheidungen.

Jede Entscheidung der Oberfläche reagiert auf ein Bedürfnis, das in der Recherche erkannt wurde.

Das Ziel war nicht, Funktionen hinzuzufügen, sondern Unsicherheit zu reduzieren und die tägliche Pflanzenpflege zu erleichtern.

Um Aufgaben herum gestalten

Von Kategorien zu häufigen Aktionen.

Erkenntnis: Menschen mussten konkrete Aufgaben lösen.
Entscheidung: Statt die App nach Kategorien zu organisieren, strukturierte ich die Navigation um die Aktionen, die Nutzer:innen am häufigsten ausführen: Pflanze identifizieren, Pflege prüfen oder nachverfolgen.
Ergebnis: Die Navigation ist mit dem verbunden, was Nutzer:innen tun müssen.

Plant-Me Topbar und untere Navigation
Ein Zentrum für tägliche Pflege

My Home als Ausgangspunkt.

Erkenntnis: Pflege brauchte Kontinuität.
Entscheidung: "My Home" wurde zum Ausgangspunkt der gesamten Erfahrung. Es bündelt Pflanzenstatus, Pflegekalender, Empfehlungen und Zugang zur Diagnose.
Ergebnis: Die tägliche Pflege ist in einer einzigen Ansicht gesammelt.

My Home Bildschirm mit Zugang zum Scan
Wichtiges sichtbar machen

Der Scan als Hauptaktion.

Erkenntnis: Nutzer:innen mussten wissen, was mit einer Pflanze passiert, ohne mehrere Schritte zu durchlaufen.
Entscheidung: Der Scan erhielt im Hauptflow eine prominente Rolle, um die Schritte bis zur Empfehlung zu reduzieren.
Ergebnis: Die kritische Aktion erscheint früher und klarer.

Interface zum Scannen von Pflanzen
Aus Tests iterieren

Die Hierarchie der Aktionen anpassen.

Erkenntnis: Usability-Tests zeigten kleine Reibungspunkte.
Entscheidung: Die visuelle Hierarchie der Hauptaktionen wurde angepasst.
Ergebnis: Zugang, Orientierung und Scan gewinnen Klarheit, ohne Komplexität hinzuzufügen.

Plant-Me Zugangsbildschirm
06 / Iteration

Anpassungen nach
dem Test.

3
reale Nutzer:innen2 Aufgaben: Registrierung und Pflanzen-Scan

Ich testete den Prototyp und zeichnete Bildschirm und Ton auf, während sie zwei Aufgaben erledigten: sich registrieren und eine Pflanze scannen.

Vorher-nachher-Vergleich der Plant-Me Iteration
Vorher / nachher

Mehr Klarheit ohne zusätzliche Komplexität.

ProblemIm Test zögerten alle drei Personen, wo sie tippen sollten, um eine Pflanze zu scannen: Die Kamera war zwischen anderen Optionen versteckt und die Diagnose brauchte mehrere Schritte.

LösungIch machte den Scan zur Hauptaktion auf dem Startbildschirm, mit einem großen, dauerhaft sichtbaren Kamera-Button direkt zur Diagnose.

Diese Verbesserungen kamen direkt aus dem Test, nicht aus einer Intuition: Ich ordnete Zugang, Willkommen und Scan neu, damit die Erfahrung den nächsten Schritt besser führt.

Zugang

Direkterer Einstieg.

Der Zugang wurde vereinfacht, damit die Registrierung die erste Erkundung nicht blockiert.

Willkommen

Sichtbares Laden, kein Extra-Tap.

Alle drei Nutzer:innen erwarteten, dass der Willkommensbildschirm von allein wechselt; ich fügte eine Ladeanzeige hinzu, damit er automatisch weitergeht, ohne dass man den Bildschirm berühren muss.

Hauptaktion

Scan sichtbarer.

Alle drei brauchten lange, um die Scan-Funktion zu finden: Der Kamera-CTA wurde präsenter, damit die Diagnose ohne vorherige Suche gestartet werden kann.

Rückblick

Plant-Me zeigte mir, wie gute Recherche nicht nur hilft, Menschen zu verstehen, sondern auch bessere Designentscheidungen zu treffen.

Wenn ich das Projekt weiterentwickeln würde, würde ich die Personalisierung der Empfehlungen vertiefen und die Erfahrung mit mehr Nutzer:innen validieren, um das Produkt weiter zu verfeinern.

Zurück zu den Projekten ↗
Nächstes ProjektRuta del Císter ↗