it-swarm.com.de

Verhalten der Auto-Scrolling-Galerie

Es gibt eine kleine Unternehmenswebsite, die eine Reihe von Dienstleistungen anbietet.

Auf der Homepage finden Sie eine Präsentation der angebotenen Dienstleistungen. Es gibt einen Streifen, der eine Reihe von Elementen in reduzierter Form enthält (kleines Bild), und unter dem Streifen befindet sich eine sehr große Komponente, die ein großes Erfahrungsbild mit den vollständigen Informationen zu dem aktuell auf dem Streifen ausgewählten Element zeigt. Schematisch sieht es so aus:

enter image description here

Ich möchte, dass die Galerie automatisch durch die Elemente blättert, aber ich muss auch interaktiv sein - der Benutzer sollte sich auf ein Element seiner Wahl konzentrieren können.

Wie lässt sich das Verhalten hier am besten definieren? Wenn ich das automatische Scrollen beende, wann schalte ich es dann wieder ein? Eines meiner Probleme ist, dass das untere Element die gesamte Breite der Seite einnimmt und ziemlich groß ist. Die Tatsache, dass die Maus dort ruht, bedeutet also nicht unbedingt etwas.

Beispiele für ähnliche Elemente auf vorhandenen Websites werden sehr geschätzt.

Vielen Dank!

BEARBEITEN

Ich war vielleicht nicht klar - mit "Auto-Scrolling" meine ich nicht, dass die Bilder allmählich aus dem Blickfeld gleiten, um durch andere ersetzt zu werden. Es ist in diesem Sinne nicht animiert . Sie ändern sich nur gelegentlich - wahrscheinlich etwa 5 Sekunden, wenn die Auswahl zum nächsten Element im Streifen wechselt.

BEARBEITEN 2

Das Verhalten, an das ich gedacht habe, ist nahe an dem hier (bleib ein bisschen auf der Seite, bis du siehst, wie sich das Bild ändert).

4
  • Im Zweifelsfall geben Sie dem Benutzer die Kontrolle.

Sie können beginnen, indem Sie durch scrollen. Sobald sie auf eine der Miniaturansichten klicken, STOP. Zeigen Sie das Bild. Das ist derjenige, an dem sie interessiert sind! Wenn Sie die Vermutung haben, dass Sie nach 10 Sekunden wieder mit dem Scrollen beginnen sollten, widerstehen Sie dem Drang. Blenden Sie stattdessen etwas über das Bild ein, damit der Benutzer den automatischen Bildlauf erneut starten kann, wenn er dies möchte. Es könnte ein Hypertext sein, der "Diashow" sagt. Es können anklickbare Diashow-Schaltflächen sein.

Das Grund für das Scrollen ist, ihnen den Bereich dessen zu zeigen, was da ist. Sobald sie Ihnen gezeigt haben, dass sie interessiert sind und wissen, wie sie eines der Bilder aus den Miniaturansichten auswählen, haben Sie Ihr Ziel erreicht. Zerstören Sie es nicht, indem Sie ihnen die Kontrolle entreißen.

11
James Crook

Diese Art der rotierenden Werbung ist in den letzten Jahren sehr beliebt geworden. Ein erkennbares Verhalten wurde jedoch noch nicht festgestellt

Eine Site wie disney.com.a oder abc.com hat ständig rotierende Bilder. Selbst wenn ein bestimmtes Bild über die angebotene Oberfläche ausgewählt wird, wird die Drehung fortgesetzt.

Ein weiteres Beispiel ist skins.net , das eine Pause-Schaltfläche implementiert hat, die die automatische Drehung deaktiviert.

Wenn Bilder akkommodierenden Text enthalten, ist die automatische Drehung für einen Benutzer möglicherweise sehr frustrierend. Dies wird gesagt, wenn es keine Schnittstelle gibt, um die Drehung zu stoppen, und Sie tatsächlich daran interessiert sind, eine Pause-Taste zu lesen, könnte dies eine gute Lösung sein.

Ich denke, sobald der Benutzer festgestellt hat, dass die Miniaturansichten angeklickt werden können, sollte die automatische Drehung ausgeschaltet werden. Hier ist ein Beispiel in Aktion australianopen.com

1
Denzo

Ich glaube, Sie haben Recht, dass es nicht präzise oder zuverlässig wäre, sich auf die Maus-Schwebeposition zu verlassen. Beim automatischen Radfahren sollten die Bilder das haben, was jede kontinuierliche Animation haben sollte: offensichtliche Steuerelemente zum Anhalten und Abspielen. Benutzer können die Diashow stoppen und starten, wenn sie möchten. Dies kann mit einer automatischen Pause kombiniert werden, wenn der Benutzer auf ein Miniaturbild (oder ein Erfahrungsbild) klickt, wie andere auf dieser Seite vorgeschlagen haben. Eine explizite Pausen-/Wiedergabesteuerung macht jedoch deutlich, dass der Benutzer die Animation anhalten kann . Das Klicken auf ein Bild ist schlecht erkennbar.

Dann gibt es Benutzer wie mich, die die Animation sofort nach dem Laden anhalten würden, da die Animation sehr ärgerlich sein kann und seit 1996 als solche anerkannt . Dies ist weniger problematisch, wenn die Liste und das Erfahrungsbild die einzigen Dinge auf der Seite sind, da die Animation den Benutzer nicht mehr ablenkt. Wenn jedoch über oder unter der Animation Text zu lesen ist, liegt möglicherweise ein Problem vor.

Haben Sie kein Auto-Cycling in Betracht gezogen? Zeigen Sie standardmäßig das überzeugendste Erfahrungsbild an, oder versuchen Sie, wenn die Benutzer von einer Suchmaschine kommen, das Bild auszuwählen, das ihrem jeweiligen Suchkriterium am besten entspricht. Alternativ können Sie auf der Startseite kein Erfahrungsbild anzeigen und den Platz für eine vergrößerte Serviceliste verwenden, damit der Benutzer jeden Artikel besser bewerten kann. Machen Sie aus jedem Artikel einen Link zum zugehörigen Erlebnisbild auf einer separaten Seite mit kleinen Links zu den anderen unten aufgeführten Diensten. Einige Benutzer klicken möglicherweise auf Zurück, um zur ursprünglichen Seite zurückzukehren und den nächsten Dienst auszuwählen, vorausgesetzt, Benutzer sind an mehr als einem Dienst interessiert. Dies würde einigen Benutzern einen Klick hinzufügen, aber das ist möglicherweise besser, als wenn Benutzer herausfinden müssen, ob und wie sie die Animation steuern können.

Ich verstehe ehrlich gesagt nicht, welche Aktivitäten das Radfahren unterstützen soll. Erwarten wir wirklich, dass Benutzer passiv auf eine animierte Liste starren, als würden sie fernsehen? Eine Serviceliste klingt nicht nach einer Erzählung, die sich in einem festgelegten Tempo in einer festgelegten Reihenfolge entfalten muss. Wenn ein Gegenstand von (mildem) Interesse den Erfahrungsbereich verlässt, erwarten Sie wirklich, dass Benutzer warten, bis er wieder auftaucht? Dies kann ausreichen, um die vom Benutzer aufgebrachte Begeisterung zu negieren. Es ist kontraproduktiv.

Möglicherweise besteht die Sorge, dass ein nicht animiertes Standard-Erfahrungsbild dazu führt, dass Benutzer auf Zurück klicken, da sie davon ausgehen, dass die Site nur einen Dienst anbietet (der nicht der gewünschte ist). Angesichts der Geschwindigkeit, mit der Benutzer auf Zurück klicken, bezweifle ich, dass Animation hilfreich ist: Wenn jedes Erfahrungsbild lang genug ist, um zu beurteilen, ob es der richtige Dienst ist, ist es lang genug, um auf Zurück zu klicken, bevor der Benutzer Zeit hat, einen anderen Dienst anzuzeigen.

Benutzer haben eine Maus in ihren jeweiligen Händen und verwenden sie unüberlegt. Ich glaube, sie scannen lieber die Serviceliste und wählen die Artikel aus, die in der von ihnen gewählten Reihenfolge von größtem Interesse zu sein scheinen, und schauen sie sich so lange an, wie sie möchten, anstatt darauf zu warten, dass die Artikel von selbst erscheinen und eingreifen verhindert, dass ein interessierender Gegenstand verschwindet. Da das Interesse an jedem Dienst von Benutzer zu Benutzer sehr unterschiedlich ist, ist es eine echte Herausforderung, die richtige Zyklusfrequenz zu finden, ohne dass einige Erfahrungsbilder zu lange und andere zu wenig erscheinen.

1

Ich schlage vor, die Drehung zu stoppen, wenn die Maus über ein kleines Bild fährt (und die Daten unten zu zeigen). Solange die Maus gedrückt ist, wird die Animation gestoppt. Wenn die Maus aus den kleinen Bildern herausgeht, können Sie die Animation neu starten.

Auf diese Weise kann der Benutzer mit der gewünschten Geschwindigkeit von einem Bild zum anderen springen. Wenn er ein Bild zurückgehen möchte, kann die Pause-Taste in diesem Fall frustrierend sein, da er die Animation neu starten und auf das nächste warten muss Wiederholung.

Ich werde den Klick verlassen, um den aktuell ausgewählten Abschnitt aufzurufen.

0
ALoR