it-swarm.com.de

Wie heißt das und wie sieht es aus Sicht der Benutzeroberfläche aus?

Die Facts About Coventry-Website verfügt über eine Flash-Plugin-App zur Navigation von Daten (untere Hälfte der Seite). Es ist ein großer Kreis, in dem Sie mit der Maus über die Symbole fahren können, um eine Beschreibung der Kategorie zu erhalten, und auf klicken, um auf die Seite der Kategorie zuzugreifen. Das bisschen, das mich am meisten interessiert, ist das Radsportfeld in der Mitte (rot hervorgehoben)

enter image description here

Ich habe zwei Fragen, die darauf basieren:

  1. Wie heißt diese Art von Webinterface-Mechanismus (das rot hervorgehobene Bit)?

  2. Wie sieht es aus rein UI-Sicht mit dem Teil des Radsport-Panels aus (der Rest der Seite interessiert mich nicht)?

5
GIS-Jonathan

(a) Ich würde den Mittelteil ein Karussell nennen, aber einige Leute nennen es einen Schieberegler .

(b) Obwohl ich dieses Seitendesign nicht mag, da es sich in der Mitte befindet, dient das Karussell als Fokus für die Aufmerksamkeit des Benutzers und dient zur Präsentation von Überschrifteninhalten - normalerweise enthält es kuratierte oder vom Herausgeber ausgewählte Inhaltstypen oder " Heldenobjekte ", Dinge, die der Websitebesitzer/die Website im Moment fördern möchte. Wenn es sich beispielsweise um eine Museumswebsite handelt, möchten sie möglicherweise ihre neueste Ausstellung hervorheben und die Leute einladen, sich durchzuklicken und mehr zu erfahren, aber dann dreht sich das Karussell möglicherweise, um etwas anderes anzuzeigen, das ebenfalls von potenziellem Interesse ist.

Wenn Sie Karussells auf einer Website verwenden, sollten Sie auch überlegen, ob Sie:

(i) Benutzern erlauben, vorhandene Übergänge zu überschreiben und in ihrem eigenen Tempo durch die Elemente zu klicken, falls sie das Ende eines interessant aussehenden Elements erreichen und zurückgehen oder schneller surfen möchten, als die Übergänge der Site eingerichtet wurden machen. Nachrichtenseiten mit Tickern mit den neuesten Schlagzeilen tun dies manchmal - The Guardian ist ein Beispiel, obwohl der Text so klein und die Bildlaufpfeile so weit entfernt sind, dass er aus Sicht der Barrierefreiheit nicht brillant ist:

screenshot from Guardian.co.uk ticker, showing a single headline and arrows allowing forward and backwards scrolling to see next/previous

(ii) Geben Sie eine visuelle Anzeige an, dass Sie gerade Objekt X aus einer Gesamtmenge von Y anzeigen. Zu den Websites, die dies tun, gehören Epicurious.com - Sie können anhand der kleinen Schaltflächen unter dem Karussell sehen, welches Objekt/image ist derzeit 'ausgewählt':

screenshot from Epicurious.com showing visual navigation below the carousel so we can see that we are viewing the first of four items

Keines dieser Beispiele ist perfekt oder besonders ästhetisch, aber ich hoffe, dass sie die Idee vermitteln.

2
finiteattention
8
Hagan Rivers

(a) Ich glaube nicht, dass es dafür einen bestimmten Namen gibt. Es scheint eine Art schlecht implementierter 2D Fliptych - ähnlicher Versuch zu sein.

(b) Wie gesagt, es ist schlecht umgesetzt. Es gibt eine Reihe von Dingen, die daran falsch sind:

  • Während der Animation, in der ein Bild sichtbar wird, wird es plötzlich über das verschwindende Bild gedreht. Es ist sehr unruhig.
  • Die Animation läuft einfach weiter und der Benutzer muss die Taste "Weiter" oder "Zurück" drücken, um die Animation zu stoppen. Wenn diese Tasten gedrückt werden, stoppt die Animation sofort, auch wenn eine Grafik nur teilweise angezeigt wird.
  • es sieht einfach nicht gut aus.
  • Es scheint hier keinen Mehrwert zu bringen. Das Gegenteil trifft zu. Eine einfache Liste (möglicherweise einschließlich der Grafiken) wäre hier eine viel bessere Wahl, da man einen viel besseren Überblick hätte. Ein UI-Steuerelement wie das FlipTych-UI ist nur in ganz bestimmten Fällen nützlich, wie in iTunes, in denen der Benutzer eine Reihe von Alben durchsucht, möglicherweise ohne eine bestimmte Auswahl bereits im Auge zu haben und eine Auswahl basierend trifft on Erkennung der Grafik. Das Element der Anerkennung fehlt hier völlig.

Ich sage nicht, dass diese Art von Benutzeroberfläche per Definition schlecht ist. Obwohl es sehr gut implementiert sein muss (was schwierig ist), und es sollte für die richtigen Zwecke verwendet werden.

2
Bart Gijssens

a) Das, was Sie rot eingekreist haben, sieht für mich wie eine Art Deckungsfluss aus.

b) Ich fand es ziemlich schwierig, darin zu navigieren. Es ist auch schwierig, sich einen Überblick darüber zu verschaffen, wie tief die Dinge gehen und wie breit die Unterthemen sind. Wenn Sie eine "Abdeckung" auswählen, die zur Hälfte abgedeckt ist, sollte sich die ausgewählte nach vorne drehen.

2
JOG