{"id":406,"date":"2016-05-24T11:46:23","date_gmt":"2016-05-24T09:46:23","guid":{"rendered":"http:\/\/www.jimdo.com/de/magazin\/?p=406"},"modified":"2021-05-27T10:50:12","modified_gmt":"2021-05-27T09:50:12","slug":"4-tipps-fuer-gutes-webdesign","status":"publish","type":"post","link":"https:\/\/www.jimdo.com/de/magazin\/4-tipps-fuer-gutes-webdesign\/","title":{"rendered":"4 Tipps aus „Eye-Tracking“-Studien f\u00fcr gutes Webdesign"},"content":{"rendered":"

Habt ihr schonmal dar\u00fcber nachgedacht, wieso euer Blick w\u00e4hrend einer Sport\u00fcbertragung ganz automatisch dem Ball folgt? Nun k\u00f6nnt ihr auf eurer Webseite nat\u00fcrlich keinen gelben Tennisball einblenden, nur damit eure Besucher wissen, wohin sie zuerst schauen sollen. Es ist also eure Aufgabe, die Seite so zu gestalten, dass ihr dennoch die Blicke eurer Besucher gezielt zu den Dingen lenken k\u00f6nnt, die euch wichtig sind. In diesem Blog-Artikel erz\u00e4hle ich euch, wie ihr das anstellt. Los geht’s!<\/p>\n

\n
\n

Orientiert euch bei eurem Webdesign an den Erkenntnissen von sogenannten \u201cEye Tracking\u201d-Studien<\/strong>. Darin wird untersucht, welchen Weg menschliche Blicke beim Erfassen einer Webseite nehmen. Die Ergebnisse solcher Studien k\u00f6nnt ihr euch zu Nutze machen und eure Webseite so gestalten, dass ihr die Aufmerksamkeit eurer Seitenbesucher perfekt einfangt. Hier sind vier grundlegende Erkenntnisse, die euch bei der Gestaltung eurer Jimdo-Seite weiterhelfen.<\/p>\n

1. Nutzt das sogenannte „F-Schema“!<\/h2>\n<\/div>\n

Was haben CNN, die New York Times und die Google-Suche gemeinsam? Nein, das ist jetzt kein lahmer Kneipen-Witz!\u00a0Die Gemeinsamkeit dieser drei ist, dass sie alle nach dem sogenannten F-Schema aufgebaut sind.<\/strong><\/p>\n

Das Konzept von \u201cSchema-F\u201d geht auf Jakob Nielson mit seiner ber\u00fchmte \u201cEye-Tracking\u201d-Studie zur\u00fcck. Seinen Ergebnissen nach lesen wir Webseiten, B\u00fccher und \u00e4hnliches immer in einem \u201cF-Schema\u201d. Der Blick beginnt in der linken oberen Ecke, bewegt sich dann horizontal zur rechten oberen Ecke, schwenkt zur\u00fcck nach links und bewegt sich daraufhin wieder nach rechts. Letztlich ist es ein \u201cF\u201d und kein \u201cE\u201d, da immer weniger von der rechten Seite des Bildschirms erfasst wird, bevor der Blick wieder zur\u00fcck zur linken Seite wandert.<\/p>\n

\"\"<\/p>\n

Wie ihr seht, wird hier das „F-Schema“ optimal umgesetzt! Der Blick f\u00e4llt zuerst auf das Logo, schweift dann ab, kehrt zur Navigation zur\u00fcck, wandert weiter und am Ende scrollt der Besucher durch die Inhalte und liest den Inhaltsbereich.<\/p>\n

Darum funktioniert das F-Schema so gut<\/h3>\n

Das, was ich euch jetzt erz\u00e4hlt habe, wird euch ganz nat\u00fcrlich vorkommen, da wir im Westen ja sowieso von links nach rechts und von oben nach unten lesen.\u00a0Indem ihr den Aufbau eurer Seite danach ausrichtet, erleichtert ihr euren Besuchern die Orientierung, denn sie k\u00f6nnen die Inhalte auf die gewohnte\u00a0Art und Weise erfassen!<\/p>\n

Eure Seite ist besonders textlastig? \u2013 Haltet euch an die „F-Schema“ Struktur. Es ermuntert eure Besucher, die Texte auch wirklich zu lesen.<\/div>\n

So nutzt ihr dieses Wissen f\u00fcr den Erfolg eurer Webseite<\/h3>\n