top of page


Mobile Anwendung von Green Haus
Überblick
Rolle: UI/UX Designer  Kontext: Mobile Hausanwendung  Laufzeit: Juli/2021 - September/2021

Persönliche Aussage 

Ich wurde als erster und einziger Designer im Team eingestellt, um eng mit Entwicklern zusammenzuarbeiten, um eine mobile Anwendung für Blek-scon-Produkte zu entwickeln. Dieses Projekt bestand aus Recherche, Design, Prototyping und manchmal Front-End-Codierung, um Marketing-Landingpages zu erstellen. Der einzige Designer in einem kleinen Startup zu sein, hat mir eine Menge wertvoller Lektionen beigebracht. Am wichtigsten ist, dass ich herausgefunden habe, wie ich mich mit dem CTO, dem CEO und allen Spezialisten zusammenschließen kann, um den idealsten Artikel herzustellen.

Problemstellung

Blek-scon Construction Colony Ltd – ein Bauunternehmen mit Sitz in Nigeria benötigt eine neue Fokuslinse, mit der seine Kunden ihre umweltfreundlichen Architekturentwürfe, Häuser und Wohnungen ansehen und kaufen können. Sie zielen auch darauf ab, die Idee eines nachhaltigen Lebens zu integrieren.

Lösung

Ich machte mich daran, ein neues Design zu schaffen, das Benutzer, umweltverträgliche Häuser und Blek-scon Construction Colony Ltd verbindet, ohne die Benutzerfreundlichkeit und Ästhetik in allen Ecken der Anwendung auszulassen.

Meine Rolle

Ich leitete das Projekt und arbeitete an allen Aspekten des Design-Frameworks, einschließlich der visuellen, UX- und Usability-Tests. Ich habe auch die UX wichtiger Seiten gepatcht, während eine Gruppe von Entwicklern geholfen hat, mein Design zum Leben zu erwecken.

Designprozess

Empathie für Benutzer – Definieren Sie das Problem – Ideen für Lösungen – Prototyping – Testen

Empathie mit Benutzern

Um die Bedürfnisse und Schmerzpunkte der Benutzer vollständig zu verstehen, musste ich Benutzerinterviews führen. Auf diese Weise verstehe ich, was sie wirklich wollen und ob sie an nachhaltigen Häusern interessiert sind – und vermeide so Vorurteile. Ich habe 10 Erwachsene im Alter zwischen 30 und 60 Jahren interviewt. Ich habe auch persönliche Nachforschungen über Häuser in Nigeria angestellt und darüber, wie Nigerianer daran interessiert sind, Häuser zu kaufen, da dies mir helfen wird, einen Überblick über die Wohnungswelt zu bekommen.

Forschungsfragen

  • Was bringt Sie dazu, Ihr Haus zu renovieren?

  • Welche Anwendung oder Website verwenden Sie bei der Suche nach einem Haus?

  • Möchten Sie lieber ein Haus kaufen, ohne die Makler persönlich zu treffen? 

  • Wie schätzen Sie den Energieverbrauch in Ihrem Haus ein?

  • Was halten Sie von nachhaltigen oder umweltfreundlichen Häusern? 

Dies ermöglichte ein tieferes Verständnis des Kontexts für unsere Design-Thinking-Meetings. Die Antworten auf diese Fragen ermöglichten es dem Team auch, sich auf die wichtigsten Interaktionen zu konzentrieren, die den Endbenutzer basierend auf quantitativen und qualitativen Daten begeistern würden.

 

Wettbewerbsanalyse

Um die anstehende Aufgabe besser zu verstehen, habe ich Recherchen bei anderen Bauunternehmen durchgeführt. Ihre Designs und Fehler zur Kenntnis nehmen und mich darauf konzentrieren, wie ich sie mit einem besseren Ansatz nachahmen und ihre Fehler vermeiden kann. Ich habe ihre Plattformen wie ein potenzieller Benutzer überprüft – dies hat mir geholfen, die Schmerzpunkte zu erkennen, die Benutzer bei der Verwendung dieser Plattformen haben könnten, und herauszufinden, wie ich eine Lösung mit einer besseren Erfahrung erstellen kann.

Schmerzstellen

In der Forschungsphase wurden drei (3) Hauptschmerzpunkte identifiziert:

  • Ort

  • Preis

  • Erreichbarkeit von Notdiensten

Empathie-Karte

Designprozess

Drahtgitter aus Papier

Sich die Zeit zu nehmen, Iterationen jedes Bildschirms der App auf Papier zu entwerfen, stellte sicher, dass die Elemente, die es in digitale Wireframes schafften, geeignet waren, die Schmerzpunkte der Benutzer anzugehen. Für den Startbildschirm habe ich einen einfachen und reibungslosen Anzeige- und Suchprozess priorisiert, um Benutzern das einfache Ausführen von Aufgaben zu erleichtern.

NB: Weitere Details können aufgrund der Geheimhaltungsvereinbarungen, die ich mit Blek-scon Construction Colony Ltd. unterzeichnet habe, nicht preisgegeben werden.

Unter Verwendung des vollständigen Satzes digitaler Wireframes erstellte ich einen Low-Fidelity-Prototyp. Das endgültige Design wurde verfeinert und verbessert, um den Bedürfnissen der Benutzer gerecht zu werden und den Benutzern einen einfachen Navigationsprozess zu bieten.

Usability-Tests für High-Fidelity-Designs

Um die Benutzerfreundlichkeit der App vor den High-Fidelity-Designs zu verstehen, rekrutierte ich 10 Teilnehmer, um beim Testen des Low-Fidelity-Prototyps zu helfen. hat mir geholfen, Problembereiche zu lokalisieren. Die Ergebnisse wurden notiert und eine Affinitätskarte erstellt, um Muster zu identifizieren.NB: Die Tests wurden aus der Ferne durchgeführt. 

 

Eine weitere Runde von Usability-Tests wurde unter Verwendung des High-Fidelity-Prototyps durchgeführt. Indem ich das Design in dieser Phase testete, konnte ich eine Interaktion beobachten, die einer realen Interaktion mit dem Endprodukt am nächsten kommt.NB: Die Tests wurden aus der Ferne durchgeführt. 

Die Phase der Buchung eines Termins war für die meisten Benutzer verwirrend, da ein langer Prozess durchlaufen werden musste, bevor ein Termin erfolgreich bestätigt werden konnte. Nach dem Usability-Test habe ich die Erfahrung für Benutzer vereinfacht, indem ich eine bessere Möglichkeit zur Terminbuchung geschaffen habe.

Endprodukt

 

 

 

 

Überlegungen zur Barrierefreiheit

Das Hauptziel war es, ein Design zu schaffen, das jeden Benutzer unabhängig von Alter, Vielfalt, Standort und anderen Faktoren in Erinnerung bringt. Ich wollte, dass jeder Benutzer bei der Verwendung der App ähnliche Erfahrungen macht. Um dies zu erreichen, habe ich einige Dinge berücksichtigt, die im Bild unten zu sehen sind.

Imbiss

Während des Prozesses dieser Aufgabe habe ich gelernt, dass die ersten Ideen für die App nur der Anfang des Prozesses sind und nicht immer die besten sind. Usability-Studien beeinflussten jede Iteration des App-Designs. Ich habe auch gelernt, meine eigenen Vorurteile zu überwinden und ein Produkt zu entwickeln, das für alle nützlich ist. Die Anwendung stellt die Benutzer und ihre Bedürfnisse in den Vordergrund.

„Ich liebe die Benutzeroberfläche und das Design der Anwendung. Scheint hochfunktional und eine gute Auswahl an Farbpaletten und Bildern zu sein“ – eine Bewertung von Engr Reuben Kingsley, dem CEO von Bleks-con Construction Colony Ltd.

Zukünftige Aktivitäten

Die Benutzererfahrung endet nie, ich würde Folgendes tun:

  • Führen Sie eine weitere Runde von Usability-Studien durch, um zu bestätigen, ob alle Schmerzpunkte der Benutzer angesprochen wurden.

  • Führen Sie weitere Benutzerrecherchen durch, um neue Bedarfsbereiche für zukünftige Updates zu ermitteln.

Werkzeuge, die ich verwendet habe:

  • Figma

  • Miro

  • Google Dokumente

  • Google-Folien

  • Google-Tabelle

  • Zoom (für Benutzerinterviews)

 
 
sustainability-12-00656-g002.png
17.12.2021_11.01.14_REC.png
screen 1.png
SU.png
smartmockups_l7yq2j2d.jpg
smartmockups_l7yq4czz.jpg
bottom of page