it-swarm.com.de

Der beste Weg, um Kontinente und Länderlisten auf einer Webseite anzuzeigen

Eine Weltkarte und zwei auf einer Webseite angezeigte Listen sind miteinander verbunden. Bewegen Sie den Mauszeiger über den Link "Rumänien" und die Highlights der Region Rumänien auf der Weltkarte ( jVectorMap-Geigenbeispiel ).

Wie Sie sich vorstellen können, können die beiden Listen ziemlich groß werden. Wie kann man dies benutzerfreundlich präsentieren? Denken Sie an zu viele ablenkende Grafiken im Vergleich zum Fehlen grafischer Hinweise, Textwände im Vergleich zu versteckten Links, Desktop im Vergleich zu Mobilgeräten usw.

Ich habe über Tag-Clouds nachgedacht, bei denen der Name des Kontinents hervorsticht, Listen im Menüstil, in denen Sie über einem Kontinent schweben und eine Unterliste mit seinen Ländern angezeigt wird.

Ich möchte nur wissen, was der beste Ansatz (nicht beschränkt auf die beiden oben genannten) für die Anzeige verbundener Listen aus Sicht der Benutzererfahrung ist: schnelles Finden und Visualisieren von Ländern, während die Dinge aufgeräumt bleiben.

9
itmitica

Die Kategorisierung, die Sie ebenfalls erwähnt haben (Sortieren der Länder als Unterelemente nach Kontinenten), war die ursprüngliche Idee, die ich hatte, bevor ich las, dass Sie auch daran gedacht hatten.

Wenn Sie beabsichtigen, dies sowohl auf Maus- + Tastaturgeräten als auch auf Touch-Geräten auszuführen, benötigen Sie meines Erachtens ein anderes interaktives Muster. Der Versuch, ein Land irgendwo in Afrika oder in Mitteleuropa auf einer Karte abzutippen, die klein ist, um auf ein Touch-Display zu passen (wenn nicht auf ein +10 "-Display), ist sehr umständlich. Stattdessen würde ich einen zweistufigen Ablauf vorschlagen. Der Benutzer tippt auf/Durch Klicken auf die Karte oder in eine Liste auf einem Kontinent wird die Ansicht vergrößert/ersetzt und der gesamte Bereich des Kartencontainers wird genutzt. Wenn Sie ein interaktives Muster für die direkte Bearbeitung bereitstellen möchten (z. B. Tippen/Klicken auf Elemente auf eine Karte) müssen Sie sicherstellen, dass Sie Steuerelemente bereitstellen, die groß genug sind, da sonst die Benutzeroberfläche zu umständlich und frustrierend für die Verwendung ist.

1
AndroidHustle

Sie können so etwas verwenden

enter image description here

Ref: amMap

Weitere Verbesserungen

  • Die Länderliste kann sich über der Karte befinden, da der Benutzer Aktionen für die Länderliste ausführen muss
  • Für ein besseres Raummanagement können Sie Länder in Gruppen präsentieren (z. B. Regionen auf Kontinenten wie Asien, Afrika, Pazifik, Europa, ...).
  • Ferner kann jede Gruppe auf Regionsbasis zusammenklappbar sein, so dass jeweils nur eine Region sichtbar ist

Aktualisieren

Für ein kompakteres Erscheinungsbild können Sie dem Stil folgen, den Google Translate für die Darstellung von Sprachen verwendet. Sie können einen ähnlichen Stil verwenden, um die Länderliste darzustellen. 206 Länder können in 8 oder 10 Spalten aufgelistet werden, wobei 25 oder 20 Länder pro Spalte angegeben sind (mit ein wenig Bildlauf).

enter image description here

0
M. Atif Riaz

Für die Länderauswahl können Sie einige der Muster, die wir für die Sprachauswahl verwendet haben ) anwenden:

  • Elemente in einer mehrspaltigen Liste anzeigen, die nach Kontinenten gruppiert ist.
  • Verwenden Sie eine vereinfachte Karte als Übersicht/Index. Es wird eine Karte verwendet, die in 3 vertikale Bereiche (Amerika, Europa-Afrika, Asien-Ozeanien) unterteilt ist. Wenn Sie durch die Liste scrollen, wird der aktuell angezeigte Bereich hervorgehoben. Wenn Sie auf eine Region klicken, springt die Liste zum entsprechenden Abschnitt.
  • Die Suche nach einer schnellen sprachübergreifenden Suche kann in diesem Zusammenhang ebenfalls hilfreich sein, damit Länder in verschiedenen Sprachen durchsucht werden können.

Language selector

Wenn Sie eine zusätzliche Verbindung zwischen der Liste und der Karte wünschen. Wenn Sie ein Land aus der Liste bewegen, kann es in der Karte hervorgehoben/gezoomt werden.

0
Pau Giner

Wenn Sie hier keine "Kopieren/Einfügen" -Antwort für Sie erstellen, sondern ... um Ihre Wünsche zu beantworten, muss ich eine Weltanschauung haben, die anklickbar ist, aber zum Vergrößern ein paar Klicks benötigt - 3 Klicks (und ziehen Sie die Möglichkeit) und wählen Sie das Land/die Region Ihrer Wahl aus. Zum Beispiel:

  1. Durch Klicken auf das Weltbild wird Europa vergrößert
  2. Europa wird näher gebracht (am Klickpunkt als Zentrum)
  3. Klicken Sie auf Belgien (am Klickpunkt als Zentrum)
  4. Jetzt sind Belgien und die umliegenden Landesgrenzen sichtbar
  5. Klicken Sie auf die Region (um die Region/Sprache zu bestätigen) (Belgien hat 3 verschiedene Sprachen in Regionen - die ich kenne: NED, FRA, GER)

Der Zoom der Karte kann von einer Liste der angezeigten Länder/Sprachen begleitet werden. Die Liste würde kürzer (oder genauer, je nachdem, wie detailliert Ihre Informationen sind).

0
Dirk