Prototyping und das sich verändernde Gesicht des E-Commerce in der Dominikanischen Republik

So nutzte ein Designer Justinmind, um das Benutzererlebnis des ersten Online-Supermarkts in der Dominikanischen Republik zu verändern

Der UX-Designer und Projektmanager Reymi Castellanos ist der Gründer von Grupo Interactivo, einer Agentur für digitales Marketing mit Sitz in der Dominikanischen Republik.

Er leitet UX-Design-Projekte von Grund auf und war kürzlich daran beteiligt, dem ersten Online-Supermarkt des Landes eine UX-Behandlung zu geben.

In diesem Beitrag unterhalten wir uns mit Reymi und erfahren, wie er Justinmind verwendet, um Wireframes, Benutzeroberflächen und High-Fidelity-Prototypen für alle Arten von Kunden zu erstellen.

Werkzeuge des Handwerks

Jedes großartige neue Design beginnt mit etwas Einfachem: einem Prototyp.

Für Reymi Castellanos ist das Prototyping das, was seine Ideen zum Leben erweckt und die Beteiligten an Bord holt.

„Das Prototyping ist der wichtigste Schritt im Designprozess. Er spart Zeit und ermöglicht es uns, uns auf die Produktion der wichtigsten Elemente für das Projekt zu konzentrieren.“

Aber bevor Reymi Designprobleme mit Prototypen lösen konnte, brauchte er ein zuverlässiges Designwerkzeug, auf das er zurückgreifen konnte, wenn er eine Idee ausprobieren wollte.

„Wir haben einige andere Tools ausprobiert, bevor wir uns für Justinmind entschieden haben. Einige boten großartige Funktionen wie atemberaubende Animationen und Übergänge, aber was fehlte, waren Szenarien und Simulationen auf dem Gerät.“

Das war der Zeitpunkt, an dem Reymi sich für Justinmind entschied. Als vielbeschäftigter UX-Projektmanager weiß Reymi, dass es ohne die richtigen Werkzeuge schwierig ist, gutes Design zu erstellen.

„Es ist ein professionelles Tool, das High Fidelity Design und fortgeschrittene Interaktion mit Datentabellen, Variablen und Programmierszenarien verbindet. Wir haben andere Tools abgelehnt, weil sie nur online funktionierten und für unser Projekt nur begrenzte Möglichkeiten boten.“

High-Fidelity und Offline-Prototyping? Reymi war begeistert.

Supermarkt fegen

Nun, da ihm ein robustes Design-Tool zur Verfügung stand, machte sich Reymi an die Lösung des vorliegenden Design-Problems. Er und sein Team waren an der Neugestaltung der Website und der App für den ersten Online-Supermarkt in der Dominikanischen Republik beteiligt. Keine kleine Leistung.

„AlSuper.do ist der erste Online-Supermarkt in der Dominikanischen Republik, aber er wurde schon vor vielen, vielen Jahren gegründet. Um eine ansprechende und benutzerfreundliche Oberfläche zu schaffen, mussten wir die Website und die mobile App von Grund auf neu gestalten.“

Bei großen Projekten wie diesem besteht oft die Gefahr des Scheiterns. Schlechte Kommunikation, fehlende Tests und null Forschung sind einige der Gründe, warum gute Projekte scheitern. Wie hat Reymi angefangen?

„Das Design eines UI für einen Online-Supermarkt ist ein großes Unterfangen. Wir mussten ein neues, einzigartiges Einkaufserlebnis schaffen.“

Dazu gehörte es, neue und bestehende Benutzer zu recherchieren, eine Expertenanalyse durchzuführen und mehrere Lösungen für den Kunden vorzuschlagen.

Das bedeutete, dass Reymi es tun musste:

• Erstellen Sie Skizzen
• Wireframes designen
• Definieren Sie den Benutzerfluss
• Erstellen Sie eine neue visuelle Identität

Und das Beste daran? All dies ist direkt im Design-Tool von Reymi, Justinmind, möglich.

Warum Justinmind das richtige Werkzeug für diese Aufgabe war

„Wir haben die Bedingungen von Justinmind verwendet, um den Zugang über eine Anmeldung zu simulieren. Eine Fehlermeldung wird angezeigt, wenn ein Benutzer die falschen Daten eingibt. Wir konnten auch das Aussehen von Elementen wie dem Einkaufskartensymbol ändern, je nachdem, ob Artikel hinzugefügt wurden oder nicht.“

Bedingungen waren ein wichtiges Element im Design von Reymis Online-Supermarkt. Sie sorgten für den Realismus, den er suchte. Es dauerte nicht lange, und er war süchtig nach den Bedingungen.

„Die Programmierbedingungen simulieren echte Ereignisinteraktionen. Wir haben sie in fast jedem Bildschirm des Projekts verwendet, um festzulegen, wann und wie der Inhalt oder die Navigationselemente dem Benutzer angezeigt werden, von der Simulation einer Einkaufskarte bis hin zum Anmeldeverhalten.“

Login-Formulare sind relativ einfach zu designen, bieten aber eine großartige UX-Möglichkeit. Sie können Platzhaltertext, nützliche Mikrokopien und intuitive Interaktionen verwenden, damit das Einloggen ein Traum ist.

„Das Verhalten der Anmeldung war am einfachsten zu erstellen, da die Definition von Bedingungen in Justinmind sehr intuitiv ist.

Wir definierten mehrere Benutzer und Passwörter, um Nutzungstests durchzuführen, sowie die entsprechenden Bedingungen. Nachdem wir alle UI-Elemente eingerichtet hatten, konnten wir innerhalb von Minuten Zugriff auf den folgenden Bildschirm gewähren.“

Mehr Interaktion für mehr Freude

Justinmind ermöglichte es Reymi, wichtige Design-Muster für das UI des Supermarktes zu erstellen.

„In Justinmind konnten wir wechselnde Panels in einem Bildschirm mit einem entsprechenden Registerkartenmenü erstellen. Ich konnte eine verschiebbares Seitenmenü und verwenden Sie logische Bedingungen, um Schaltflächen bei Bedarf ein- und auszublenden.“

Aber welchen Vorteil hatte das? Es bedeutete, dass Reymi nahtlose und lebensechte Interaktionen zeigen konnte. Es ist eine Sache, Screenshots Ihres Designs zu zeigen, aber eine ganz andere, eine App zu haben, die wie das echte Produkt funktioniert. Genau das ist es, was die Beteiligten glücklich macht. Wie haben sie ihre Arbeit gezeigt?

„Wir haben dieses Projekt auf zwei Arten präsentiert. Zunächst als Grafiken (einfache JPGs), die den von uns vorgeschlagenen Hauptbildschirmstil zeigten. Sobald es genehmigt war, wurden alle Präsentationen und Überarbeitungen in Justinmind vorgenommen, indem wir auf die Schaltfläche Schaltfläche „Teilen.“

Ein Prototyp zur rechten Zeit rettet neun

Reymi konnte seine Prototypen nicht nur mit Leichtigkeit, sondern auch mit nützlichen Bedingungen teilen, Vorlagen und Drag&Drop-Widgets gelang es ihm, etwas zu gewinnen, woran alle Designer Mangel leiden: Zeit.

„Ich habe beim Design Zeit gespart. Ich habe bei der Evaluierung Zeit gespart, als ich den Kunden Szenarien vorstellte. Ich habe den Entwicklern Zeit erspart, indem ich eine detaillierte Dokumentation direkt aus Justinmind exportiert habe.“

Für Reymi bedeutet die Erstellung funktionsfähiger, originalgetreuer Prototypen in Verbindung mit der enormen Zeitersparnis zufriedene Beteiligte und einen reibungsloseren Designprozess.

Fazit

Dank seines Prototyping-Tools kann Reymi ein Projekt erfolgreich zum Leben erwecken. Wenn er etwas wählt, das intuitiv und einfach zu verstehen ist, muss er nicht stundenlang lernen. Er kann seine Zeit besser nutzen: Er kann die UX von mobilen Apps und Websites verbessern.

„Zu Beginn benötigen Sie eine kleine Einführung in Justinmind. Das macht Sinn – es stehen Ihnen viele nützliche Funktionen zur Verfügung. Aber für das Ergebnis, das Sie erzielen werden, ist es die Mühe zu 100% wert.“