Produktdesign und UX Konzept für eine mobile App

Von der Idee zum Prototypen

Sicherheit

Mobile App

Start-ups

Junge mit gebrochenem Arm der den Unfall mit einer App meldet.
KUNDEGreenlight
ORTDeutschland
TEAMResearcher, UX Designer, Systemarchitekt, UI Designer, Projektleiter

Samantha hatte vor Kurzem ihren Doktortitel zum Thema Sicherheitsvorkehrungen am Arbeitsplatz bekommen. Bei ihrer Forschung hat sie analysiert, wie Menschen Zwischenfälle melden. Daraus entstand ihre Idee für eine App, die diesen Vorgang einfacher machen sollte. Sie wollte nun einen Prototypen erstellen lassen.

Samantha fand es toll, dass wir akademische Forschung in unseren Designalltag einfließen lassen. Es hat nicht lange gedauert bis wir mit dem Design für ihre App begonnen haben.


UNSER BEITRAG

Produktstrategie

Informationsarchitektur

UX Design

Wireframing

Design für Prototyp

UI Design

Branding

User Testing





Foto aus einem Parkplatz und zwei UI Designs die eine mobile App zeigen

VOM DOKTORTITEL ZUR USER EXPERIENCE

Samantha hat uns ihre Doktorarbeit, ein paar Artikel, eine Präsentation und ein Kapitel aus einem Buch zur Verfügung gestellt. Daraus haben wir Ideen gesammelt, die für das Produkt und den Prototypen relevant waren. Wir haben ihr unsere Ideen präsentiert und zusammen haben wir entschieden, wie das Design umgesetzt werden sollte.

Ausschnitte aus Artikeln die für das Design der User Experience benutzt wurden.

ERSTE SCHRITTE IN RICHTUNG UX DESIGN

In der ersten Woche haben wir uns darauf konzentriert eine Informationsarchitektur zu erstellen in der User Journeys so unkompliziert wie möglich verlaufen können. Wir mussten dabei viel Flexibilität einplanen, da Zwischenfälle sehr unterschiedlich geartet sein können. Wir haben drei Designs für die Architektur ausprobiert. Es war toll mit Samantha die guten und schlechten Aspekte jeder Variante durchzugehen durchzugehen, um auch ihre Perspektive zu verstehen.






User Flow Diagramm mit 3 Schritten und Notizen.

UNTERSTÜTZUNG FÜR DIE PRODUKTSTRATEGIE

Dies ist das erste Start-up für Sam und ihre erste Erfahrung mit Design für ein digitales Produkt. Während die Designer mit dem Prototypen beschäftigt waren, wurden zwei Workshops organisiert, um mit ihr die gesamte Produktstrategie zu planen. Dabei haben wir Beispiele aus unserer Erfahrung einfließen lassen, um ihr die weiteren Schritte ihrer Produktstrategie näher zu bringen.

Quotes

Als Erstes will ich sagen, dass es unglaublich für mich ist zu sehen, wie meine Idee wahr wird. Vielen Dank für eure Arbeit und eure Unterstützung.

Foto der Gründerin für die das Designteam arbeitet.
Samantha GruskinGründerin @ GREENLIGHT
Büro mit langem Tisch und Mann der im Designworkshop Wireframes and die Wand zeichnet.

DAS DESIGN DER APP ENTSTEHT

Die zweite und die dritte Woche waren anstrengend. Wir haben drei Iterationen von Wireframe Designs gemacht und bei jedem haben wir neue Details ins Design eingebaut. Als Erstes wollten wir ein Design für ein Formular entwerfen das sowohl kurz als auch komplex sein kann. Danach haben wir Wireframes für den gesamten Prozess erstellt. Zuletzt haben wir Designs erstellt, die alle Details des Produktes beinhalten. Samantha war in jedem Schritt dabei und wir haben alle drei Tage abgestimmt. In den Meetings haben wir erklärt wieso wir bestimmte Entscheidungen getroffen haben und uns ihre Perspektive dazu angehört. Ihre Kommentare waren immer sinnvoll und ihre Produktvision hat das Design von Anfang bis zum Ende






Viele Wireframes für mobile App mit Pfeilen die das User Flow erklären.

DER PROTOTYP FÜR DAS INVESTORENDEMO

In der vierten Woche haben wir Usertests durchgeführt. Wir haben viel von den Usern gelernt und basierend darauf unsere User Journeys angepasst, sowie Designdetails geändert. Sobald die Wireframes fertig waren, haben wir den endgültigen Prototypen gebaut

In der fünften Woche haben wir ein UI Design entworfen, um zu zeigen, wie die App einmal in Farbe aussehen könnte. Dieses UI Design haben wir als Grundlage für ein Investorendemo genutzt.




Vier UI Designs für die mobile App inklusive Home und Formular.

DESIGN UND PROTOTYP IN VIER WOCHEN GELIEFERT

In vier Wochen haben wir Sams Enthusiasmus und ihre theoretischen Ideen in eine echte App umgewandelt. Sie war gut vorbereitet und das hat beim Design zu Fokus geführt. Alle paar Tage haben wir Sam gezeigt wie sich das Design entwickelt und ihr Feedback war immer relevant.

Durch die enge Zusammenarbeit konnten wir das Beste aus ihrem knappen Budget machen. Wir haben sogar User Testing gemacht, was das Produkt stark verbessert hat. So konnte sie den Investoren zeigen, dass sie versteht wie die Idee zum Markterfolg werden kann.






Design elements

ERGEBNISSE

Interaktiver Prototyp in 4 Wochen gebaut

Volle Dokumentation für die Entwickler

Investorendemo in einer Woche erstellt

Zwei UI Designs für die App