Bad images waste space, are ignored by users, and, even worse, are confusing.

Durchschnittlich schauten die Probanden nicht einmal die Hälfte – 42 Prozent – der Bilder auf den getesteten Websites an. Dabei hängt die Beliebtheit eines Bildes der Studie zufolge stark von Gestaltung, Art und Kontext des Bildes ab.

Größe und Qualität von Bildern

Pixelig, klein und detailliert – ein solches Bild schreckt Besucher ab. Denn auch was Bilder betrifft sind User im Web auf der Suche nach klaren Informationen. Zu kleinteilige, kontrastlose oder zu kleine Bilder werden schlichtweg ignoriert. Das perfekte Webbild ist:

• groß genug
• kontrastreich
• reduziert, fast icon-haft

Leider gehen aus der Studie keine konkreten Maßangaben hervor. Aber die Devise lautet: Verwenden Sie lieber ein großes, aussagekräftiges Bild als viele kleine detaillierte Aufnahmen.

A whiter shade of grey?

Die Frage, ob es auch ein Schwarz-Weiß-Bild sein darf, beantwortet Jakob Nielsen in seiner Studie mit einem „ja“. Allerdings gilt hier: Verzichten Sie auf Graustufen, entscheiden Sie sich besser für ein Schwarz-Weiß-Bild mit klaren Kontrasten.

Déjà vu: Das Problem mit Stock-Bildern

Kennen Sie die lächelnde Dame mit dem Headset? Oder den Herren mit dem Koffer am Flughafen? Auf Stock-Art Datenbanken finden sich Bilder, die sich vermeintlich auf jeder Website einsetzen lassen. Die Bilder sind allerdings so wenig originell, dass sie in 85 Prozent der Fälle überhaupt nicht betrachtet wurden. Ein einprägsames, originelles Bild, das eindeutigen Bezug zum Seitencontent hat, leistet Ihnen weitaus bessere Dienste.

Das Zusammenspiel von Text und Bild

Denn der Inhalt Ihrer Seite ist immer ein Gesamtkonzept. Die Nielsen Studie ergab, dass für die Betrachtung eines Bildes, wenn es keinen Bezug zum Text hat, nur 14 Prozent der Besuchszeit verwendet wird. Hat das Bild einen klaren Bezug zum Text, betrachteten die Probanden die Bilder doppelt so lange: 29 Prozent der Besuchszeit entfallen auf die Betrachtung des Bildes. Ein Bild kann also mehr sagen, als tausend Worte, es muss jedoch richtig eingesetzt werden.

5 Tipps für bessere Shoptexte

1. Schreiben Sie verständlich -  nutzen Sie eine verständliche Sprache, kurze Sätze, einfache Wörter und  Textstrukturen. So wird jeder Käufer erst verstehen und dann kaufen.
2. Machen Sie konkrete Aussagen in Produkttexten und formulieren Sie Produkteigenschaften als Kundennutzen, ohne zu übertreiben.
3. Legen Sie Wert auf eine zielgruppenorientierte Darstellung und Vermittlung der Inhalte – das überzeugt und räumt Zweifel aus.
4. Versehen Sie Bilder mit einem ergänzenden Text, um die nicht sichtbaren Inhalte zu erläutern.
5. SEO hin und Conversion her – bleiben Sie bei den Tatsachen.

Für das Online-Schreiben und vor allem für die Darstellungsform der Nachricht gibt es klare Vorstellungen, wie der Anfang eines Textes aussehen soll: Zuerst kommt ein Lead mit allen wichtigen Informationen, danach kommen die weniger wichtigen Details und zum Schluss die Hintergrundinformationen. Ist das alles? Reicht es wirklich aus, mit einem relativ beiläufigen Detail einfach zu enden? Oder braucht man am Schluss noch einen Knaller?

Bei Erzählungen steht das Ende stärker im Fokus: Der Schluss einer Geschichte ist viel wichtiger, denn nicht selten bringt das Ende die entscheidende Pointe oder eine Auflösung. Bei nicht-erzählenden Darstellungsformen ist das schon schwieriger. Extrem ist das bei Online-Texten, die sehr häufig nur überflogen werden und gar nicht bis zum Ende gelesen werden. Das wäre natürlich ein Argument dafür, dass man sich über das Ende eines Online-Textes nicht unbedingt zu viele Gedanken machen muss.

Auf der anderen Seite erscheint mir das als Autor etwas unbefriedigend, einen Text ohne echten Abschluss zu lassen. Deswegen wollte ich an dieser Stelle ein paar Möglichkeiten sammeln, wie man das Ende eines Textes gestalten kann:

• eine Zusammenfassung der wichtigsten Informationen (etwas weniger faktenorientiert) in einem Satz.
• Call-to-Action: Das soll der Leser als nächstes tun (allerdings sollte bei einem echten Verkaufstext die Call-to-Action etwas prominenter platziert sein als am Ende des Fließtextes).
• Rückgriff auf den Lead: Eine Art “Echo” des Texteinstiegs (“Write endings to lock the box” meint hierzu Roy Peter Clark in seinen Writing Tools). Hier beginnt die hohe Kunst der Textkomposition – da werde ich mich in nächster Zeit umschauen, um Beispiele dafür zu finden.
• “Ausblick” eine der favorisierten Schlüsse bei Erörterungen oder Schulaufsätzen. Hier wird die Frage beantwortet: Wie geht’s weiter? (Wie kann es weitergehen?).

Und mein Schluss bei diesem Text? Ich entscheide mich für die Call-to-Action an meine Leser: Haben Sie noch Vorschläge, wie man einen Online-Text zu einem guten Ende bringen kann? Oder kennen Sie besonders schöne Beispiele, dafür wie man es sehr gut macht bzw. besser nicht machen sollte?

Die wichtigsten Aufgaben der Chefredakteure bleiben das Redigieren, Akquirieren, Recherchieren und Schreiben von Beiträgen. Allerdings hat sich das Repräsentieren auf Messen in diesem Jahr zwischen die journalistischen Kernkompetenzen geschoben. Auch neue Geschäftsfelder werden erschlossen: 63% der befragten Chefredakteure sind davon überzeugt, dass die Konzeption und die Präsenz in sozialen Netzwerken ihre Arbeit künftig stärker beeinflussen werden.

Die Chefredakteure wurden auch nach den Kompetenzen befragt, die sie von ihren Mitarbeitern erwarten. Im journalistischen Feld hat das Online-Texten in den letzten Jahren den größten Sprung nach vorne gemacht und ist von Platz 10 auf Platz 5 aufgestiegen. Mit steigender Tendenz, davon sind 63% der Befragten überzeugt.

Zur Studie: Zwei unterschiedlich aufgebaute und unterschiedlich komplexe Nachrichtenartikel aus dem  Technologie- bzw. Gesundheitsbereich wurden Probanden  zum Lesen vorgelegt, die anschließend bewerten mussten, ob die Texte interessant und verständlich waren. Die Texte variierten im Aufbau und in der Auswahl der Links:

• struktureller Aufbau: narrativ oder nach dem Prinzip der umgekehrten Pyramide
• Links: allgemeine Links zu anderen  Websites oder Links, die zu spezielle Informationen in einem kleinen Fenster führten.

Die Schlussfolgerungen der Wissenschaftler:

• komplexe Sachverhalten profitieren vom narrativen Stil mit erklärenden, internen (multimedialen) Links.
• klassische Nachrichten (umgekehrte Pyramide) funktionieren aber gut mit weiterführenden Links auf externen Seiten.

Genau erklären, woran das liegt kann auch Ronald Yaros nicht:

What we don’t yet know is why. My guess is that when a user encounters a news story, he or she immediately employs a particular comprehension strategy because they sense what will be needed to understand it. That’s only a guess at this point.

• 10) Halten Sie Ihren Content aktuell – und veröffentlichen Sie regelmäßig neue Artikel.
• 9) Sagen Sie Ihren Lesern was Neues! Hier unterstreicht Andrea Gardner die Bedeutung des Unique Selling Points.
• 8)  Natürlich auch hier: Die Überschriften sollen unwiderstehlich sein.
• 7) Schreiben Sie jede Seite als ob es eine Landing Page sei – ganz klar der Aufruf zu Sorgfalt und direkter Zielgruppenansprache
  
• 6) Gewinnen Sie das Vertrauen des Lesers (verdienen Sie es sich auch) – hier werden vor allem seriöse Quellen genannt. Glaubwürdigkeit hat im Netz einen besonderen Stellenwert.
• 5) Sprechen Sie sowohl die Gefühle (Leidenschaft) als auch den Verstand an.
• 4) Entscheiden Sie, was Sie genau sagen wollen und lektorieren Sie Ihren Text sorgfältig.
• 3) Nehmen Sie die Sichtweise Ihrer Zielgruppe ein.
• 2) Strukturieren Sie Ihre Web-Site – hier bezieht sie sich auf den richtigen Aufbau und das passende Design.
• 1) Wählen Sie die Keywords sorgfältig aus! Der größte Unterschied  zwischen Web und Print ist für Andrea Gardner die Ausrichtung auf die Auffindbarkeit im Netz.

Texten für das Interneht – ein Thema geht um die Welt (1): Qatar

Texten für das Interneht – ein Thema geht um die Welt (2): Polen

Ob im Intranet oder Internet, die Startseite heißt den User willkommen und führt ihn in die Tiefen der Website ein. Umso wichtiger ist es, dass die Startseite anwenderfreundlich und gut strukturiert ist. Entscheidend dabei sind mehrere Faktoren. Design- und Usability-Kriterien bilden die Grundlage, um eine optimale Gestaltung der Website und Wahrnehmung seitens der User zu gewährleisten.

Hier die sechs entscheidenden Tipps, die Sie bei der Gestaltung Ihrer Websites beachten sollten:

1. Nutzen Sie Bilder als Eyecatcher.

Überladen Sie Ihre Website nicht mit Bildern, arbeiten Sie lieber mit einer begrenzten Anzahl an Bildern, dafür aber mit durchaus größeren, um eine Gewichtung der Inhalte bzw. des Abgebildeten darzulegen.

2. Verdeutlichen Sie Ihre Intention durch gestalterische Mittel.

• Der Umgang mit Farbe, Helligkeit, Kontrast und Bewegung/Animation sollte auf die Intention des Intranets oder Internets abgestimmt sein. Möchten Sie Ihre User sachlich informieren, arbeiten Sie mit schlichten Gestaltungsmitteln, die möglichst wenig vom Inhalt ablenken. Möchten Sie dagegen etwas verkaufen, darf es ruhig etwas mehr sein: Nutzen Sie Animationen, um auf Ihr Produkt aufmerksam zu machen.
• Achten  Sie generell auf aufeinander abgestimmte Farben entsprechend des Farbkonzepts Ihres Unternehmens und nutzen Sie weitere gestalterische Mittel zur Hervorhebung relevanter Inhalte oder zur Auflockerung Ihres Online-Auftritts.

3. Erleichtern Sie den Einstieg durch eine passende Navigationsstruktur.

• Die Haupt- und Unternavigation sollten so nah wie möglich beieinander stehen und nicht durch Balken oder Bilder getrennt sein.
• Ziehen Sie auch Drop-Down-Menüs als platzsparende Navigationsstruktur in Betracht.
• Fügen Sie Navigationspunkte entsprechend groß ein und heben Sie die Einstiegsmöglichkeiten für den User damit hervor.

4. Verorten Sie wichtige Inhalte möglichst prominent.

Die Informationsarchitektur sollte eine schnelle und bedarfsgerechte Bereitstellung von Informationen ermöglichen. Platzieren Sie arbeitsrelevante Inhalte auf der Startseite möglichst prominent und richten Sie diese an den Anwenderbedürfnissen aus. Orientieren Sie sich am eigenen Nutzerverhalten:

• Wo suchen Sie beispielsweise das Suchfeld? Wo wünschen Sie sich den Login- und Logout-Button? Wo erwarten Sie Ihren Benutzernamen? – Rechts oben, nicht wahr?
• Um einen schnellen Zugriff auf solch grundlegende Elemente zu ermöglichen, sollten diese immer nahe der Primärnavigation zu finden sein – und zwar nicht nur auf der Startseite.
• Ordnen Sie Ihre News-Beiträge außerdem chronologisch und gewichten Sie diese durch Hervorhebungen in Farb- oder Größenänderungen.
• Platzieren Sie auch die Funktionsleiste mit den üblichen Anwenderhandlungen (Favoriten anlegen, Feedback geben, Drucken, als Mail weiterleiten, bearbeiten etc.) möglichst prominent.

5. Passen Sie Ihre Artikel dem Leseverhalten der User an.

Bedenken Sie das Leseverhalten Ihrer User und steuern Sie es:

• Fetten Sie Ihre Headlines und weitere relevante Inhalte. Färben Sie diese gegebenenfalls ein.
• Denken Sie an einen erweiterten Zeilenabstand und ein erhöhtes Letter-Spacing.
• Begrenzen Sie Ihre Zeilenlänge auf 85 bis 95 Zeichen.
• Verwenden Sie eine webgerechte Schriftgröße von etwa 14-15 Pixel.

6. Vergessen Sie nicht, Ihre User zu belohnen!

Visuelle Effekte, beispielsweise Mouse Over-Effekte oder andere Animationen, wirken als Belohnung für die Aktionen Ihrer User. Berücksichtigen Sie diese Möglichkeit, denn dadurch motivieren Sie Ihre User weiterhin!

Seine wichtigsten Beobachtungen:

• Das Suchfeld ist in die rechte obere Ecke gewandert.
• Kontaktaufnahmemöglichkeit ist auf die Startseite gerutscht.
• eher farbärmere Designs
• Bei der Navigation werden layerbasierte Lösungen favorisiert.

Was mir auf den ersten Blick am Beispiel der beiden dbv-Websites auffällt: Text wird auf der Startseite wichtiger. Aber nicht als langer Fließtext, stattdessen kamen viele kleine Teaserhappen hinzu.

Nielsen bleibt bei seinem grundsätzlichen Credo, dass User kunstvolles Design zwar schätzen, aber im Alltag Websites bevorzugen, die ihnen genau die Informationen liefern, nach denen sie suchen. Die Eye-Tracking Studien zeigen, welchen Bildeinsatz die User bevorzugen:

Fotos von Menschen = Gut (sofern diese real sind)
Lange Zeit war es eine Richtlinie für Unternehmen, Porträtfotos der führenden Mitarbeiter in ihre Homepage zu integrieren, damit die Benutzer dem anonymen Betrieb reale Menschen zuordnen können.
Der Dienstleistungsanbieter FreshBooks.com geht einen Schritt weiter und veröffentlicht bebilderte Kurzbiographien aller Mitarbeiter auf seiner Homepage – ein Gestaltungskniff oder tatsächlich ein Mehrwert für den Nutzer? Das Ergebnis der Eye-Tracking-Analyse dieser Seite:

• Die Aufmerksamkeit des Betrachters nimmt ab, je weiter er auf der Seite nach unten scrollt.
• Der User verbringt mehr Zeit damit, die Fotos zu betrachten, als die dazugehörigen Biographien zu lesen, obwohl diese 316% mehr Platz einnehmen.

Schlussfolgerung: Diese Fotos sind für den Benutzer relevant, weil sie ihm verlangten Informationen liefern.

Im Gegensatz dazu steht eine zweite Eye-Tracking-Analyse der Website der „Yale School of Management“. Hier ist das Foto neben dem Text, auf dem einige Studenten zu sehen sind, nur Platzhalter. Die User ignorieren solche Deko-Fotos auch tatsächlich. j

Produktdetails = Gut
Eine Eye-Tracking-Studie vergleicht die Homepages der Internethändler Amazon.com und Pottery Barn miteinander. Die Amazon-Seite zeigt eine Übersichtsseite von Flachbildschirmen, die Pottery Barn-Seite Buchcover an.

• Die User studieren zwar die Thumbnails von Buchcovern gründlich, die der Flachbildschirme ignorieren sie jedoch.
• Auf der Amazon-Seite verbringen die Benutzer 82% der Verweildauer damit, den Text zu lesen und nur 18% damit, Bilder anschauen.

Während die Buchcover dem User Informationen für die Kaufentscheidung zu liefern scheinen, helfen die kleinen Übersichtsgalerien von den Fernseheren nicht dabei, sich zwischen zwei Produkten zu entscheiden.

Große Fotos = Gut (falls verlangt)
Aus den Studien zu Seiten einzelner Produkte ergab sich, dass die Benutzer Produktfotos hohe Aufmerksamkeit zollen. Beliebt sind vor allem alternative und vergrößerte Ansichten.
Im Jahr 2005 war die Kategorie „Fehler im Webdesign“ in Jakob Nielsons Top Ten „Unangemessene Vergrößerung von Fotos“ zu finden. „Unangemessen“ bedeutet, dass das Bild bei einem Mausclick nur minimal – etwa um 20% – vergrößert wird. Erstrebenswert ist jedoch mindestens doppelt so groß. Dieser Fehler ist auch fünf Jahre, nachdem er auf der Top-Ten-Liste erschien, noch weitverbreitet.
Die User mögen große Bilder nicht, wenn sie hinderlich sind – aber wenn sie eine Vergrößerung verlangen, ist das etwas anderes.

Fotos, die Informationen beinhalten = Gut
Alle aufgeführten Beispiele zeigen, dass die User alle Bilder beachten, die für sie relevante Informationen vermitteln.  Bilder, die zur Dekoration dienen und der Seite aus informativer Hinsicht keinen Mehrwert bringen, ignorieren sie hingegen.
Es lohnt sich also, das Augenmerk auf die Informationsdichte und Aussagekraft der Fotos zu legen, das steigert den Mehrwert der Website erheblich.

Mit mehr als 35.000 Follower genießt der Support die höchste Kundenzufriedenheit. Und, als ob das nicht genug sei, wurde er jetzt mit einem Eintrag ins Guiness Buch der Rekorde als ”schnellste antwortende Marke auf Twitter” belohnt. Und was sagt uns das? – Hier steckt eine ganze Menge Potenzial für Kundendienste drin. Das Problem sei jedoch, dass es an hochqualifizierten Beratern und klar konzipierten Social Media Strategien fehle, so Heike Simmet, Leiterin der  “Social Media Monitoring Studie 2010“.