Logo

Die UX von Karten im Web-Design

Kategorie:
Erstellt am: 2. Januar

Karten sind eine faszinierende Methode zur Vermittlung von Inhalten. Im besten Fall bieten sie eine intuitive Möglichkeit, Informationen zu präsentieren und mit ihnen zu interagieren. Dies ist der Vorteil, den digitale Karten über mobile Apps und Websites gegenüber gedruckten Karten und Bildern haben, bei denen keine Interaktivität möglich ist.

Aber es ist wichtig zu verstehen, dass mehr Daten ≠ bessere Erfahrungen. Wir alle verfügen heute über so viele Daten, die uns über verschiedene Dienste zur Verfügung stehen, dass die größte Herausforderung wohl nicht in der Beschaffung von Informationen, sondern im Herausfiltern derselben besteht. Wir können nur eine bestimmte Menge an Informationen verarbeiten, bevor wir überlastet werden. Dieses Problem droht bei Karten allgegenwärtig zu werden. Es gibt so viele potenzielle interessante Punkte auf einer Karte, dass man sich darüber im Klaren sein muss, was den Nutzern angezeigt werden soll.

Auch das UX-Design, das Kartendesign und die Benutzeroberfläche sind von entscheidender Bedeutung. Karten können zwar ein wirkungsvolles Mittel sein, um Menschen anzulocken, aber wenn die Endnutzer das Gefühl haben, dass Sie nicht einmal das visuelle Design berücksichtigt haben, werden sie Ihre Website oder App schnell wieder verlassen.

Allgemeine Anwendungsfälle

Wann sind Maps nützlich, und welche Probleme lösen sie? Lassen Sie uns direkt in die häufigsten Anwendungsfälle für Maps im Webdesign eintauchen.

Navigation und Wegbeschreibung

Wie Google Maps zeigt, sind Navigation und Wegbeschreibung wohl die klassische Fallstudie für interaktive Karten. Sie befinden sich an einem Ort und müssen zu einem anderen gelangen. Sie können Ihr Ziel und Ihren aktuellen Standort eingeben, und die Karte zeigt Ihnen Vorschläge für den Weg dorthin. Sie können die Reisemethode auswählen und die gewünschten Abfahrts- oder Ankunftszeiten einstellen. Sie müssen jedoch zuerst verstehen, welche Funktionen Ihre Benutzer benötigen. Die Art und Weise, wie diese Optionen den Nutzern präsentiert werden, ist ein wichtiger Bestandteil des UX-Designs.

Wenn Benutzer nach Optionen suchen, z. B. nach einem Restaurant, ist das nicht so einfach. In diesem Fall ist die Art und Weise, wie Ihre Karte das Schwenken in Echtzeit handhabt, während die Benutzer durch die Stadt streichen, ein wichtiges Thema.

Geografische Darstellung von Beziehungen und Trends

Dies ist etwas, das Sie bei jeder Wahl in einem westlichen Land sehen werden. Wir alle sind daran gewöhnt, Karten zu sehen, die uns einen Überblick über den Stand der Dinge geben, welcher Staat oder Sitz von welcher Partei gehalten wird. Dann sehen wir vielleicht Hochrechnungen auf der Grundlage von Wählerabsichten und daraus abgeleiteten Stimmabgaben. Dann können die Daten der Wählerbefragung hochgerechnet und die Karte laufend aktualisiert werden, bis das Endergebnis feststeht.

Diese Möglichkeit ist von entscheidender Bedeutung, da eine statische Karte jedes Mal veraltet wäre, wenn eine neue Umfrage veröffentlicht wird. Außerdem können sich die Wahlabsichten im Laufe einer Kampagne ändern, so dass solche Karten dynamisch sein müssen. Natürlich sind solche Karten nur so genau wie die verfügbaren Daten, wie die Karte zur Euro-Wahl 2016 gezeigt hat.

Points of Interest anzeigen

Wie bereits erwähnt, gibt es eine Menge Daten, die Kartennutzern zugänglich gemacht werden können. Das bedeutet jedoch nicht automatisch, dass sie das auch sollten. Die Benutzerfreundlichkeit ist entscheidend. Wenn Sie zum Beispiel eine Karte betrachten, sehen Sie in der Regel zuerst die wichtigsten Punkte von Interesse. Welche Punkte von Interesse Ihnen angezeigt werden, kann variieren.

Eine Variante ist die Zoomstufe. Wenn Ihre Karte gerade eine ganze Stadt zeigt, ist der Detailgrad der Karte absichtlich begrenzt. Sie sehen Stadtteile, große Straßen oder geografische Merkmale wie Flüsse. Würden detailliertere Informationen angezeigt, wären vor allem Nutzer von Mobilgeräten überfordert. Selbst auf dieser Ebene werden Sie Unterschiede in der Typografie feststellen. So kann der Name der Stadt fett gedruckt sein oder die Namen der verschiedenen Gebiete in Großbuchstaben. Der Detaillierungsgrad ist also an den Maßstab der Karte gekoppelt. Wenn Sie die Karte ein wenig heranzoomen, werden wichtige Sehenswürdigkeiten, wie z. B. Museen, sichtbar. Wenn Sie in bestimmte Stadtteile hineinzoomen, werden Restaurants, Cafés und Universitäten sichtbar. Diese visuelle Hierarchie ist eine wichtige Methode, um den Umfang der dargestellten Informationen zu steuern.

Aber die Informationen werden immer noch abstrahiert. Erst wenn man auf das Museum tippt, sieht man Informationen zu den Öffnungszeiten und zur Auslastung. Diese Informationen werden in der Regel auch mit Fotos und Bewertungen der Nutzer präsentiert. Auch der Kontext wird berücksichtigt, so dass Sie bereits Hotels und Restaurants in der Nähe sehen. Es geht also nicht nur um einzelne Sehenswürdigkeiten, sondern um die Verbindungen zwischen ihnen.

6 Tipps zur Verbesserung von interaktiven Karten

Was sind die Herausforderungen bei der Erstellung effektiver Karten, und wie geht man mit dem Problem der Datenflut um? Wir beantworten diese Frage und gehen auf die wichtigsten Aspekte der Kartenerstellung ein.

1. Gewährleistung von Sicherheit und Markenvertrauen

GDPR oder General Data Protection Regulation. Dabei handelt es sich um ein äußerst wichtiges europäisches Gesetz, das den europäischen Bürgern einen weitreichenden Rechtsschutz in Bezug auf personenbezogene Daten bietet. Es ist hier nicht möglich, das gesamte Ausmaß des Gesetzes abzudecken, aber hier sind einige kurze Stichpunkte:

  • Für die Verarbeitung personenbezogener Daten ist eine Einwilligung erforderlich; sie kann nicht vorausgesetzt werden.
  • Für Informationen, die zur Identifizierung von Personen geeignet sind, müssen Sie eine Aufbewahrungspolitik haben

Beachten Sie, dass Letzteres nicht nur für kommerzielle Zwecke gilt. Forschungsstudenten müssen GDPR-Formulare einreichen, die angeben, welche Art von Daten sie beschaffen und wie sie diese aufbewahren werden.

Der wichtigste Kontext ist jedoch der kommerzielle. Wenn ein Unternehmen eine Datenschutzverletzung begeht, kann es mit einer Geldstrafe von bis zu 20 Millionen Euro oder 4 % des weltweiten Jahresumsatzes des vorangegangenen Geschäftsjahres belegt werden, je nachdem, welcher Betrag höher ist. Daher muss jedes Unternehmen, das Daten speichert, die seine Kunden identifizieren könnten, das Risiko und die Einhaltung der Vorschriften bewerten. Zur Erinnerung: Es geht um 4 % des weltweit Umsatz, nicht EU-Umsatz.

Außerdem ist alles, was Sie Ihren Kunden oder Nutzern von Ihrem Unternehmen zeigen, eine Erweiterung Ihrer Marke. Daher müssen Sie Ihre Karten auch auf ihre Markenkonformität prüfen. Wenn Sie primäre Markenfarben haben und Ihre Karte diese nicht einhält, sieht das sehr schlecht aus. Holen Sie sich die Hex-Farbcodes direkt von Ihrem Markenteam und beziehen Sie es in die Gestaltung ein.

2. Verwenden Sie die geeignete Art von Karte

Es ist auch wichtig zu überlegen, welche Art von Karte für Ihren Anwendungsfall am besten geeignet ist. Denken Sie sorgfältig darüber nach, was Ihre Nutzer brauchen, was Sie vermitteln wollen, welche Informationen Sie präsentieren müssen und wie Sie diese am besten darstellen.

Zum Beispiel sind Karten im Stil von Points of Interest in einer Touristen-App viel hilfreicher als Heatmaps: Die Leute wollen wissen, wo etwas ist, wichtige Daten wie Öffnungszeiten und wie man dorthin kommt. Eine Heatmap, die die Anzahl der Besucher für jede Attraktion oder jedes Gebiet einer Stadt anzeigt, ist für Touristen wahrscheinlich nicht von Nutzen. Für die Attraktionen selbst könnte es jedoch nützlich sein, ihre Besucher anhand von Heatmaps über einen bestimmten Zeitraum hinweg darzustellen. Dies könnte größeren Museen dabei helfen, zu ermitteln, welche Exponate am beliebtesten sind.

Transport for London zeichnet die Fahrgastbewegungen in der Londoner U-Bahn auf, indem es feststellt, wann ein Gerät mit Wi-Fi in Reichweite kommt und dann die Reichweite wieder verlässt. Auf diese Weise lassen sich die Fahrten der Nutzer insgesamt und die Bewegungen in den einzelnen Stationen nachvollziehen, um Störungen besser zu bewältigen.

3. Pop-Ups vermeiden

Es sollte inzwischen selbstverständlich sein, dass automatische Pop-ups verachtet werden. Es spielt keine Rolle, was sie tun oder was sie anbieten; ein unerwünschtes Pop-up kann nur im Weg sein. Auf einem Telefon ist die Wirkung noch größer, da Pop-ups noch mehr Platz auf dem Bildschirm einnehmen.

Aus diesem Grund schließen viele Nutzer sie, ohne sie überhaupt zu lesen. Wenn Sie also Pop-ups verwenden, sollten Sie sich nichts vormachen. Sie irritieren die Nutzer wahrscheinlich nur und erhöhen die Wahrscheinlichkeit, dass sie abspringen oder das Programm deinstallieren.

4. Vermeiden Sie automatische Geolokalisierung

Die automatische Geolokalisierung klingt unglaublich praktisch, kann aber zu echten Problemen führen. Wenn die automatische Ortung zum Beispiel fehlerhaft ist, können Sie falsche Ergebnisse erhalten. Wenn jemand eine Verbindung über ein öffentliches Gebäude-Wi-Fi herstellt, könnten Sie falsche Ergebnisse erhalten. Wenn eine Verbindung über ein VPN hergestellt wird, können Sie falsche Ergebnisse erhalten, es sei denn, Sie ermitteln die IP-Adresse des Benutzers und prüfen, ob es sich um das Ausgangsportal eines VPN handelt.

Das Problem tritt vor allem bei mobilen Karten auf. Wenn ein Kartennutzer eine Karte mit Points of Interest anschaut, hat er wahrscheinlich einen konkreten und unmittelbaren Nutzen. Das bedeutet, dass es in seinem Interesse liegt, möglichst genaue Ergebnisse zu erhalten. Warum fragen Sie sie also nicht einfach?

Präzision und Genauigkeit

Diese Begriffe haben in der Geolokalisierung eine besondere Bedeutung. Präzision" bezeichnet die Genauigkeit der Daten. Die "Genauigkeit" gibt an, wie genau die Informationen auf einer Karte mit der realen Welt übereinstimmen. Präzision und Genauigkeit müssen also genau stimmen, sonst verlieren die Daten an Wert. Dies gilt nicht nur für die Datenerfassung, sondern auch für die Darstellung der Daten. Wenn Sie z. B. Daten auf Straßenebene haben, Ihre Karten aber keine einzelnen Straßen darstellen, dann ist jede Darstellung von Daten auf dieser Karte wahrscheinlich ungenau. Die Karte könnte zwar irrelevante Informationen abstrahieren, aber eine ungenaue und ungenaue Darstellung liefern.

5. Vermeiden Sie Kartenlegenden so weit wie möglich

In vielen Fällen, vor allem bei Points-of-Interest-Karten, werden sie einfach nicht mehr benötigt. Ein wesentlicher Bestandteil des User Experience Design ist nicht nur die visuelle Hierarchie, sondern auch die Informationshierarchie. Auf einem Desktop oder Laptop kann man mit der Maus darüberfahren, um die wichtigsten Informationen zu einem Ort zu erhalten, z. B. den Namen des Museums und seine Öffnungszeiten. Auf einem mobilen Gerät können Sie auf diesen Ort tippen, um die wichtigsten Informationen zu erhalten, und Sie können auf einen anderen Ort tippen, um weiterzugehen; Sie müssen nicht einmal auf "Zurück" drücken. Da wäre eine Legende nur hinderlich. Dieses einfache Stück Informationsdesign löst also das Problem der Informationsüberlastung.

Wie bei allen Regeln gibt es auch hier Ausnahmen. Eine gute Ausnahme ist eine Heatmap, bei der die Dichte dessen, was gemessen wird, kommuniziert werden muss. Es kommt nicht darauf an, um welche Daten es sich handelt; es muss sich lediglich um etwas handeln, bei dem die Darstellung einen besseren Einblick ermöglicht, insbesondere wenn sie zur Entscheidungsfindung beiträgt. Der Vertrieb ist ein hervorragendes Beispiel für ein nationales oder multinationales Unternehmen. Natürlich kann auch die Wettervorhersage buchstäbliche Heatmaps verwenden.

6. Einhaltung der Zugänglichkeit

Nicht jeder hat eine perfekte Sehkraft. Selbst wenn jemand hervorragend sieht, kann er farbenblind sein (8 % der Männer und 0,5 % der Frauen sind farbenblind). In Anbetracht dessen sollten Sie die Zugänglichkeitsstandards des W3C berücksichtigen und sie als Grundlinie oder Mindestbarriere für die Einhaltung der Vorschriften betrachten. Sie sollten kein gutes Gefühl dabei haben, wenn Sie 8 % Ihrer potenziellen Zielgruppe oder Kunden ausschließen. Sorgen Sie dafür, dass Ihre UX-Designer einbezogen werden, und scheuen Sie sich nicht, seniorenfreundliche Webdesigns zu erstellen.

Einfach ausgedrückt: Stellen Sie sich vor, Sie könnten eine neue Bevölkerungsgruppe ansprechen, die nicht angesprochen wird. Wenn Ihre Konkurrenten sie ignorieren, könnten Sie ihnen mit ein paar einfachen Schritten einen echten Grund geben, sich stattdessen für Sie zu entscheiden. Wenn Ihre Konkurrenten diese Zielgruppe ansprechen, müssen Sie das auch tun. Wenn Sie das nicht tun, geben Sie potenziellen Kunden einen guten Grund, Sie zu ignorieren.

Schlussfolgerungen

Die wichtigste Erkenntnis ist, dass es bei der Erstellung guter Karten um weit mehr geht als nur um gute Kartografie. Auch das kann entscheidend sein, obwohl dies je nach Anwendungsfall variieren kann.

Es handelt sich um eine Teamarbeit, denn Ihre Karte umfasst Datensätze, Designentscheidungen und, ja, Kartografie. Sie werden auch die Marke und die IT-Abteilung einbeziehen müssen. Denken Sie also über Designprinzipien und Entwicklungsmethoden nach.

Was sind die Bedürfnisse Ihrer Nutzer? Wenn Sie keine Nutzerforschung betrieben oder sich nicht die Zeit genommen haben, die Customer Journey zu verstehen, fügen Sie dann etwas hinzu oder stehen sich selbst im Weg? Es ist leicht, die Abteilung, die die Karte angefordert hat, als Stakeholder zu betrachten, aber Sie sollten wahrscheinlich auch Ihre Benutzer als Stakeholder betrachten.

Das hört sich kompliziert an, aber wie Sie jetzt hoffentlich verstehen, ist eine Karte wahrscheinlich komplizierter als Sie dachten.

Abgebildetes Bild via Pexels.

Copyright © 2022 webmousedesign.de
crossmenu