Attraction

Abgeschlossen 2018

Benutzerfreundlichkeit und Design der Benutzeroberfläche, Vorbereitung von Materialien für die Entwicklung von mobilen Apps für iOS und Android.

Aufgabe

Die Benutzeroberfläche der mobilen App mit Empfehlungen aufgrund der Analyse einer Fotoaufnahme des Gesichts zu entwickeln sowie alle erforderlichen Materialien für Entwickler und Ressourcen im App Store vorzubereiten.

Idee

Andrej Iskornew (Gründer der Klinik für plastische Chirurgie Platinental) entwickelte einen Algorithmus, der unabhängig von den allgemeingültigen Schönheitsstandards erklärte, wie die Gesichtszüge miteinander zusammenpassten. Aufgrund der Ergebnisse dieses Algorithmus kann man entscheiden, ob man die Frisur länger machen oder weniger Kosmetik unter den Augen verwenden sollte.

Anwendungsfälle

Gemeinsam mit dem Projektteam dachten wir die Funktion durch und beschrieben die Möglichkeiten der Anwendung dieser Funktion durch den Benutzer. Als Ergebnis wurde eine Tabelle mit Benutzerszenarien erstellt.

Usage cases

Struktur

In der nächsten Stufe gestalteten wir die Struktur der App, die es ermöglichen sollte, die beschriebenen Benutzerszenarien auszuführen.

Struktur

Die Struktur der App stellt ein sehr ungefähres Verständnis darüber dar, welche Funktion und auf welchem Bildschirm verfügbar sein wird. Als nächster Schritt präzisierten wir die Struktur und detaillierten jeden Bildschirm der App.

Endgültige Mockups

Ein schematisches Mockup dient als Grundlage für das endgültige Mockup der Anwendungsschnittstelle. Wir haben entschieden, welchen Stil wir verwenden wollen, und haben das Layout fertiggestellt.

Erste Bekanntschaft

Wenn ein Benutzer die Anwendung zum ersten Mal startet, sieht er eine einfache Anleitung, in der kurz erklärt wird, wie man die Anwendung benutzt.

Onboarding

Hauptbildschirm

Der Kamerabildschirm ist der Hauptbildschirm der Anwendung. Neben der Aufnahme hilft er bei der korrekten Einstellung des Bildausschnitts, was sich letztendlich auf das Ergebnis der Analyse der Aufnahme auswirkt.

Main screen

Analyse der Aufnahme

Die Verarbeitung einer Aufnahme ist keine unmittelbare Phase. Damit der Benutzer versteht, was passiert und sich nicht langweilt, wird jeder Schritt beschrieben.

Analysis of a shot

Ergebnisse

Das Ergebnis der Schussanalyse ist ein Index von 0 bis 9,9. Auch auf diesem Bildschirm ist es möglich, einen Index in sozialen Netzwerken zu teilen und eine detaillierte Beschreibung der Stärken und derjenigen, die beachtet werden sollten, zu erhalten.

Ergebnisse

Nach dem Drehen des Smartphones in die Querformat-Position zeigt der Bildschirm die Historie aller aufgenommenen und analysierten Aufnahmen an.

Results (landscape view)

Hinweise

Die Anwendung enthält auch Hinweise, wie man eine bessere Aufnahme machen kann, um eine möglichst genaue Analyse zu erhalten.

Hinweise

Fehler

Dinge passieren. Und die Anwendung sollte entsprechend auf diese Situationen reagieren. Wir haben Fehlermeldungen vorbereitet, aus denen hervorgeht, was passiert ist und wie die Situation zu lösen ist.

Fehler

Und andere Bildschirme und ihre Zustände...

Andere Bildschirme

Anpassung für Android

Da die Anwendungsschnittstelle nicht auf Standardkomponenten aufgebaut war, gab es keine starke Bindung an die Muster des Nutzerverhaltens auf iOS. Folglich musste die gesamte Oberfläche für Android nicht neu gezeichnet werden, was die Bereitstellung der Schnittstelle für Entwickler beschleunigte. Wir haben nur die Dialogfelder geändert.

Anpassung für Android

Erhältlich im AppStore

Die Entwicklung der Anwendung wurde vom Kunden durchgeführt.