top of page

Projekte

1. Grünes Haus

smartmockups_l7yq2j2d.jpg

2. Ich-Bücher

Resources 001.png
smartmockups_l7yroakp.jpg
Pain point KP.png
Partnering organizations.png
profile.png

Designprozess

Empathie mit den Benutzern – Definiere das Problem – Ideen für Lösungen – Prototyping – Testing

Empathie mit Benutzern

Um die Bedürfnisse und Pain Points der Benutzer vollständig zu verstehen, musste ich Benutzerinterviews durchführen. So erfahre ich, was sie wirklich wollen und ob sie sich für nachhaltige Häuser interessieren – und vermeide so Vorurteile. Ich habe 10 Erwachsene zwischen 30 und 60 Jahren interviewt, die sich ein neues Haus wünschen oder ihre alten Häuser renovieren möchten.

Ich habe auch persönliche Recherchen zu Häusern in Nigeria durchgeführt und das Interesse der Nigerianer am Kauf von Häusern gezeigt, da dies mir einen Einblick in die Wohnungswelt ermöglicht.

Wettbewerbsanalyse

Um die Benutzer besser zu verstehen, habe ich überprüft, was andere Baufirmen machen und wie ich sie nachahmen oder besser machen kann. Ich habe mir ihre Plattformen wie ein potenzieller Benutzer angesehen – dies hat mir geholfen, die Schwachstellen zu erkennen, die Benutzer bei der Nutzung dieser Plattformen haben könnten, und herauszufinden, wie man eine bessere Erfahrung und Lösung schafft.

Schmerzstellen

In der Forschungsphase wurden drei (3) Hauptschmerzpunkte identifiziert:

  • Ort

  • Preis

  • Erreichbarkeit von Notdiensten

Empathiekarte

Überblick

Problemstellung

Blekscon Construct Colony Ltd – ein Bauunternehmen in Nigeria möchte eine neue Brennweite, mit der Nigerianer ihre umweltfreundlichen Häuser und Wohnungen besichtigen und kaufen können, und verkörpert auch die Idee eines umweltbewussten Lebens.

Lösung

Ich habe mir vorgenommen, ein neues Design zu schaffen, das Benutzer, die umweltverträglichen Häuser und Blekscon Construct 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 der wichtigsten Seiten geflickt, während eine Gruppe von Entwicklern geholfen hat, mein Design zum Leben zu erwecken.

Designprozess

Papier-Wireframes

Indem man sich die Zeit nahm, Iterationen jedes Bildschirms der App auf Papier zu entwerfen, wurde sichergestellt, dass die Elemente, die es zu digitalen Wireframes geschafft haben, geeignet sind, um die Schwachstellen der Benutzer anzugehen. Für den Startbildschirm habe ich einen einfachen und reibungslosen Anzeige- und Suchprozess priorisiert, damit Benutzer Aufgaben einfacher ausführen können.

Hinweis: Weitere Einzelheiten können aufgrund der Geheimhaltungsvereinbarungen, die ich mit Blekscon Construct Colony Ltd.

Endprodukt

Überlegungen zur Barrierefreiheit

Das Hauptziel war es, ein Design zu schaffen, das jeden Benutzer unabhängig von Alter, Vielfalt, Standort und anderen Faktoren im Gedächtnis behält. Ich wollte, dass jeder Benutzer ähnliche Erfahrungen mit der App macht. Um dies zu erreichen, habe ich ein paar Dinge im Hinterkopf behalten, die im Bild unten zu sehen sind.

Imbissbuden

Beim Entwerfen habe ich gelernt, dass die ersten Ideen für die App erst der Anfang des Prozesses 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 Benutzer und ihre Bedürfnisse an erste Stelle.

„Ich liebe die Benutzeroberfläche und das Design der Anwendung. Scheint sehr funktional und eine gute Auswahl an Farbpalette und Bildsprache zu sein“ – eine Rezension von Engr Reuben Kingsley, dem CEO von Blekscon Construct 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 Benutzerprobleme behoben wurden.

  • Führen Sie weitere Benutzerrecherchen durch, um neue Bereiche zu ermitteln, in denen zukünftige Updates erforderlich sind.

Werkzeuge, die ich verwendet habe:

  • Figma

  • Miro

  • Google Dokumente

  • Google-Präsentationen

  • Google-Tabelle

  • Zoom (Für Benutzerinterviews)

Mit dem vollständigen Satz digitaler Wireframes habe ich einen Low-Fidelity-Prototyp erstellt.

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, habe ich 10 Teilnehmer rekrutiert, um den Low-Fidelity-Prototyp zu testen.

Zu beobachten, wie die Teilnehmer mit der App interagieren und ihren Gedankengängen zuhören, hat mir geholfen, Problembereiche zu lokalisieren. Die Ergebnisse wurden zur Kenntnis genommen und eine Affinitätskarte wurde erstellt, um Muster zu identifizieren. Hinweis: Die Tests wurden aus der Ferne durchgeführt.

Eine weitere Runde von Usability-Tests wurde mit dem High-Fidelity-Prototyp durchgeführt. Durch das Testen des Designs in dieser Phase konnte ich eine Interaktion beobachten, die einer realen Interaktion mit dem Endprodukt am ehesten ähnelt. Hinweis: Die Tests wurden aus der Ferne durchgeführt.

Die Phase der Terminbuchung war für die meisten Benutzer verwirrend, da sie einen langen Prozess durchlaufen musste, bis ein Termin erfolgreich bestätigt wurde. Nach dem Usability-Test habe ich die Erfahrung für die Benutzer vereinfacht.

Überblick

Problemstellung

Bücher werden eine Quelle und ein Medium des Wissens für die nächsten Generationen bleiben. Laut UNESCO leiden die Schüler in den ärmsten Ländern unter dem Mangel an grundlegenden Lehrbüchern. , i-books, wurde mir ein Projekt im Rahmen von Kodecamp zugeteilt. Ich wurde beauftragt, eine Lösung zu entwickeln, wie Menschen ihre gebrauchten Bücher an Schulen, Schüler und Fremde spenden können.

Lösung

Um dieses Problem zu lösen, musste ich einen Forschungsplan entwerfen,  Teilnehmer für Forschungsfragebögen einschreiben und eine benutzerfreundliche mobile App für Buchspenden entwerfen.  

Meine Rolle

Ich habe an allen Phasen dieses Projekts mitgearbeitet. Usability-Tests, visuelle Designs, User Research und Design wurden von mir durchgeführt.

Designprozess

Empathie mit den Benutzern – Definiere das Problem – Ideen für Lösungen – Prototyping – Testing

Empathie mit Benutzern

Die Benutzererfahrung war mein Hauptaugenmerk während dieses Verlaufs dieses Projekts. Ich habe Benutzerinterviews geführt. 30 Teilnehmer wurden zum Zwecke einer guten Benutzerrecherche eingeschrieben. Das Alter der Teilnehmer reicht von 20 bis 70 Jahren. Ein Fragebogen mit 15 Fragen wurde ausgerollt und die Ergebnisse wurden mithilfe von Google-Analysen gesammelt.

 

Wettbewerbsanalyse

Aufgrund der Natur des Problems gab es in Nigeria zum Zeitpunkt des Projekts keinen aktuellen Buchspendenantrag. Dies war eine schwierige Phase für mich, da ich Konkurrenten aus anderen Kontinenten wie Europa und Asien einsetzen musste.

Schmerzstellen

In der Forschungsphase wurden drei (3) Hauptschmerzpunkte identifiziert:

  • Zeit  

  • Privatsphäre

  • Überwältigt mit  Information

Empathiekarte

screen 1.png

HI-FI-Wireframes

Nachdem ich ein erfolgreiches Usability-Testergebnis aus dem Low-Fidelity-Design zusammengestellt hatte, ging ich zur nächsten Phase der Erstellung eines High-Fidelity-Designs über. Das High-Fidelity-Design wurde mit einer kleinen Anpassung des Low-Fidelity-Designs entwickelt. Die Hi-Fi-Anlage wurde entwickelt, um einen einfachen Benutzerfluss zum Hauptziel zu ermöglichen und das beste Erlebnis für die Benutzer zu gewährleisten.

Usability-Tests für High-Fidelity-Designs

Um sicherzustellen, dass ich tatsächlich eine Lösung für das Problem, das ich lösen wollte, bereitgestellt habe, rekrutierte ich 10 Teilnehmer, um beim Testen sowohl des Low-Fidelity- als auch des High-Fidelity-Prototyps zu helfen. Ich beobachtete wie  die Teilnehmer mit der App interagierten, halfen sie mir, Bereiche zu lokalisieren, die angepasst und korrigiert werden mussten. Die Ergebnisse wurden notiert und eine Affinitätskarte erstellt, um Muster zu identifizieren.NB: Die Tests wurden aus der Ferne durchgeführt.

Der Usability-Test wurde viermal durchgeführt und das Endergebnis zeigt den Erfolg im Projekt. 

Endprodukt

Überlegungen zur Barrierefreiheit

Mein Hauptaugenmerk liegt darauf, einen Weg zwischen Benutzern und Organisationen zu finden, die bei Spenden helfen. Ich habe eine Anwendung erstellt, deren Hauptaufgabe darin besteht, die perfekte Benutzererfahrung bei der Verwendung zu bieten. 

 

Imbiss

Ich habe während der Phasen dieses Projekts viele persönliche Vorurteile überwunden. Ich musste zweimal umgestalten, weil ich nicht die gewünschte Benutzererfahrung erzielen konnte. Ich verstehe jetzt, warum die Benutzererfahrung das Hauptziel eines Produktdesigners sein sollte. Die Anwendung stellt die Benutzer und ihre Bedürfnisse in den Vordergrund.

 

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, Folien, Tabellenkalkulation, Formular

  • Zoom​

3. KampusPadi

Überblick

Problemstellung

Es ist alles andere als überraschend, dass afrikanische Studenten aufgrund des Drucks ihrer Dozenten, Kommilitonen und Eltern wirklich durch Bedauern und Depressionen durchhalten. Laut einem Artikel auf Europe PMC leiden 65 % der Hochschulstudenten in Nigeria aufgrund mehrerer soziodemografischer Faktoren unter Depressionen. Ich wurde von einem führenden Gremium von NGOs (Mental Aware Nigeria Initiative und Stand to Rap Initiative) damit beauftragt, nigerianischen Studenten (Afrika) eine informelle Gemeinschaft zu bieten, die wie Instagram oder Facebook funktionieren wird, jedoch mit der Verpflichtung, bei der Detaillierung von Problemen zu helfen, die in ihnen auftreten getrennte Colleges und bieten darüber hinaus auch einen Weg, wo Studenten in der Lage sein werden, Experten dieser NGOs (MANI und SRI) verdeckt zu kontaktieren.

Lösung

Dies ist eine gewaltige Aufgabe, da die nigerianische Regierung im Gegensatz zu Deutschland keine Datenspeicherung und Meinungsfreiheit garantiert. Ich musste darüber nachdenken, wie ich dieses Problem am besten angehen könnte. Ich habe es mit anderen Teammitgliedern geklärt und viele Ratschläge von ihnen bekommen. Um sicherzustellen, dass die während meiner Recherche gemachten Angaben der Wahrheit entsprechen, habe ich meiner Benutzergruppe zugesichert, dass ihre Daten sicher sind und sofort nach Abschluss des Projekts gelöscht werden. Ich habe sogar eine NDA-Vereinbarung mit ihnen unterzeichnet. Auch die nigerianische Verfassung bezüglich Social Media und Datennutzung musste ich studieren. 

Meine Rolle

Ich habe an allen Phasen dieses Projekts gearbeitet. Usability-Tests, visuelle Designs, User Research und Design. Ich hatte die Hilfe meiner Teammitglieder, deren Beitrag sehr geschätzt wurde. 

Designprozess

Sich in die Benutzer einfühlen (Recherche) - Das Problem definieren - Lösungen entwickeln - Prototyping - Testen

Sich in Benutzer einfühlen (Forschung)

Die Benutzererfahrung und der Datenschutz waren mein Hauptaugenmerk während dieses Verlaufs dieses Projekts. Ich habe Benutzerinterviews geleitet. Über 200 Studierende waren eingeschrieben. Ich musste mich aufgrund der Bevölkerung nigerianischer Studenten für eine große Anzahl entscheiden. Das Alter der Teilnehmer reicht von 16 bis 35 Jahren, da Masterstudenten in die Forschung einbezogen wurden. Ein Fragebogen mit 10 Fragen wurde ausgerollt und die Ergebnisse mit Google Analytics gesammelt.

Schmerzstellen

Ich konnte verschiedene Schmerzpunkte identifizieren und Lösungen dafür finden. Ich habe meine Benutzerpersönlichkeit, Empathiekarte, Informationsarchitektur und Benutzerfluss erstellt. Ich bin von diesem Punkt aus weitergegangen, um meine Produktbesitzer mitzunehmen, da ich einige ernsthafte Probleme mit der Aufgabe habe. 

Low-Fidelity-Drahtgitter

Wie jeder benutzerorientierte Designer begann ich mit der Einführung meiner Lösung, indem ich ein Low-Fidelity-Drahtmodell entwarf. Einige Beispiele finden Sie im Bild unten. In Anbetracht meiner Benutzerpersönlichkeit muss ich gestehen, dass das Entwerfen dieses LO-FI für mein Team und mich nicht einfach war. Bei mehreren Gelegenheiten mussten wir den Rat unserer älteren Kollegen einholen. Wir bewältigen diese Phase mit mehreren Treffen mit den NGOs und Produktmanagern. 

High-Fidelity-Drahtmodell

Nachdem ich das LO-FI mit den NGOs und Product Ownern besprochen habe, gehen mein Team und ich zur nächsten Phase über. Der Usability-Test wurde auf dem LO-FI wegen der Anzahl der zu entwerfenden Bildschirme nicht durchgeführt und die Zeit war nicht mehr unser Freund. Das HI-Fi und Prototyping war meine Lieblingssitzung des Projekts. Ich war aufgeregt, weil ich einst ein nigerianischer Student war und ich weiß, auf welchem Niveau die von mir geschaffene Lösung zukünftigen Generationen helfen wird. Zu diesem Zeitpunkt entschied ich mich, die zu entwerfenden Bildschirme unter jedem Teammitglied zu verteilen. Ich habe das Onboarding, die Startseite (sowohl für bestehende als auch für neue Benutzer), das Schülerprofil, die Passwortänderung, die Chat-Seite, die Ressourcen, den 404-Fehler, den Bestätigungsbildschirm und die Bildschirme für die Nachrichtenseite entworfen. Weitere von mir entworfene Elemente sind das Logo, die Symbole und der Styleguide.

Usability-Test

An diesem Punkt lief uns die Zeit davon und wir mussten den geplanten Zeitrahmen einhalten, damit die Entwickler ihre Phase des Projekts beginnen konnten. Wir mussten die Dienste eines Usability-Testzentrums in Nigeria durchführen. Dies wurde von den Produktmanagern überwacht, da wir erst eine schöne Bemerkung bekamen, nachdem das Projekt dem Vorstand der NGOs vorgestellt wurde. 

Teil II:Grafikdesign-Projekte

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Designprozess

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

LO-FI-Wireframes

Indem man sich die Zeit nahm, Iterationen jedes Bildschirms der App auf Papier zu entwerfen, wurde sichergestellt, dass die Elemente, die es zu digitalen Wireframes geschafft haben, geeignet sind, um die Schwachstellen der Benutzer anzugehen. Für den Startbildschirm habe ich einen einfachen und reibungslosen Anzeige- und Suchprozess priorisiert, damit Benutzer Aufgaben einfacher ausführen können.

Hinweis: Weitere Einzelheiten können aufgrund der Geheimhaltungsvereinbarungen, die ich mit Blekscon Construct Colony Ltd.

User persona KP.png
I-Books reult collation.png
LoFI KP.png
Student Profil e saved.png
Home for existing user.png
Personal chat page.png
Design 6.jpeg
design 5.jpeg
Design 1.jpeg
Design 4.jpeg
Design 2.jpeg
Design 3.jpeg
p5.jpg
p4.jpg
P1.jpeg
p2.jpeg
p3.jpeg
bottom of page