NERO Smart Jewellery

Es ist erfrischend zu sehen, welche Anstrengungen und welche Intelligenz im Laufe des Monats unternommen wurden, und wir waren wirklich beeindruckt von deren Prozess, Erfahrung, Leidenschaft und Energie, um den Designprozess auf diesem Weg zu leiten.

– Georgiy Sekretaryuk, Mitbegründer und CTO von Nero

Ich dachte, diese Gruppe hat großartige Arbeit geleistet, um das Gefühl unseres Projekts zu verstehen und dies auf das App-Design und die von ihnen durchgeführten Untersuchungen zu übertragen. Ich denke, unsere App sieht professionell, elegant und bereit für Entwickler aus.

– Sonya Reznitsky, Mitbegründerin und CMO von Nero

NERO ist eine modische Notfallwarnplattform für Schmuck für die Sicherheit von Frauen. Ein intelligenter Schmuck, der aktiviert werden kann, um die lokalen Behörden und die Notfallkontakte des Benutzers auf den Standort des Benutzers aufmerksam zu machen und in unsicheren Situationen um Hilfe zu bitten.

Schmuck

Ein modischer Schmuck, der zum Alltag des Benutzers passt. Dieses Juwel wird beim dreimaligen Antippen aktiviert und über Bluetooth mit der App verbunden. Bei Aktivierung vibriert der Edelstein und eine LED leuchtet auf, um anzuzeigen, dass er aktiv ist.

Wir (Sachia Venter, Annie Yeung und ich) haben als Team mit unseren Fähigkeiten im Bereich User Experience eine mobile App entwickelt, die mit dem Gerät synchronisiert werden kann, damit es effizient funktioniert. Die für dieses Projekt verwendete Software ist Sketch und InVision. Nero stellte uns ein Markenbuch zur Verfügung, das die bevorzugten Farbschemata, das Logo und die Typografie enthielt. Wir haben sie in die Gestaltung unserer App einbezogen.

In der ersten Forschungsphase haben wir 13 Frauen befragt und uns auf die Befragung von Frauen im Alter zwischen 18 und 24 Jahren konzentriert. Das Bild unten zeigt die Liste der Fragen für das Interview.

Interview Fragen

Wir haben auch Umfragen unter Verwendung von Google Forms gesendet, um das Verständnis für die Entwicklung der mobilen App zu vertiefen. Wir haben 40 Antworten erhalten, die uns geholfen haben, in die nächste Phase des Forschungsprozesses überzugehen.

Umfrageantworten

Aus den Befragungs- und Umfrageantworten ergaben sich folgende Erkenntnisse:

  1. 79,5% der Befragten waren zwischen 18 und 21 Jahre alt
  2. 97,5% der Befragten gaben an, sich unterwegs unsicher zu fühlen
  3. Sie fühlen sich in der Dunkelheit unsicher, wenn sie alleine sind
  4. Sie möchten mit Familie, Freunden oder der Polizei Kontakt aufnehmen

Die nächste Phase unseres Forschungsprozesses bestand darin, die wichtigsten Punkte aus den Interviews und Umfragen zu ermitteln. Diese Schlüsselpunkte wurden in Gruppen mit gemeinsamen Merkmalen eingeteilt. Der gesamte Prozess der Identifizierung und Gruppierung dieser Schlüsselpunkte erfolgte in Form eines Affinitätsdiagramms. Dies gab uns eine bessere Klarheit bei der Gestaltung der mobilen App.

Affinitätsdiagramm

Mit den gleichen Schwerpunkten konnten wir Prioritäten für die Funktionen setzen, die auf der Website enthalten sein könnten und die effektiv und wirkungsvoll sein könnten. Wir haben diese Features in drei Spalten eingeteilt, die man haben muss, die man haben muss und die man nicht benötigt.

Feature-Priorisierung

Wir haben über unsere Konkurrenten recherchiert, die ähnliche Geräte entwickelt haben. Sie waren Revolar und brüllen für immer. Sie entwickelten kleine Produkte, die über Bluetooth mit ihrer mobilen App verbunden und innerhalb der App oder vom Gerät aus aktiviert werden können.

Links: Revolar; Rechts: Für immer brüllen

Revolar ist einfach und unkompliziert. Ihr Farbschema in der App war weiß und blau, es basierte auf ihrer Markenfarbe. Während der Nutzung der App haben wir eine große Schaltfläche auf dem Startbildschirm identifiziert, die der Schaltfläche auf dem Schlüsselbund ähnelt.

Das Konzept von Roar for Good glich einer Social-Media-App, in der die Benutzer ihren Status aktualisieren und ihren Notfallkontakten erlauben können, sie zu verfolgen und Anfragen zum Einchecken bei ihren Kontakten zu erhalten, um die Sicherheit des Benutzers zu gewährleisten. Roar for Good ist eine komplexe App.

Aus dem Forschungsprozess heraus konnten wir eine Benutzerpersönlichkeit erstellen. Dies half uns, uns auf die wichtigsten Erkenntnisse aus unserer Forschung zu konzentrieren, die uns veranlassen könnten, die mobilen Bildschirme für die Anwendung zu entwerfen.

Benutzer Persona

Wir haben eine Reisekarte erstellt, die auf der Person des Benutzers basiert. Die Reisekarte zeigt die Reihe von Ereignissen, die Isabelle durchläuft, und den Zustand ihrer Emotionen während dieser Reihe von Ereignissen. Das Szenario, in dem wir auftauchten, ist, als Isabelle nach Hause geht und sie ein Fremder ist, der ihr folgt.

Reisekarte

Die Reisekarte half uns, die Schmerzpunkte zu identifizieren. Einer der Hauptschmerzpunkte war, dass Isabelle nicht den richtigen Standort an ihre Kontakte senden konnte. Unser Ziel war es, eine Lösung für die Schmerzpunkte zu finden.

Wir haben ein Storyboard entworfen, das Isabelle mithilfe der Nero-App veranschaulicht. Wir haben dasselbe Szenario verwendet, in dem der Fremde ihr folgt, aber diesmal kann Isabelle aufgrund der Nero-App ihre Notfallkontakte mit ihrem Standort benachrichtigen.

Storyboard

Wir haben das Benutzerflussdiagramm entworfen, um die Reihenfolge der Bildschirme und deren Funktionalität festzulegen. Zunächst haben wir einen primären Benutzerfluss erstellt, der die Hauptbildschirme enthält, auf die ein Benutzer stoßen würde, wenn jede Eingabe direkt vom Benutzer stammt. Im nächsten Schritt haben wir einen sekundären Benutzerfluss entworfen, der die alternativen Pfade enthält, mit denen der Benutzer die Nero App effektiv nutzen kann.

Links: Primärer Benutzerfluss; Rechts: Sekundärer Benutzerfluss

In unserem Designprozess haben wir unsere einzelnen Versionen desselben Bildschirms skizziert, den Aktivierungsbildschirm, der der Hauptbildschirm der App ist. Wir haben jedes Design analysiert, Extras entfernt und die besten Funktionen hinzugefügt und uns für einen einzigen Bildschirm entschieden, der ansprechender ist die Benutzer während der Nutzung der App.

Links, Mitte: Einzelversionen; Rechts: Finalisierter Hauptbildschirm (aktivierter Bildschirm)

Wir haben die anderen Bildschirme gemäß dem von uns entworfenen Benutzerfluss skizziert.

Handskizzen

Nero wollte Markenkonsistenz, wir folgten dem Stilbuch, während wir die Handskizzen auf Sketch digitalisierten. Wir haben während der Designphase Typografie, Farbschema und Logo verwendet.

High-Fidelity-Skizzen

Das Testen ist eine wichtige Phase im UX-Entwurfsprozess. Wir haben unsere High-Fidelity-Skizzen mit Benutzern getestet, ihre Meinung berücksichtigt und Änderungen am Design vorgenommen sowie bestimmte Bildschirme hinzugefügt, die den Benutzern eine gute Erfahrung mit der Verwendung der mobilen Nero-App ermöglichen könnten.

Beispiele für einige der Änderungen, die wir nach dem Usability-Test vorgenommen haben, waren:

  1. Wir haben die Tutorial-Karussellseite geändert, indem wir Karussell-Indikatoren und die Vorwärts- und Rückwärtspfeile hinzugefügt haben. Dies hilft dem Benutzer zu verstehen, in welchem ​​Tutorial sie sich befinden
  2. Wir haben die Einstellungsseite geändert, auf der die Benutzer ihre Benachrichtigungsnachricht anpassen können. Diese Option hilft dem Benutzer, eine bessere Übersicht über die Auswahl im Vergleich zu der Kategorie zu erhalten, die er anpassen möchte
Oben: Alte Version; Unten: Neue Version

Ein weiteres Feedback, das wir von unseren Benutzern erhalten haben, war die Möglichkeit, das Bild der Person zu erfassen, die die Deaktivierung mit dem Deaktivierungs-Pin nicht erfolgreich abgeschlossen hat. Das Bild würde von der nach vorne gerichteten Kamera des Mobiltelefons aufgenommen. Wir haben auch einen weißen Bildschirm hinzugefügt, der sich wie ein Blitz verhält. Dies würde die Klarheit des Bildes im Dunkeln verbessern. Und auch dieses Bild würde an die Notfallkontakte geschickt.

Usability Testing: Neues Feature

Nero ist eine Marke, die sich hauptsächlich auf die Sicherheit von Frauen konzentriert. Unser Hauptziel war es, sicherzustellen, dass der Benutzer die App mit minimalen Schritten nutzen kann. Wir wollten auch, dass diese App allgemein verständlich und schnell zu bedienen ist, was auch bei schlechten Lichtverhältnissen möglich ist.

Unsere größte Herausforderung bei der Durchführung des Projekts war die Möglichkeit, Arbeit über eine Skizzenwolke zu teilen, was nie funktioniert hat. Deshalb haben wir beschlossen, alle Bildschirme auf einem Computer zu gestalten. Schließlich konnten wir uns ein gutes Design einfallen lassen und es unseren Kunden präsentieren.

Schauen Sie sich unseren Prototyp auf InVision an:

Klicken Sie hier, um das Projekt `NERO` anzusehen

Dieser Prototyp wurde Ihnen von InVisionApp zur Verfügung gestellt

invis.io

Verbinden Sie sich mit uns auf LinkedIn:

https://www.linkedin.com/in/sachia-venter-74824136/

https://www.linkedin.com/in/annie-yeung-4088a394/

https://www.linkedin.com/in/vinilanilkumar/