Projekttyp

Springboard UX/UI Design
Projektkurs

Beitrag

Benutzerinterview + Synthese
Ideenfindung
Papierprototyp
Hochauflösender Prototyp
Interaktionsdesign

Werkzeuge

Figma
Marvel
Photoshop

DIE RECHERCHE

Frame 16
vorheriger Pfeil
nächster Pfeil

PERSONAS

Um das Ziel zu erreichen, Benutzern auf persönlichere Weise beim Lernen zu helfen, wusste ich, dass es eine Handvoll Benutzer geben würde, die während des gesamten Designprozesses berücksichtigt werden müssten. Während der Empathie-Mapping-Phase begannen sich 4 Benutzer klar zu definieren, während Raum für benachbarte Benutzer blieb. Die Benutzer A (John) und B (Katie) sind am unteren Ende des Spektrums für Anfänger, während die Benutzer C (Bryan) und D (Margo) erfahrenere Pflanzenpfleger sind. Von den vier Personas ist Katie aufgrund ihrer mangelnden Erfahrung und ihres Lernwillens die Hauptzielgruppe.

Katie ist die Benutzerin, auf die wir aufgrund ihres Pflegegrads, ihrer Abneigung gegen sterbende Pflanzen und ihres Wunsches, sich zu verbessern, den größten Einfluss haben können.

Diese Eigenschaften machen Katie zur Benutzerin, die am wahrscheinlichsten die Mehrheit der Funktionen der App nutzt und die App über einen längeren Zeitraum verwendet.

KATIES PFLANZGESCHICHTE

Katie pflanzt seit einigen Jahren und obwohl sie es liebt, ihre Pflanzen wachsen zu sehen, ist sie nicht zuversichtlich in die Fähigkeiten, die sie bisher erworben hat. Sie hat Freunde, die erfolgreich pflanzen, und sie bittet oft um Hilfe, aber sie wünschte, sie könnte es selbst handhaben. Sie ist entmutigt, wenn ihre Pflanzen kämpfen, und entmutigt, mehr zu kaufen, wenn eine kämpft oder kürzlich

ZIELE

  • Sich selbst zu beweisen, dass sie sich um ein weiteres Lebewesen kümmern kann.
  • Die Ästhetik ihres Hauses verbessern.
  • Eine Familienpflanze am Leben erhalten und ihr beim Wachsen zusehen.

SCHMERZPUNKTE

  • Weiß nicht, was zu tun ist, wenn sie Schwierigkeiten bekommen.
  • Weiß nicht, was zu tun ist, wenn sie Schwierigkeiten bekommen.
  • Findet es schwierig, online ohne Bilder nützliche Lösungen zu finden.
  • Erhält online oft widersprüchliche oder extreme Ratschläge.

SKIZZEN & WIREFRAMING

Iteration 1 | Home Dashboard

Während des Low-Fidelity-Benutzertests gab es einige Verwirrung bezüglich der Schaltflächen auf der Startseite.

Ich habe die Anpassungen auf der rechten Seite vorgenommen und auch Platz für Ausnahmefälle gelassen, in denen die Funktion zur Fotosammlung entscheidend war.

Iteration 2 | Home Dashboard

Um die Dashboard-Funktionalität besser zu nutzen, habe ich die Karten erweitert, um eine Vorschau der Inhalte zu enthalten.

Iteration 3 | Home Dashboard

STYLE GUIDE

Als Nächstes habe ich einen Styleguide erstellt, um den Prozess des High-Fidelity-Wireframings schneller und einheitlicher zu gestalten. Dieser Leitfaden umfasst eine Markenplattform, Logo-Behandlungen, Schriftarten, Raster, Symbole und UI-Elemente.

FINALE ITERATIONEN

Home Dash

Shop-Menü

Store-Übersicht

Plantwise Demo-Video