Ocean Network Express (ONE), ein globales Schifffahrtsunternehmen, wollte seine veraltete mobile App modernisieren, um sie besser an der Markenbotschaft auszurichten und seinen Kunden ein benutzerfreundlicheres Erlebnis zu bieten. Die bestehende App war nicht mehr zeitgemäß und verfügte nicht über die Funktionen und Funktionalitäten, die erforderlich waren, um den sich ändernden Anforderungen der Schifffahrtsbranche gerecht zu werden.
ONE wollte seine bestehende mobile App modernisieren und seinen Kunden ein benutzerfreundlicheres und effizienteres Erlebnis bieten. Die bisherige App war veraltet und es fehlten die Funktionen und die Funktionalität, um den wachsenden Anforderungen der Schifffahrtsbranche 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 ONE zur Revitalisierung ihrer mobilen App.
Wir führten eine eingehende Analyse der Markenidentität, Mission und Werte von ONE durch. Dazu gehörten die Überprüfung ihrer Website, Marketingmaterialien und Kundenfeedbacks. Wir wollten die Essenz ihrer Marke verstehen und wie sie bei ihrer Zielgruppe ankommt.
Wir analysierten Apps von konkurrierenden Reedereien, 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 Benutzer besonders wertvoll waren, und Bereiche, in denen sich ONE differenzieren konnte.
Um ein tieferes Verständnis der Kunden von ONE zu gewinnen, erstellten wir detaillierte Benutzerpersönlichkeiten, die verschiedene Segmente ihrer Zielgruppe repräsentieren. Zu diesen Personas gehörten Schifffahrtsexperten, Logistikmanager und Einzelkunden.
Wir haben die typische Customer Journey abgebildet, von der ersten App-Entdeckung bis hin zur Nutzung der App für verschiedene Aufgaben wie Sendungsverfolgung, Anfragen von Angeboten und Zugriff auf Unternehmensnachrichten. Dies half uns, Schmerzpunkte und Bereiche mit Verbesserungspotenzial zu identifizieren.
1. Schwierigkeiten beim Auffinden von Informationen: Benutzer hatten Schwierigkeiten, bestimmte Informationen zu finden, wie z. B. den Sendungsstatus oder Kontaktdetails.
2. Komplexe Benutzeroberfläche: Die Benutzeroberfläche der App war überladen und schwer zu navigieren, was zu Verwirrung und Frustration führte.
3. Unzureichende Feedback-Mechanismen: Die App gab den Benutzern nur begrenztes Feedback, was es ihnen erschwerte, den Status ihrer Aktionen zu verstehen oder Probleme zu beheben.
4. Mangel an kontextspezifischer Hilfe: Die Hilfe und Dokumentation der App war nicht immer relevant oder hilfreich für die Benutzer, was es ihnen erschwerte, die benötigten Informationen zu finden.
Wir führten eine heuristische Bewertung der bestehenden ONE Mobile App durch, um Usability-Probleme und Verbesserungspotenziale zu identifizieren. Dies beinhaltete die Bewertung der App anhand etablierter Usability-Richtlinien, wie z. B. Jakob Nielsens Heuristiken. Wir bewerteten Faktoren wie Sichtbarkeit des Systemstatus, Übereinstimmung zwischen System und realer Welt, Benutzerkontrolle und -freiheit, Konsistenz und Standards, Fehlervermeidung, Wiedererkennung statt Erinnerung, Flexibilität und Effizienz, ästhetisches Design sowie Hilfe und Dokumentation.
1. Unklare Navigation: Die Navigationsstruktur der App war unübersichtlich, was es den Benutzern erschwerte, das Gesuchte zu finden.
2. Inkonsistente Designelemente: Die Designelemente waren inkonsistent, was zu einem unzusammenhängenden und verwirrenden Benutzererlebnis führte.
3. Unzureichende Feedback-Mechanismen: Die App gab den Benutzern nur begrenztes Feedback, was es ihnen erschwerte, den Status ihrer Aktionen zu verstehen oder Probleme zu beheben.
4. Mangel an kontextspezifischer Hilfe: Die Hilfe und Dokumentation der App war nicht immer relevant oder hilfreich für die Benutzer, was es ihnen erschwerte, die benötigten Informationen zu finden.
Wir erstellten User Stories, um die Ziele und Bedürfnisse verschiedener Benutzerpersönlichkeiten zu definieren. Zum Beispiel: "Als Schifffahrtsexperte möchte ich den Status meiner Sendungen einfach verfolgen und Echtzeit-Updates erhalten."
Wir entwickelten eine Feature-Roadmap, um die wichtigsten Funktionen und Funktionalitäten für die neu gestaltete App zu priorisieren. Diese Roadmap half uns, unsere Entwicklungsbemühungen zu fokussieren und sicherzustellen, dass wir den Nutzern den größten Mehrwert bieten.
Wir erstellten detaillierte User Flows, um die Benutzerreise durch die App zu visualisieren. Dies half uns, potenzielle Schmerzpunkte zu identifizieren und ein nahtloses Benutzererlebnis zu gewährleisten.
Wir haben die Informationen innerhalb der App 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.
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.
Wir begannen mit Low-Fidelity Wireframes, um schnell verschiedene Designkonzepte zu iterieren und Feedback von Stakeholdern einzuholen.
Visuelle Designentscheidungen: Wir entwickelten einen Styleguide für das visuelle Design, der mit der Markenidentität von ONE übereinstimmte. Dazu gehörten Farbpalette, Typografie, Ikonografie und die gesamte Ästhetik.
Branding-Elemente: Wir haben wichtige Branding-Elemente, wie das ONE-Logo und den Slogan, in das Design der App integriert, um die Markenwiedererkennung zu stärken.
Barrierefreiheit: Wir stellten sicher, dass die App für Benutzer 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.
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 Benutzergruppen.
Die Bedeutung der Benutzerforschung: Ein tiefes Verständnis Ihrer Benutzer ist essentiell für die Erstellung einer erfolgreichen mobilen App. 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 App 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 App von einem breiteren Spektrum von Benutzern genutzt werden kann. Durch die Integration von Barrierefreiheitsfunktionen konnten wir die ONE Mobile App inklusiver gestalten.
Die Vorteile der Remote-Zusammenarbeit: Unser Remote-First-Ansatz ermöglichte es uns, effektiv mit dem ONE-Team zusammenzuarbeiten, unabhängig vom Standort. Dies optimierte den Designprozess und ermöglichte es uns, die Expertise eines vielfältigen Designerteams zu nutzen.
Personalisierte Empfehlungen: Die Integration von KI-gestützten Empfehlungssystemen sollte geprüft werden, um Nutzern hochgradig personalisierte Versandvorschläge basierend auf ihrem bisherigen Verhalten und ihren Präferenzen zu bieten.
Integration mit anderen Systemen: Die Integration der App mit anderen Logistiksystemen und -plattformen sollte geprüft werden, um Arbeitsabläufe zu optimieren und den Benutzern ein nahtloseres Erlebnis zu bieten.
Verbesserte Tracking-Funktionen: Implementierung erweiterter Tracking-Funktionen wie Echtzeit-Updates, Benachrichtigungen und die Möglichkeit, mehrere Sendungen gleichzeitig zu verfolgen.
Dokumentenmanagement: Bereitstellung einer Plattform für Benutzer, um Versanddokumente wie Rechnungen und Zollformulare sicher zu speichern und zu verwalten.
Community-Funktionen: Die Integration von sozialen Funktionen wie Foren oder Diskussionsforen sollte in Betracht gezogen werden, um ein Gemeinschaftsgefühl unter den Nutzern zu fördern und ihnen zu ermöglichen, Informationen und Erfahrungen auszutauschen.