Wie optimiere ich meine Website-Usability (Serie 7/7)

In der Webseiten-Ausgestaltung stellt sich beim Thema User-Führung die alles entscheidende Frage: “Wie können Inhalte am besten dargestellt und möglichst einfach und attraktiv für für die User zugänglich gemacht werden?“

Eine Frage, die bei jedem Web-Projekt in unserer Agentur auf der Agenda steht. Sieben Punkte haben wir uns dabei besonders auf die Fahnen geschrieben, wenn wir eine Website konzipieren, designen oder überarbeiten. Diese sieben Punkte fassen wir in unserem Blog in einer mehrteiligen Serie zusammen:

Teil 7: Bilder, Bilder, Bilder.
Fotos, Grafiken und Diagramme sagen mehr als 1.000 Wörter. Bilder erhöhen effektiv die Lesbarkeit,  sofern sie längere Textblöcke ersetzen.

User präferieren Bilder (mit entsprechendem Informationsgehalt) gegenüber über Texte. Die Aufmerksamkeit und das Leseverhalten werden mit bildlichem Inhalt wesentlich beeinflusst und sollten zur Informationsvermittlung daher nie fehlen.

Bilder ermöglichen zudem auf schlechter platzierte Inhalte innerhalb der Seite aufmerksam zu machen.

Ein gutes Beispiel ist die Shopping-Platform Amazon. Die Platzierung von informationsreichen Bildern sorgt dafür, dass User die ganze Seite betrachten und nicht im oberen Bereich verharren.

Optimierung der Website-Lesbarkeit durch Bilder

Auf hochwertigen Webseiten und statischen Artikeln sind Bildgalerien natürlich ein besonderes Highlight. Auch Bild-Slider und Videos lockern immer die Seiten auf – in Shops sollte bei Produkt-Darstellungen immer eine Möglichkeit der Detail-Ansicht möglich sein.

Ein gutes Beispiel zur einer Detail-Ansicht sehen Sie zum Beispiel in der ARTDECO-Produkt-Seite.

 

 

 

 

 

 

Dieser Beitrag wurde unter Allgemeines, Design abgelegt und mit verschlagwortet. Setze ein Lesezeichen auf den Permalink.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>