Industrie
Öffentlicher Sektor
Design
G2C, B2C, End-to-End, Kartendesign
Münchner Wochenmarkt-Karte: 86% Benutzerfreundlichkeit
Auswirkung
86 % der Nutzer bewerten das Design der Münchner Wochenmarkt-Karte als einfach und sehr einfach zu bedienen.
Zeit
2 Wochen
Werkzeug
Geschäftskontext & Ziel
Verwandeln Sie die offenen Daten der Münchner Wochenmärkte in eine barrierefreie Benutzeroberfläche, die Anwohnern und Neuankömmlingen hilft, Marktstandorte und Öffnungszeiten schnell zu finden.
Geschäftsproblem
Sinkende Marktbesuche reduzierten die Verkäufe der Händler, schränkten den Zugang zu frischen Lebensmitteln ein und erschütterten das Vertrauen zwischen den Händlern und der Stadt.
Einschränkungen
Personal: Kein eigener interner UX-Designer.
Technologie: Die städtische Website und der Marktdatensatz sind nicht miteinander verbunden.
Forschung: Begrenzte Reichweite; die Forschung stützt sich auf Stellvertreterdaten aus Berlin und anderen deutschen Städten.
Lösung
Eine lokale Markt-App, die entwickelt wurde, um die Navigation für Benutzer während der Live-Öffnungszeiten des Marktes sowie für Produkte und den Transportführer zu vereinfachen.
Meine Rolle
UX/UI-Designer
Durchführung von 5 Benutzerinterviews und 5 Usability-Tests, um Schwachstellen für Nutzer zu identifizieren und Designverbesserungen zu entwerfen
Entwurf eines High-Fidelity-Prototyps für die mobile App „märkte München“ als Designlösung
Iterative Überarbeitung des Kartendesigns nach Usability-Tests
Forschung
Annahmen zur Nutzerforschung
Kanal: Nutzer verlassen sich auf Google Maps, Suchmaschinen und offizielle Stadtseiten – nicht auf rohe offene Daten.
Gerät: Die Zielgruppe bevorzugt mobile Geräte gegenüber dem Desktop, wenn sie unterwegs sucht.
Lösung: Eine für Mobilgeräte optimierte Website, die Marktdaten standardisiert, führt direkt zu mehr Kundschaft für die Händler.
Nutzerforschungsmethoden & Erkenntnisse
Ich habe eine generative Nutzerforschungsmethode angewandt und Remote-Interviews mit 5 Proxy-Usern durchgeführt. Mit Unterstützung von NotebookLM habe ich den Forschungsbericht und die Erkenntnisse erstellt.
Kernprobleme
Unvorhersehbare Marktöffnungszeiten
Lange Pendelstrecken
Frühe Schließzeiten der Händler und mangelnde Transparenz des Lagerbestands
Menschenmengen
Definieren und Ideen entwickeln
Definitionen: Archetyp, JTBD (Jobs-to-be-Done) und Problemstellung
Archetyp: Der opportunistische Käufer
Problemstellung
Die in München lebenden Einwohner und Zugezogenen besuchen die Wochenmärkte selten, wenn sie keine aktuellen Informationen über den Marktstandort, die Öffnungszeiten und das transparente Sortiment finden, um bequem frische Lebensmittel einzukaufen. Das ist aus folgenden Gründen ein Problem:
Es kann die Gewinne der Markthändler aufgrund geringer Besucherzahlen verringern.
Das zunehmende Misstrauen gegenüber lokalen Markthändlern in der Stadt München.
Wie könnten wir?
Wie können wir die Informationen über die Standorte und Öffnungszeiten der Wochenmärkte in München so aktuell und nützlich für Anwohner und Neuankömmlinge gestalten, dass sie bequem frische Lebensmittel einkaufen können und mehr Menschen Lust bekommen, die Märkte zu besuchen?
Ideen entwickeln
Customer Journey Map
Die Customer Journey Map zeigte auf, wie die Schwachstellen der Nutzer Möglichkeiten zur Vereinfachung des Kundenerlebnisses bei der Suche nach den benötigten Informationen zu Betriebszeiten, Transport und der Produktliste des Marktes bieten.
Wettbewerbsanalyse
Basierend auf der Wettbewerbsanalyse erfüllt Google Maps die meisten Nutzerbedürfnisse. Daher habe ich mich entschieden, die Funktionen von Google Maps in das Design der Münchner Wochenmarkt-Karte zu integrieren – einschließlich einer Schnellnavigation sowie aktualisierter Informationen zu Marktzeiten und Warenbeständen, um den Einstieg für Kunden schneller und einfacher zu gestalten.
User Flow
Der Benutzerfluss zeigt auf, wie ein in München lebender Forscher einen lokalen Markt in der Nähe und die relevanten Informationen findet, indem er die Designlösung mit einfachen und schnellen Schritten nutzt.
Design
Designhypothese
Hypothese
Die Gestaltung des interaktiven mobilen Marktplans, mit dem Nutzer die benötigten Informationen auf der Website von Märkte München schnell finden können, wird die Benutzerfreundlichkeit und das nutzerfreundliche Erlebnis verbessern.
Designänderungen
Entwerfen Sie die mobile Benutzeroberfläche der Karte mit der Suchleiste und der Funktion „Mich lokalisieren“ zur Suche nach Märkten in der Nähe
Fügen Sie das Informationsmodal hinzu, das den Namen des Marktes, seine Übersicht, seinen Standort, die aktuellen Öffnungszeiten, das Peak-Time-Paradigma, eine Update-Benachrichtigungs-Glockenschaltfläche, eine Routenschaltfläche und eine Händlerschaltfläche enthält.
Metriken
80% positive Bewertungen zur Benutzerfreundlichkeit mit dem mobilen Münchner Wochenmarktpland.
Wireframing
High-Fidelity-Prototyp 1. Version
Testen
Usability-Testing
Ich habe den Prototyp der Märkte München-Karte mit 5 Proxy-Nutzern aus deutschen Städten in moderierten Online-Sitzungen getestet. Die Teilnehmer führten eine realistische Aufgabe aus, um einen nahegelegenen, geöffneten Markt zu finden und dessen wichtigste Informationen zu überprüfen, wobei sie die Methode des lautstarken Denkens nutzten. Die 13 Fragen konzentrierten sich auf die Kartensuche, visuelles Feedback, Informationshierarchie, Navigation und die allgemeine Benutzerfreundlichkeit.
Ergebnis
Basierend auf dem Feedback aus dem Testbericht sind hier die wichtigsten Erkenntnisse der Testergebnis-Analyse:
0 Benutzer können geöffnete und geschlossene Markt-Pins voneinander unterscheiden, ohne darauf zu klicken.
80 % der Benutzer finden die aktuelle Position oder Suchanfragen beim ersten Versuch und finden die Schaltfläche für die Wegbeschreibung in unter 3 Sekunden.
86 % der Benutzer bewerten den Prototyp als einfach und sehr einfach zu bedienen.
100 % der Benutzer tippen auf den Pin, öffnen das Detail-Modal erfolgreich beim ersten Versuch und verstehen die Grafik für die Stoßzeiten sofort.
60 % der Benutzer schlagen vor, eine Bewertung oder Kundenrezension für den Markt und die einzelnen Verkäufer hinzuzufügen.
Iteration
Designänderungen & Verbesserungen basierend auf Test-Feedback
Verfeinerte Pin-Benutzeroberfläche: Farbcodierte Offen/Geschlossen-Zustände und Live-Entfernung direkt in die Pins integriert.
Routenführung hinzugefügt: Einführung eines Transport-Modals mit multimodalen Optionen beim Klicken auf „Wegbeschreibung“.
Vereinfachter Informationsfluss: Interaktion mit den Karten-Pins von einer 2-Tipp-Modal-Erweiterung auf ein einfaches Tippen optimiert.
High-Fidelity-Prototyp-Iteration
Vorher
Wochenmärkte München Offener Datensatz
Wochenmärkte München Webseite
Nach
Lektionen gelernt
Schrittweise Offenlegung von Informationen: Benutzer erwarten die Öffnungszeiten direkt beim Darüberfahren mit der Maus (Hover); tiefergehende Details (Routen, Entfernung, Transportmittel) werden erst benötigt, wenn sie bestätigt haben, dass der Markt geöffnet ist.
Karten-Pin als primärer Anker: Intuitive, gut unterscheidbare Pins dienen als entscheidendes Tor für Benutzer, um sich geografisch zu orientieren und auf Marktdetails zuzugreifen.
Wegbeschreibungen & multimodaler Verkehr sind Grundvoraussetzungen: Eine schnelle Navigation über One-Click-Wegbeschreibungen und flexible Transitoptionen ist für die sofortige Reiseplanung unerlässlich.
Nutzung von Jakobs Gesetz: Die Spiegelung etablierter mentaler Modelle (wie Google Maps) eliminierte Einstiegshürden und ermöglichte sofortige Vertrautheit sowie mühelose Navigation.
Links und Referenzen
Nutzerforschungsbericht auf Google Drive
Archetyp, Customer Journey Map, User Flow auf FigJam
Prototyp auf Figma
Nutzerforschungs- & Usability-Testplan auf Notion
Usability-Testbericht auf Google Drive
Wettbewerbsanalyse auf Google Drive