it-swarm.com.de

So lassen Sie einen Benutzer wissen, dass ein Bild tatsächlich ein animiertes GIF ist

Ein bisschen Hintergrundwissen - Ich arbeite derzeit an einer E-Commerce-Bekleidungsseite, die speziell für eine ältere Altersgruppe (50+) bestimmt ist. In der Vergangenheit hat das Unternehmen immer flache JPGs verwendet, um Produktbilder auf der gesamten Website anzuzeigen.

Wir haben kürzlich begonnen, die Verwendung von GIFs zur Anzeige der Produkte zu untersuchen.

Die Frage ist: Wie kommuniziere ich dies am besten mit dem Benutzer? Ich hatte die einfache Idee, ein Standard-Wiedergabetasten-Symbol über das Bild auf einem PDP zu legen (Produktbeschreibungsseite). Dies ist kein Video mit Ton, sondern nur ein 3-Sekunden-GIF des Produkts (als Beispiel). Ich möchte dem Benutzer vermitteln können, dass für ein Produkt ein GIF verfügbar ist, das auf der PLP (Product Lister Page) angezeigt werden kann, ohne wörtlich "GIF verfügbar" zu sagen, da einige Benutzer möglicherweise nicht wissen, was ein GIF ist.

46
sclarke

Die Tatsache, dass es sich um ein GIF handelt, ist wirklich ein technisches Detail und für die meisten Benutzer nicht relevant (oder sogar verständlich). Was Sie ihnen vermitteln müssen, ist, dass mehr Daten verfügbar sind. Technisch gesehen wäre es wahrscheinlich sogar sinnvoller, tatsächlich Videos anstelle von GIFs zu verwenden, abhängig von der Größe und dem Inhalt der Animation.

Eine Möglichkeit besteht in der Tat darin, eine "Wiedergabetaste" (rechtwinkliges Dreieck) zu überlagern, die die meisten Leute als Hinweis darauf nehmen, dass es ein Video gibt.

Eine andere Option, wenn das Video/GIF tatsächlich das zu drehende Objekt zeigt, besteht darin, dies zu vermitteln, indem Sie beispielsweise ein Symbol wie eines davon verwenden:

rotate glyph3D glyph360 glyph

Wenn es verschiedene Arten von "Funktionen" gibt, sollte das Symbol natürlich die Unterschiede widerspiegeln. Die Auswahl des genauen Symbols sollte auch die Tatsache widerspiegeln, dass es keine Steuerung gibt, sondern nur eine Animation. Vermeiden Sie daher Symbole, die beispielsweise einen Zeiger oder eine Hand enthalten.

Für mich sollte dies jedoch nur auf Produktlistenseiten der Fall sein (wo Sie die Animation sogar beim Hover starten können), um zu vermeiden, dass sich zu viel Material überall bewegt. Wenn es sich auf einer Produktseite um das Hauptbild handelt, sollten Sie die Animation wahrscheinlich sofort starten.

96
jcaron

Ja, Ihre Lösung ist gut und wird funktionieren, aber es wird problematisch, wenn Sie eines Tages Videos auf Ihrer Website einführen.

Auch wenn die Leute den Play-Button sehen, erwarten sie ein Video (länger als ein GIF), das normalerweise auch Ton und bessere Qualität bietet.

Sie könnten hierfür einen Facebook-Ansatz verwenden.

(enter image description here

Wenn Sie möchten, dass es für Ihren Benutzer offensichtlicher wird, können Sie "GIF spielen" anstelle von "GIF" verwenden.

Auf diese Weise haben Sie keine Probleme, wenn Sie Videos hinzufügen, da Sie zwischen ihnen unterscheiden.

Die Verwendung von Musterseiten wie Facebook ist meistens gut, da Benutzer diese Muster bereits kennen.

39

Vom Standpunkt nicht technischer Benutzer ist es ein Video. Das Fehlen von Ton ändert daran nichts. Sie müssen den Unterschied nicht erklären - sagen Sie einfach, dass ein Video abgespielt wird, wenn Sie die Taste drücken.

34
rackandboneman

Ich würde empfehlen, einen breiteren Begriff wie "Animation" anstelle von "GIF" zu verwenden, der möglicherweise zu technisch und unnötig spezifisch ist, insbesondere für Ihre Zielbenutzerbasis.

Ich denke, das Aussehen wird davon abhängen, was Sie wollen. Spielen Sie das GIF möglicherweise automatisch mit dem Mauszeiger ab oder haben Sie ein kleines Etikett "Animation abspielen" in einer Ecke des Produktbilds.

17

In diesem speziellen Fall würde ich ein Drehsymbol mit einem kurzen, aber beschreibenden Text wählen See 3D daneben/als Beschriftung. Es "sagt" speziell, was beim Spielen passieren wird. Es macht keinen Sinn, das Dateiformat zu erklären, wen interessiert das?.

2
wscourge

Da es noch niemand erwähnt hat,

sie können auch in Betracht ziehen, das Video automatisch abzuspielen, jedoch nur beim Bewegen der Maus. Dadurch wird auch das Problem beseitigt, dass ständig alles automatisch abgespielt wird, was zu einer Überlastung der Augenstimulation des Benutzers und seiner Geräte-/Bandbreitenressourcen führt.

Positiv zu vermerken ist, dass sich der Benutzer daran gewöhnen und diese Funktion intuitiv erwarten kann, ohne von einem Symbol angewiesen zu werden, wenn er auf einen Blick weitere Details zu einem Artikel benötigt. Dies beseitigt auch das Problem, dass weniger technologisch angepasste Personen, wie z. B. Ihre Zielgruppe, von (GIF) oder Wiedergabetasten-Symbolen überwältigt oder verwirrt werden, die auch die visuelle Darstellung des angebotenen Artikels verschleiern.

BEARBEITEN: Dies war als Vorschlag für Elementraster gedacht, bei denen sich zu viele davon auf derselben Seite befinden (da OP vorgeschlagen hat, dies auf ihrer Website auszuführen). Für einzelne Produktseiten (auf denen Bilder ohnehin vergrößert angezeigt werden, um Verschleierungsprobleme zu vermeiden) ist eine Wiedergabetaste über dem GIF weiterhin eine gültige Option.

1
Leon

Haben Sie darüber nachgedacht, die Gifs automatisch abzuspielen, anstatt auf Benutzerinteraktion zu warten? Menschen fühlen sich von beweglichen Dingen angezogen, um die Kundenzufriedenheit zu erhöhen (solange die Gifs für das, was die Benutzer suchen, relevant sind). Dieser Vorschlag bezieht sich hauptsächlich auf den Desktop, da Gifs relativ datenintensiv sind.

Wenn Sie auf die Benutzerinteraktion warten möchten, empfehle ich, eine Wiedergabetaste in der unteren rechten Ecke des Gifs zu platzieren. Ich würde es unterlassen, es in die Mitte des Bildes zu setzen, da Sie höchstwahrscheinlich möchten, dass Ihre Benutzer das vollständige Bild des "Standbilds" erhalten. In Anbetracht Ihrer Zielgruppe schlage ich ein einfaches Wiedergabesymbol vor. Etwas wie das 

1
Marius

Ich würde dem Bild eine kleine Beschriftung hinzufügen, die den Verbraucher wissen lässt, dass noch etwas los ist. Fügen Sie einen kleinen Tooltip/Text mit der Aufschrift See product in Action! oder so ähnlich, da es uns nur darum geht, Ihr Produkt zu präsentieren und nicht um Ihre Fähigkeiten zum Einbetten eines GIF.

1
Jimenemex