CoderSchool
Projektübersicht
CoderSchool, eine führende Online-Lernplattform, wollte die Benutzererfahrung verbessern und ihre Plattform modernisieren, um den Bedürfnissen ihrer Lernenden besser gerecht zu werden. UXphoria wurde mit der Durchführung eines umfassenden Redesigns beauftragt, das UX-Forschung, UX-Design, UI-Design und Usability-Tests umfasste.
Diese Fallstudie beschreibt den Prozess und die Ergebnisse der Zusammenarbeit von UXphoria mit CoderSchool zur Revitalisierung ihrer Lernplattform.
Ziel
CoderSchool wollte eine optisch ansprechende und benutzerfreundliche Oberfläche für ihre neu entwickelte Online-Lernplattform schaffen. Die Plattform zielte darauf ab, immersive Lernerfahrungen zu bieten und Teams mit den Fähigkeiten von morgen auszustatten.
Ansatz
UXphoria wurde mit der Durchführung eines umfassenden Redesigns beauftragt, das UX-Forschung, UX-Design, UI-Design und Usability-Tests umfasste. Diese Fallstudie beschreibt den Prozess und die Ergebnisse der Zusammenarbeit von UXphoria mit CoderSchool zur Revitalisierung ihrer mobilen App.
I. Benutzerforschung
Markenanalyse
Wir führten eine eingehende Analyse der Markenidentität, Mission und Werte von CoderSchool durch. Dazu gehörten die Überprüfung ihrer Website, Marketingmaterialien und des Feedbacks von Studenten. Wir wollten die Essenz ihrer Marke verstehen und wie sie bei ihrer Zielgruppe ankommt.
Wettbewerbsanalyse
Wir analysierten konkurrierende Online-Lernplattformen wie Coursera, Udemy und edX, um Best Practices und Bereiche für Innovationen zu identifizieren. Dazu gehörten die Bewertung ihrer Benutzeroberflächen, Funktionen und des allgemeinen Benutzererlebnisses. Wir konzentrierten uns darauf, Funktionen zu identifizieren, die für die Lernenden besonders wertvoll waren, und Bereiche, in denen sich CoderSchool differenzieren konnte.
Benutzerpersönlichkeiten
Um ein tieferes Verständnis der Lernenden von CoderSchool zu gewinnen, erstellten wir detaillierte Benutzerpersönlichkeiten, die verschiedene Segmente ihrer Zielgruppe repräsentieren. Zu diesen Personas gehörten Studenten, Berufstätige und Unternehmensteams.
Der angehende Profi: Eine motivierte Person, die ihre Fähigkeiten verbessern und ihre Karriere vorantreiben möchte. Sie legen Wert auf hochwertige Inhalte, Flexibilität und personalisierte Lernerfahrungen.
Der Corporate Learner: Ein Fachmann, der an unternehmenssponsorierten Schulungsprogrammen teilnimmt. Sie priorisieren Komfort, Zugänglichkeit und Integration mit bestehenden Tools.
Der lebenslange Lerner: Eine Person, die sich für kontinuierliches Lernen und persönliche Entwicklung begeistert. Sie schätzen ein vielfältiges Kursangebot und Möglichkeiten zur Vernetzung.
II. Problembestimmung
Customer Journey Mapping
Wir haben die typische Lernreise abgebildet, von der ersten Entdeckung der Plattform bis zum Abschluss des Kurses und dem beruflichen Aufstieg. Dies half uns, Schmerzpunkte und Bereiche mit Verbesserungspotenzial zu identifizieren.
1. Schwierigkeiten, relevante Kurse zu finden: Die Lernenden hatten Schwierigkeiten, im Kurskatalog zu navigieren und Kurse zu finden, die ihren Interessen und Karrierezielen entsprechen.
2. Eingeschränkte Engagement-Funktionen: Der Plattform fehlten Funktionen, um die Interaktion und das Engagement der Lernenden zu fördern, wie z. B. Diskussionsforen oder Live-Fragerunden.
3. Unzureichende Feedback-Mechanismen: Die Plattform gab den Lernenden nur begrenztes Feedback, was es ihnen erschwerte, ihren Fortschritt zu verstehen oder Bereiche mit Verbesserungsbedarf zu identifizieren.
4. Mangelnde Barrierefreiheit: Die Plattform unterstützte Lernende mit Behinderungen, wie z. B. Seh- oder Hörbehinderungen, nicht ausreichend.
Heuristische Bewertung
Unsere heuristische Bewertung ergab mehrere Usability-Probleme, darunter:
1. Unklare Navigation: Die Navigationsstruktur der Plattform war unübersichtlich, was es den Lernenden erschwerte, die benötigten Informationen zu finden.
2. Inkonsistente Designelemente: Die Designelemente waren inkonsistent, was zu einem unzusammenhängenden und verwirrenden Benutzererlebnis führte.
3. Unzureichende Feedback-Mechanismen: Die Plattform gab den Lernenden nur begrenztes Feedback, was es ihnen erschwerte, ihren Fortschritt zu verstehen oder Bereiche mit Verbesserungsbedarf zu identifizieren.
4. Mangelnde Barrierefreiheit: Die Plattform unterstützte Lernende mit Behinderungen, wie z. B. Seh- oder Hörbehinderungen, nicht ausreichend.
User Stories
Wir erstellten User Stories, um die Ziele und Bedürfnisse verschiedener Benutzerpersönlichkeiten zu definieren. Zum Beispiel: "Als angehender Profi möchte ich leicht relevante Kurse finden, die mit meinen Karrierezielen übereinstimmen."
Feature Roadmap
Wir entwickelten eine Feature-Roadmap, um die wichtigsten Funktionen und Funktionalitäten für die neu gestaltete Plattform zu priorisieren. Diese Roadmap half uns, unsere Entwicklungsbemühungen zu fokussieren und sicherzustellen, dass wir den Lernenden den größten Mehrwert bieten.
User Flows
Wir erstellten detaillierte User Flows, um die Lernreise durch die Plattform zu visualisieren. Dies half uns, potenzielle Schmerzpunkte zu identifizieren und ein nahtloses Benutzererlebnis zu gewährleisten.
Informationsarchitektur
Wir haben die Informationen innerhalb der Plattform sorgfältig organisiert, um eine klare und intuitive Struktur zu schaffen. Dies beinhaltete das Gruppieren verwandter Inhalte, die Verwendung geeigneter Beschriftungen und die Bereitstellung klarer Navigationspfade.
III. Ideenfindung & Design
UX Sketching
Ideenfindung und Exploration: Wir nutzten UX-Skizzen, um schnell verschiedene Designkonzepte zu generieren und zu erforschen. Dieser Low-Fidelity-Ansatz ermöglichte es uns, Ideen schnell zu iterieren und verschiedene Layout-Optionen zu visualisieren, ohne uns auf ein endgültiges Design festzulegen.
Kommunikation und Zusammenarbeit: UX-Skizzen ermöglichten eine effektive Kommunikation und Zusammenarbeit zwischen den Teammitgliedern. Durch das Skizzieren von Ideen konnten wir unsere Gedanken teilen und Feedback von Stakeholdern auf eine greifbarere und verständlichere Weise erhalten.
Schnelle Iteration: Skizzen ermöglichten es uns, mit verschiedenen Designansätzen zu experimentieren und Ideen schnell zu iterieren. So konnten wir die vielversprechendsten Konzepte identifizieren und weiter verfeinern.
Wireframing
Wir begannen mit Low-Fidelity Wireframes, um schnell verschiedene Designkonzepte zu iterieren und Feedback von Stakeholdern einzuholen.
Visuelles Design
Visuelle Designentscheidungen: Wir entwickelten einen Styleguide für das visuelle Design, der mit der Markenidentität von CoderSchool übereinstimmte. Dazu gehörten Farbpalette, Typografie, Ikonografie und die gesamte Ästhetik.
Branding-Elemente: Wir haben wichtige Branding-Elemente, wie das CoderSchool-Logo und den Slogan, in das Design der Plattform integriert, um die Markenwiedererkennung zu stärken.
Barrierefreiheit: Wir stellten sicher, dass die Plattform für Lernende mit Behinderungen zugänglich ist, indem wir die Richtlinien für Barrierefreiheit befolgten und Funktionen wie kontrastreiche Modi und die Kompatibilität mit Bildschirmleseprogrammen integrierten.
Design System
IV. Testen & Iteration
Benutzertests
Wir führten A/B-Tests durch, um verschiedene Designvarianten zu vergleichen und die effektivsten Lösungen zu identifizieren. Dies beinhaltete die Erstellung von zwei oder mehr Versionen eines Designelements (z. B. einer Schaltfläche, eines Navigationsmenüs) und deren Testen mit verschiedenen Gruppen von Lernenden.
Prototype
Wichtige Erkenntnisse
Die Bedeutung der Benutzerforschung: Ein tiefes Verständnis Ihrer Benutzer ist essentiell für die Erstellung einer erfolgreichen Online-Lernplattform. Durch die Durchführung von Benutzerforschung konnten wir wichtige Schmerzpunkte identifizieren und das Design an ihre spezifischen Bedürfnisse anpassen.
Der Wert von iterativem Design: Unser iterativer Designprozess ermöglichte es uns, die Plattform basierend auf Benutzerfeedback und Tests kontinuierlich zu verbessern. Dies stellte sicher, dass das Endprodukt die höchsten Standards an Benutzerfreundlichkeit und Benutzerzufriedenheit erfüllte.
Die Bedeutung der Barrierefreiheit: Das Design für Barrierefreiheit ist entscheidend, um sicherzustellen, dass Ihre Plattform von einem breiteren Spektrum von Lernenden genutzt werden kann. Durch die Integration von Barrierefreiheitsfunktionen konnten wir die Knowledgehut-Upgrad-Plattform inklusiver gestalten.
Die Vorteile einer personalisierten Lernerfahrung: Die Bereitstellung personalisierter Empfehlungen und Inhalte für Lernende kann ihr Engagement und ihre Motivation steigern.
Zukünftige Überlegungen
Gamification: Gamification-Elemente sollten untersucht werden, um das Engagement und die Motivation der Lernenden zu fördern. Dies könnte Belohnungen, Abzeichen oder Ranglisten umfassen.
Soziale Funktionen: Integration von sozialen Funktionen wie Diskussionsforen oder Live-Fragerunden, um ein Gemeinschaftsgefühl zu fördern und die Interaktion zwischen den Lernenden zu fördern.
Integration mit anderen Tools: Die Integration der Plattform mit anderen Produktivitätstools oder Lernmanagementsystemen sollte geprüft werden, um das Lernerlebnis zu optimieren.
