10.2.4 Machen Sie Produktabbildungen realitätsnah

Hintergrund

Beim Einkaufen im Internet fehlt die Möglichkeit, die Ware angreifen zu können. Je größer, facetten- und detailreicher Produktbilder sind, desto besser kann dieser Mangel ausgeglichen werden. Einfache Fotos aus verschiedenen Blickwinkeln geben möglicherweise einen besseren Eindruck und sind leichter zu bedienen als 3D Ansichten, die sich bewegen oder gedreht werden müssen.

Maßnahmen:

  • Bieten Sie Bilder mit verschiedenen Ansichten und verschiedenen Farben, soweit sinnvoll.
  • Stellen Sie Produktabbildungen, soweit sinnvoll, im Größenkontext dar (mit Maßstab, mit bekanntem Alltagsgegenstand zum Größenvergleich, von Menschen getragen ).
  • Investieren Sie in gute Bildqualität.
  • Achten Sie besonders bei dunklen Bildern auf Klarheit der Details.
  • Beachten Sie bei wichtiger Bildinformation ausreichende Kontraste. Die WCAG 2.0 empfehlen eine Luminosity Contrast Ratio von 4.5:1. Dieses Helligkeits-Kontrastverhältnis kann mit Messtools (z.B. Color Contrast Analyser) exakt gemessen werden.
  • Testen Sie bei wichtiger Bildinformation auf Farbfehlsichtigkeiten, mit Tools für Schwarz-Weiß Ansicht oder Farbenblindheits-Simulation (z.B. Color Contrast Analyser). Die Kontraste zwischen Grün- und Rot-Tönen, auch Rot- und Schwarz-Tönen verschwimmen bei Farbfehlsichtigkeit.
  • Setzen Sie spezielle Features (z.B. Zoom, Spin / Drehen, 3D Animationen) überlegt ein (siehe Erlebnisshopping) und verifizieren Sie die einfache Bedienbarkeit in User-Tests.

Wer profitiert davon

  • Alle NutzerInnen

Beispiel

Amazon Features

amazon.de: Amazon bietet eine Reihe von Features, um den Online-Einkauf realitätsnäher zu machen, wie etwa die „Search Inside“ Funktion bei Büchern, große Produktbilder, verschiedene Ansichten eines Produktes und eine Zoomfunktion, mit der sehr weit gezoomt werden kann. Die Zoomfunktion bei amazon ist JavaScript abhängig, allerdings sind die Produktbilder von vornherein sehr gut. KundInnen können auch selbst Bilder und Videos hochladen und Notizen hinzufügen.