it-swarm.com.de

Zoomverhalten - Können Sie Websites mit guter Zoomerfahrung empfehlen (keine Karten)?

Ich arbeite an einem System, das einen hierarchischen Organisationsbaum darstellt. Jeder Knoten kann möglicherweise 10 untergeordnete Knoten haben. Der Baum hat ungefähr 10 Ebenen. Ich möchte Informationen zu jedem Knoten anzeigen, wenn sie angezeigt werden. Beim Verkleinern werden übergeordnete Organisationen angezeigt. Je mehr Sie hineinzoomen, desto mehr Untergruppen werden angezeigt.

Ich habe über das Verhalten von Google Maps nachgedacht, aber es entspricht nicht meinen Anforderungen, in einem organisatorischen Kontext zu zoomen. MyHeritage.com bietet eine genauere Lösung für das, was ich brauche.

Welches Muster kann in einem solchen Kontext verwendet werden?

6
Yair

Das Nachfragen nach Mustern und Präzedenzfällen zum Emulieren wird ein Hit und Miss sein, da es kein universelles Muster zum Zoomen gibt. Es gibt viele verschiedene Möglichkeiten, diese Art von Verhalten zu implementieren, mit Vor- und Nachteilen für verschiedene Anwendungsfälle. Ohne zu wissen, welche Art von Informationen Sie präsentieren, wie Ihre Benutzer damit umgehen möchten und wie sie sie nutzen möchten, können Sie Ihnen nicht sagen, welche Benutzeroberfläche Sie verwenden sollen.

Abgesehen davon sind einige Fragen, die Sie sich stellen sollten:

  1. Muss ein Benutzer, der einen Knoten betrachtet, wissen, wo er sich innerhalb der Gesamtstruktur befindet? In diesem Fall müssen möglicherweise gleichzeitig die Ansicht "gezoomt" und "insgesamt" angezeigt werden.
  2. Muss ein Benutzer, der einen Knoten betrachtet, wissen, wie tief er in einer Struktur ist? Sie können Ebene und Hierarchie mit Schriftgröße und anderen visuellen Hinweisen kennzeichnen.
  3. Welche Art von Daten suchen Benutzer und wie werden sie diese nutzen? Abhängig von Ihrer Informationsarchitektur könnte dies darauf hindeuten, dass sie auf bestimmte Weise schnell navigieren oder einige Daten außerhalb ihres aktuellen Knotens anzeigen müssen. Das wird auch Ihre Schnittstelle informieren.
  4. Navigieren Benutzer so, dass sie sich nicht nur zwischen Elementen und Eltern/Kindern, sondern auch zwischen Elementen und Cousins ​​bewegen müssen? Dies wirkt sich auch auf die Benutzeroberfläche aus.

Ich wünschte, ich könnte hilfreicher sein, aber leider wird der Mustervergleich bisher nur ein Design erhalten. Sie müssen darüber nachdenken, wonach Benutzer suchen und wie sie danach suchen. Sobald Sie diese Fragen beantwortet haben, sollte der Rest Ihrer UI-Entscheidungen ziemlich einfach werden.

2

Gute Frage! Ich denke, Sie möchten sehen, dass sich ein Benutzer nicht auf einer Website mit möglicherweise 10 Milliarden Seiten verirrt. Um ein Beispiel zu nennen: Die Microsoft Developer Network ( MSDN ) -Bibliothek verwendet eine bestimmte Technik, um sicherzustellen, dass Benutzer nicht verloren gehen (siehe Abbildung). Rechts habe ich bestimmte Elemente hervorgehoben, die als Breadcrumbs bezeichnet werden könnten, aber vertikal angeordnet sind, um klarer als Standard-Breadcrumbs (horizontaler Stil) zu sein. Auf diese Weise kann der Benutzer leicht Eltern-, Eltern-Eltern- und Kinderseiten in einem massiven hierarchischen Baum sehen. Aus meiner Sicht ist dies als Entwickler ein sehr gutes und nützliches Design.

MSDN bread crumbs on display

1
Benny Skogberg