a blue and white background with circles

Industrie

GovTech, öffentlicher Sektor

Design

G2C, End-to-End, Kartendesign

Münchner Wochenmarkt-Karte: 86% Benutzerfreundlichkeit

End-to-End-UX/UI-Design vom Konzept bis zum Prototyp in 2 Wochen.

Ich habe die App für den Münchner Wochenmarktplan entwickelt, um die Navigation der Nutzer bei der Suche nach den am häufigsten benötigten Informationen über die Wochenmärkte auf der Website der Märkte München zu optimieren.

Zeit

2 Wochen

Werkzeug

Meine Rolle

UX/UI-Designer

Auswirkung

86 % der Nutzer bewerten das neue Kartendesign als einfach und sehr einfach zu bedienen.
100 % der Nutzer tippen auf den Pin, öffnen das Detail-Modal erfolgreich beim ersten Versuch und verstehen die Grafik der Hauptverkehrszeiten sofort.

Geschäftskontext & Ziel

München bietet einen offenen Datensatz zu den lokalen Wochenmärkten an, es fehlt jedoch eine leicht zugängliche Benutzeroberfläche. Das Ziel ist es, eine benutzerfreundliche Lösung auf Basis dieser Daten zu entwickeln, die Anwohnern und Neuankömmlingen hilft, Marktstandorte und Öffnungszeiten einfach zu finden.

Geschäftsproblem

Einnahmen: Sinkende Gewinne der Marktverkäufer aufgrund geringer Besucherzahlen.
Reputation: Unzufriedenheit der Öffentlichkeit über den Zugang zu frischen Lebensmitteln, was sich auf das Image der Stadt auswirkt.
Vertrauen: Angespannte Beziehungen zwischen Marktverkäufern/Eigentümern und der Stadtverwaltung.

Einschränkungen

Personal: Kein fest angestellter UX-Designer im städtischen Team Münchens.
Tech-Stack: Diskrepanz zwischen der offiziellen Website der Stadt und dem offenen Marktdatensatz.
Reichweite der Forschung: Die Marketing-Reichweite ist begrenzt; die Nutzerforschung beschränkt sich auf Proxies außerhalb der Region (Berlin und Einwohner anderer Städte in Deutschland).

Meine Aktivitäten

Durchführung von 5 Benutzerinterviews und 5 Usability-Tests, um Nutzerschnittstellen-Probleme zu identifizieren und Designverbesserungen zu entwerfen
Entwurf eines High-Fidelity-Prototyps der märkte München Mobile App als Designlösung
Iteratives Kartendesign nach Usability-Tests

1. UX-Research

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

Möglichkeiten

❌ Schmerzpunkte

Unvertraut mit dem rechtlichen Verfahren
Mangel an zugänglichen rechtlichen Informationen, die leicht zu finden und zu verstehen sind
Unerschwinglich, einen Strafverteidiger für ein Vergehen zu engagieren

Echtzeit-Statusanzeigen & exakte Zuordnung
Proaktive, regionsspezifische Benachrichtigungen
Live-Bestandswarnungen und thematische Profile
Tools zur Vermeidung von Menschenansammlungen

2. 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?

Ideenfindung

Um Lösungen für das Feature-Design zu konzipieren, habe ich eine Customer Journey Map erstellt, eine Wettbewerbsanalyse durchgeführt und User Flows entwickelt.

Customer Journey Map

Wettbewerbsanalyse

User Flow

3. Design

Designhypothese

Hypothese

Die Gestaltung der interaktiven Marktplan-Navigation auf der Website der Märkte München wird die Kundenbindung erhöhen.

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 Usability-Bewertungen mit dem neuen Design der Marktkarte.

Wireframing

High-Fidelity-Prototyp 1. Version

Usability-Testing

Testplan

Ziel

Bewerten Sie die Benutzerfreundlichkeit des neuen Kartenprototyps der Märkte München und identifizieren Sie Verbesserungspotenziale.

Methode

Tool: Moderierte Online-Nutzertests mit Google Meet

Anzahl der Testbenutzer: 5 Proxy-Benutzer

Benutzerprofil: Menschen leben in Städten in Deutschland

Testaufgabe:

Stellen Sie sich vor, es ist Donnerstag um 16:00 Uhr. Sie möchten nach der Arbeit schnell einen geöffneten lokalen Markt in der Nähe Ihres Wohnorts in der Milchstraße 14 in München finden, um frisches Gemüse zu kaufen, dessen Öffnungszeiten und Hauptverkehrszeiten, seine Produkte und die schnellste Verbindung mit den öffentlichen Verkehrsmitteln dorthin überprüfen. Bitte denken Sie laut nach, während Sie die Karte nutzen.

Testfragen:

3 Screening-Fragen
2 Fragen zum Testen des Prototyps bezüglich Kartensuche und visuellem Feedback
3 Fragen bezüglich Markt-Modal und Informationshierarchie
2 Fragen bezüglich sekundärer Informationsnavigation
3 Fragen zur Gesamterfahrung.

Testergebnis-Analyse

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.

4. 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

Klickdummy

Lektionen gelernt

Nutzerverhalten bei der Verwendung von Karten-Apps: Die Nutzer sind es gewohnt, die Karte zu bewegen und Marktstandorte sowie Entfernungen zunächst durch Bewegen des Mauszeigers über die Markt-Pins und Klicken auf die Schaltfläche für die Wegbeschreibung zu ermitteln.
Nutzererwartungen an Karten-Apps: Informationen über die Live-Öffnungszeiten des Marktes zu erhalten, bevor sie auf den Markt-Pin klicken, sowie das Finden von mehreren Transportoptionen und Wegbeschreibungen mit Entfernungen, sobald die Öffnungszeit bekannt ist.
Der intuitive und gut unterscheidbare Pin ist für die Nutzer der Schlüssel zum Zugriff auf die benötigten Marktinformationen auf der Karte.
Die Schaltfläche für die Wegbeschreibung und die verschiedenen Transportoptionen sind die wichtigsten Funktionen für Nutzer, um auf der Karte zu navigieren und den Markt zu finden.
Die Nutzer haben sich schnell mit der von ihnen zum ersten Mal getesteten Karten-App vertraut gemacht und fanden sie einfach zu bedienen, da ihr Design dem von Google Maps ähnelt, das sie täglich nutzen.