27 Research-Backed Web Design Tipps: Wie man eine Website entwerfen, die funktioniert

Gesamtbesucher. Es ist leicht zu sehen. Jeder Vermarkter weiß, wie viel Traffic er erhält, da er direkt in Ihren Analysen enthalten ist. Aber was als nächstes passiert, ist nicht so offensichtlich.

Aus diesem Grund ist es einfach, Ratschläge zur Steigerung des Datenverkehrs zu geben, aber Webdesign-Tipps sind schwierig. Es gibt so viele Faktoren. Selbst nach über 1000 erfolgreichen Webdesign-Projekten ist es für uns schwierig zu wissen, was am besten funktioniert.

Dieser Artikel enthält 27 Webdesign-Tipps, um mehr Wert aus jedem einzelnen Besucher zu ziehen. Die meisten dieser Tipps werden durch Forschung unterstützt. Diese sind für Anfänger Designer und fortgeschrittene UX-Profis, für kleine Unternehmen und große Unternehmen.

Hier finden Sie unsere besten Ratschläge, Ideen und Inspirationen zum Entwerfen einer Website, die Ergebnisse liefert. Eine Website, die schön aussieht, konvertiert Besucher und bekommt mehr Wert von jedem dieser hart verdienten Besuche.

Die beiden wichtigsten hier zitierten Studien stehen ganz am Ende. Wenn Sie ungeduldig sind, überspringen Sie!

Das strukturelle Layout der Website

Websites sind zwei Dinge: Container und Inhalt. Der Container ist zwei Dinge: Struktur und Stil. Beginnen wir mit dem ersten. Diese Tipps beziehen sich auf die Struktur und das Layout der Seiten.

Mit visueller Hierarchie

Jede Seite hat eine visuelle Hierarchie. Wenn Sie mit diesem Konzept nicht vertraut sind, Hier ist unsere Definition:

Visuelle Hierarchie bezieht sich auf die Anordnung, Größe, Farbe und Kontrast von visuellen Elementen. Es bestimmt ihre relative Prominenz und die Reihenfolge, in der sie vom menschlichen Auge gesehen werden.

Webdesigner verwenden visuelle Hierarchie, um die Aufmerksamkeit der Besucher zuerst auf wichtige Elemente zu lenken. Das Website-Layout umfasst die Position (hoch oder niedrig auf der Seite), die Größe (groß oder klein), die Grafik (Video, Bilder, Symbole) und den Kontrast (Farbe und Weißraum).

Die Kombination von Aspekten vervielfacht ihre Wirkung. Jeder wird ein großes Video sehen, hoch auf der Seite. Nur wenige Menschen werden Text mit geringem Kontrast sehen, der von Bildern umgeben ist.

Visuelle Hierarchie ist der Grund, warum Ihre Augen auf jeder Seite, die Sie im Internet besuchen, einem bestimmten Pfad folgen. Wenn es bewusst verwendet wird, lenkt es die Aufmerksamkeit des Besuchers durch eine Reihe von Botschaften in Richtung eines Aufrufs zum Handeln.

Verwenden Sie eine beschreibende, auf Schlüsselwörter ausgerichtete Überschrift hoch auf der Homepage

Die Überschrift oben auf der Homepage (und jeder Seite) ist entweder beschreibend oder nicht. Wenn nicht, kann der Besucher seine erste Frage möglicherweise nicht beantworten: „Bin ich am richtigen Ort?“

Es ist auch eine Gelegenheit, eine Zielschlüsselphrase zu verwenden und Relevanz anzugeben. Aber viele Vermarkter schreiben stattdessen etwas Kluges oder Vages. Aber klar ist besser als klug.

Anstatt eine ausgefallene, aber vage Überschrift zu schreiben, schreiben Sie etwas Beschreibendes. Stellen Sie sicher, dass Sie erklären, was das Unternehmen hoch oben auf der Seite tut, über der Falte.

Quelle: Outreach Plus

Warte, die Falte ist immer noch eine Sache?

Ja, es gibt eine Falte. Für jeden Besuch auf jedem Bildschirm gibt es einen sichtbaren Bereich. Unten befindet sich die berühmte Falte. Um etwas unterhalb dieser Zeile zu sehen, muss dieser Besucher scrollen.

Warum und ob dies im Webdesign wichtig ist, ist ein heiß diskutiertes Thema. Hier sind zwei der besten Argumente: „Es gibt keine Falte!“ vs „Die Falte ist immer noch wichtig.“

Natürlich gibt es Tausende von Bildschirmgrößen, von winzig bis riesig. Diese Website wurde im letzten Monat auf 958 unterschiedlich großen Bildschirmen angezeigt. Einige Designer sagen also, dass die Falte nicht mehr relevant ist.

Aber hier ist die Quintessenz (verstanden?) Es gibt immer noch einen Fold für jeden Besuch und immer noch einen durchschnittlichen Fold für alle Besuche. Tools wie Hotjar zeigen es deutlich als Linie in der Scroll-Heatmap für Desktop / Laptop, Handy und Tablet.

Also ja, es gibt eine Falte und es ist wichtig, was Sie darüber und darunter legen. Eine Studie zeigte, dass Besucher 80% ihrer Zeit über der Falte verbringen.

Setzen Sie also Ihr Wertversprechen, diese 8-Wort-Version von dem, was Sie tun, hoch auf der Seite, über der Falte.

Aber setzen Sie nicht alle Ihre Handlungsaufforderungen an die Spitze

Besucher verbringen möglicherweise mehr Zeit dort, aber das bedeutet nicht, dass sie bereit sind, Maßnahmen zu ergreifen. Viel Überzeugungsarbeit geschieht weiter unten auf der Seite.

Als Chartbeat 25 Millionen Besuche analysierte, stellten sie fest, dass das meiste Engagement unterhalb der Falte stattfindet. Inhalt an der Spitze kann sichtbar sein, es ist nicht unbedingt der effektivste Ort, um Ihre Anrufe zum Handeln zu bringen.

Eine Einschränkung zu dieser häufig zitierten Studie: Chartbeat wird hauptsächlich von Nachrichten-Websites verwendet, die sich stark von Marketing-Websites unterscheiden. Niemand macht viel über die Falte auf einer Nachrichten-Website! Normale Webdesign-Tipps gelten nicht.

Stellen Sie sicher, dass Sie Handlungsaufforderungen weiter unten auf der Seite platzieren, an jedem Ort, an dem das Interesse wahrscheinlich hoch ist.

Machen Sie es zu einer großen Seite. Beantworten Sie alle Fragen Ihrer Besucher.

Mehr Pixel bedeuten mehr Platz, um Fragen zu beantworten, Einwände anzusprechen und unterstützende Beweise hinzuzufügen. Wenn der Besucher keine Antwort auf eine wichtige Frage findet, kann er die Seite einfach weiter nach unten bewegen. Sobald sie zufrieden sind, hören sie einfach auf zu lesen.

Die effektivsten Verkaufsseiten emulieren Verkaufsgespräche.

Sie würden niemals jemanden während eines Verkaufstreffens abschneiden und aufhören, seine Fragen zu beantworten, oder? Das ist alles, was eine kurze Seite tut; es hört auf, Fragen zu beantworten.

Hier kommt die berühmte Studie von Crazy Egg ins Spiel. Sie befragten ihr Publikum, entdeckten ihre wichtigsten Fragen und Bedenken und erstellten eine große Seite, die alles anspricht.

Die Seite war 20x länger. Die Conversion-Rate stieg um 30%.

“ Scrollen ist eine Fortsetzung. Klicken ist eine Entscheidung“ – Josh Porter, Rocket Insights

Zeige eins nach dem anderen

„Ich mag saubere, moderne Designs.“ Das sagen uns die meisten unserer Kunden, wenn wir mit Webdesign-Projekten beginnen. Sie beziehen sich oft auf Apples Website als Beispiel.

Besucher mögen keine Unordnung. Wir mögen Whitespace. Mit anderen Worten, wir mögen eine geringe visuelle Komplexität.

Im Jahr 2012 machte sich Google daran, herauszufinden, welche Arten von Websites für Besucher als schön angesehen werden. Es ist eine Studie über Einfachheit mit einem sehr komplizierten Namen: Die Rolle der visuellen Komplexität und Prototypizität in Bezug auf den ersten Eindruck von Websites: Arbeiten zum Verständnis ästhetischer Urteile.

Sie lernten, dass komplexere Designs weniger wahrscheinlich als schön wahrgenommen werden.

Dies erklärt den Trend zu einspaltigen Layouts und hohen Seiten. Designs mit mehreren Spalten (linke Seitennavigation, Inhaltsbereich, rechte Schiene) sind komplexer, mit mehr visuellen Elementen im Sichtfeld des Besuchers.

So schneiden Sie die Unordnung. Machen Sie eines von zwei Elementen zum Fokus bei jeder Bildlauftiefe.

Halten Sie sich an Standardlayouts

Dieselbe Studie von Google ergab, dass „hohe Prototypizität“ auch mit wahrgenommener Schönheit korreliert. Mit anderen Worten, seltsam ist normalerweise nicht hübsch. Eine Website, die Webdesign-Standards folgt, wird eher geliebt.

Die Websites, die als die schönsten gelten, weisen sowohl eine hohe Prototypizität als auch eine geringe visuelle Komplexität auf. Sie sind einfach und sauber.

Stellen Sie es sich so vor, es ist gut, Ihre Marke zu differenzieren, aber das Layout ist nicht der richtige Ort dafür. Sei anders in DEM, was du sagst. Seien Sie jedoch vorsichtig, wie Ihre Website verwendet wird.

Einige Autos sehen toll aus. Sie sind anders. Sie sind wunderschön. Aber sie haben immer noch Türen an den Seiten, Räder an der Unterseite und Scheinwerfer vorne.

Aber was ist Standard? Nach unseren eigenen Recherchen sind dies die Standardelemente für eine Website:

Die „Standard“ -Website mit hoher Prototypizität umfasst Folgendes:

• Logo oben links
• Horizontale Navigation in der Kopfzeile
• Suchleiste oben
• Soziale Symbole unten
• Mobiles Responsive Design

Vorsicht vor „falschen Böden“

Moderne Marketing-Websites, insbesondere die Verkaufsseiten, werden mit Seitenblöcken erstellt. Dies sind Inhaltszeilen, oft mit einem Bild auf der einen Seite und Text auf der anderen Seite, die in einer einzigen Spalte die Seite hinunterfließen.

Hier ist die Anatomie einer typischen Serviceseite auf einer Website zur Lead-Generierung.

Wie das Diagramm zeigt, hat die Fußzeile eine dunklere Hintergrundfarbe. So viele Websites tun dies, dass Besucher jetzt erwarten, dass ein Wechsel zu einem dunkleren Hintergrund den unteren Rand der Seite bedeutet.

Wenn das Design jedoch einen Seitenblock mit dunklem Hintergrund hat, könnte der Besucher denken, dass er den unteren Rand erreicht hat und aufhört zu scrollen. Es ist ein falscher Boden.

Hinweis: Ich diskutiere mit meinen eigenen Designern darüber. Kurt Cruse, unser Creative Director, macht einen ausgezeichneten Punkt. Änderungen der Hintergrundfarbe sind eine hervorragende Möglichkeit, Besucher darüber zu informieren, dass sich die Art des Inhalts ändert. Ich höre dich, Kurt!

Seien Sie nur vorsichtig, wenn Sie Hintergrundfarben für Seitenblöcke auswählen. Wählen Sie aus Sicherheitsgründen nur geringfügige Variationen oder verwenden Sie immer Weiß oder Hellgrau. Wechseln Sie dann in der Fußzeile zu Dunkelgrau oder Schwarz.

Vermeiden Sie Karussells und rotierende Schieberegler

Sie sind seit Jahren beliebt und Kunden lieben sie. Aber es gibt ein Problem mit der Homepage.: besucher können nur die erste Folie sehen.

Es gibt viele Studien, die zu dem gleichen Schluss kommen. Nachrichten auf nachfolgenden Folien werden seltener angezeigt, und es ist unwahrscheinlich, dass Aufrufe zum Handeln angeklickt werden. Schauen Sie sich einfach die Klickraten für die Folien auf einer Universitätswebsite an.

Sie sind möglicherweise beliebt, weil sie leicht genehmigt werden können. Verschiedene Stakeholder aus verschiedenen Abteilungen erhalten einige Pixel über der Falte. Sie sind gut für die Innenpolitik, nicht für Besucher.

Homepage-Diashows sind gut darin, Menschen davon abzuhalten, sich in Konferenzräumen gegenseitig zu erstechen.

Was ist stattdessen zu tun?

• Stapeln Sie die Folien, sodass der Besucher sie durch Scrollen auf der Seite sehen kann. Sie werden plötzlich viel sichtbarer.
• Verwenden Sie ein vorgestelltes Bild, wobei Sie die wirkungsvollste Folie als Held verwenden. Geben Sie ihm einen guten Aufruf zum Handeln!

Vermeiden Sie Tabs und Akkordeons

Hier ist eine andere Möglichkeit, Dinge aus dem Versteck zu nehmen: Vermeiden Sie Tabs und erweiterbare Inhaltsfelder.

Wenn Sie wissen, dass bis zu 76% der Website-Besucher scannen, können Sie Ihre Inhalte für sie sichtbarer machen, indem Sie alles offenlegen, ohne dass Sie klicken müssen, um etwas preiszugeben.

Wenn Tabs und erweiterbare Akkordeons effektiv waren, werden Sie sie wahrscheinlich bei Amazon sehen.

Denken Sie daran, Scrollen ist schneller und einfacher als Klicken. Wenn die Besucher zielen und klicken oder Tab müssen, um etwas anzeigen zu können, ist es weniger wahrscheinlich, dass sie es sehen.

Bilder

Kommen wir zu den Bildern. Diese Tipps sind spezifisch für die Bilder auf Webseiten.

Personenbilder verwenden

Gesichter sind einzigartig kraftvolle Bilder. Von der Zeit an, in der wir geboren werden, betrachten wir Gesichter mehr als alles andere. Die magnetische Kraft von Menschenbildern ist im Webdesign sehr nützlich.

Gesichter erregen nicht nur Aufmerksamkeit, sie korrelieren auch mit Konversion. Die berühmte Fallstudie von Basecamp zeigte eine enorme Steigerung der Ergebnisse, wenn Gesichter und Testimonials auf einer Verkaufsseite kombiniert wurden.

Stellen Sie sicher, dass Ihre Website nicht wie ein „verlassenes Raumschiff“ ohne Seele an Bord aussieht.

Ich habe im Laufe der Jahre mit Tausenden von Unternehmen über ihr Marketing gesprochen und ein Muster festgestellt. Große Unternehmen versuchen immer, klein auszusehen, und kleine Unternehmen versuchen, groß auszusehen. Seltsam, oder?

Wirklich, jedes Unternehmen sollte einfach versuchen, persönlicher, menschlicher zu sein.

Aber vermeiden Sie Stockfotos von Menschen

Es gibt eine Zeit und einen Ort für Stockfotos, aber ich würde Stockfotos von Menschen wie der Pest vermeiden. Sie fühlen sich einfach nie echt, deshalb bauen sie kein Vertrauen auf.

Unternehmen werden von Stockfotos verführt, weil die Produktionsqualität hoch ist. Aber Ihre Besucher kümmern sich mehr um die Realität. Sie würden es vorziehen, echte Menschen zu sehen, die tatsächlich in der Firma arbeiten.

Authentizität ist wichtiger als Polnisch.

Die Forschung unterstützt dies. Eine Studie der NN Group ergab, dass Besucher Stockfotos von Menschen und „Füller“ -Bilder ausschalten, aber tatsächlich Bilder von echten Menschen betrachten.

Sei also du selbst, zeige dein Team und benutze Bilder von echten Menschen, auch wenn sie perfekt poliert sind.

Verwenden Sie Gesichter als visuelle Hinweise

Personenbilder geben Ihnen eine besondere Gelegenheit, die Aufmerksamkeit der Besucher zu lenken. Das berühmte Phänomen „Sie schauen, wo sie hinschauen“.

Als der Forscher James Breeze 106 Personen Designs zeigte, demonstrierte er die Kraft gut positionierter Gesichter. Sie haben die Macht, die Aufmerksamkeit des Besuchers auf andere Elemente zu lenken.

Dies ist die berühmte Studie mit dem Babygesicht. Wenn das Baby in die Kamera schaut, schauen die Besucher das Baby an. Wenn das Baby auf die Überschrift schaut, schauen die Besucher auf die Überschrift.

Mein Freund Oli Gardner hat dieses Beispiel mit dem Baby satt (sorry, Oli!). Wenn jemand andere Forschungen oder gute Beispiele kennt, lassen Sie es mich bitte in den Kommentaren wissen!

Verwenden Sie eine Sichtlinie in Gesichtsbildern als richtungsweisenden Hinweis, um die Aufmerksamkeit der Besucher auf Nutzenaussagen oder Handlungsaufforderungen zu lenken.

Verwenden Sie Pfeile als visuelle Hinweise

Gesichter können die Aufmerksamkeit lenken, aber sie sind nicht die einzige Möglichkeit, die Augen Ihrer Besucher zu kontrollieren. Kleine handgezeichnete Pfeile können noch effektiver sein.

In dieser Eye-Tracking-Studie von CXL wurde festgestellt, dass ein einfacher Pfeil die Besucher noch stärker dazu bringt, sich ein Seitenelement anzusehen.

Wenn Sie möchten, dass Ihre Besucher etwas betrachten, zeigen Sie mit einem Pfeil darauf. Ich bin mir nicht sicher, ob dieser Tipp lächerlich offensichtlich oder zutiefst aufschlussreich ist.

Verwenden Sie Farbe, um die Aufmerksamkeit der Besucher auf Handlungsaufforderungen zu lenken

Farben haben emotionale Konnotationen (Rot ist dringend, Blau ist ruhig) und sie sind Teil der Markenstandards. Sie bieten aber auch die Möglichkeit, die Aufmerksamkeit der Besucher auf Buttons und CTAs zu lenken.

Eine Studie von Eyequant über Tastenfarbe bestätigt die Fähigkeit von Farbe und Luminanzkontrast, Aufmerksamkeit zu erregen.

Aber die Studie zeigt, dass bunte Knöpfe nicht immer effektiv sind. Wenn Sie möchten, dass Ihre Schaltfläche optisch auffälliger wird:

• Kontrastieren Sie die Schaltflächenfarbe mit dem Hintergrund
• Kontrastieren Sie die Schaltflächenfarbe und den Schaltflächentext
• Kontrastieren Sie die Schaltflächenfarbe mit nahe gelegenen Elementen auf der Seite (oder lassen Sie viel Leerraum um sie herum)

Der „Von-Restorff-Effekt“

In den 1930er Jahren entdeckte die deutsche Wissenschaftlerin Hedwig von Restorff, dass sich Menschen, wenn sie eine Liste von zehn Elementen zeigen, an Elemente erinnern, wenn sie eine andere Farbe als die anderen haben. Dies liegt daran, dass der Okzipitallappen empfindlich auf visuelle Unterschiede oder „Musterunterbrecher“ reagiert.“

Der Web-Vermarkter Paras Chopra führte Experimente durch, die zeigten, dass herausragende Farben nicht nur mehr in Erinnerung bleiben, sondern auch mehr angeklickt werden: 60% mehr!

Profi-Tipp! Wählen Sie eine „Aktionsfarbe“ für alle Ihre Links, Schaltflächen und Rollover-Effekte. Machen Sie es zu einer Farbe, die sich von den Markenfarben unterscheidet, die im gesamten Design verwendet werden (dies sind die „passiven Farben“). Verwenden Sie die Aktionsfarbe nirgendwo anders als in den anklickbaren Elementen.

Navigation und Links

Jetzt kommen wir in die Ratschläge für die Navigation der Website, einschließlich der Menüs, Schaltflächen und Links, mit denen sich Ihre Besucher bewegen können.

Seien Sie beschreibend

Navigation ist immer visuell prominent, also ist es eine Gelegenheit zu kommunizieren. Besucher beginnen ihren Besuch normalerweise, indem sie über die Kopfzeile scannen. Alles, was dort, einschließlich Ihrer Menüs, sind sehr wahrscheinlich zu sehen.

Quelle: UX-Bewegung

Wenn die Navigationsbeschriftungen generisch sind, haben Sie die Chance verpasst, den Besuchern mitzuteilen, was Sie tun. Vergleichen Sie diese beiden Beispiele:

Wenn Ihre Navigationsbeschriftungen generisch sind, sind sie für Tausende oder sogar Millionen von Websites üblich. Sie haben die Chance verpasst, Best Practices für die Website-Navigation zu nutzen, Ihren Besuchern zu helfen und Ihre Suchrankings zu verbessern.

Setzen Sie home auf die linke Seite, aber ansonsten machen Sie sich keine Sorgen über die Reihenfolge der Menüpunkte

Wenn Sie einen Home-Link haben, setzen Sie ihn auf die linke Seite. Es ist der häufigste Ort dafür, daher erwarten Besucher, dass sie es dort finden.

Was den Rest der Menüpunkte betrifft, zeigt die Forschung, dass die Reihenfolge nicht so wichtig ist. Es gibt zwei verschiedene Eye-Tracking-Studien, die eine geringe Korrelation zwischen der Reihenfolge der Menüpunkte und dem Erfolg der Besucher (Quelle und Quelle) zeigen.

Verbringen Sie also nicht viel Zeit damit, sich Gedanken über die Reihenfolge der Dinge in Ihrem Menü zu machen.

Achten Sie darauf, von Serviceseiten auf Blog-Beiträge zu verlinken

Wenn sich der Besucher auf einer Serviceseite befindet, besteht das Ziel darin, ihn in einen Lead umzuwandeln. Wenn Sie große Möglichkeiten hinzufügen, Ihren Blog zu verlassen und zu lesen, landen sie auf Seiten, die sich weniger auf die Lead-Generierung konzentrieren. Blog-Posts haben natürlich mehr Ablenkungen, Exit-Möglichkeiten und niedrigere Conversion-Raten.

Seien Sie vorsichtig, wenn Sie auf etwas auf anderen Websites verlinken

Wenn relevant, verlinken Sie auf Dinge, die dem Besucher helfen, seine Ziele zu erreichen. In einem Blogbeitrag ist dies häufig ein Zitat einer Quelle oder ein Link zu externen Referenzen. Dieser Beitrag enthält Links zu Dutzenden von Artikeln und Studien!

Aber auf Serviceseiten und auf Ihrer Homepage sollten Sie vorsichtig auf andere Websites verlinken. Für jede Seite, die optimiert ist, um Besucher in Leads umzuwandeln, fragen Sie sich: Möchten Sie wirklich, dass Besucher auf diesen Link klicken? Hilft es Ihnen, Ihre Ziele zu erreichen?

Vermeiden Sie die Verwendung von Social-Media-Symbolen in Ihrer Website-Kopfzeile

Ebenso sind bunte Social-Media-Symbole in Ihrer Kopfzeile nicht ideal für Ihre Ziele. Wenn Besucher auf eine dieser bonbonfarbenen Schaltflächen klicken, landen sie auf einer Website voller Ablenkungen. Sie werden wahrscheinlich nicht zurückkommen.

Dies ist im Allgemeinen der falsche Weg, um Social-Media-Integration zu tun. Wenn Sie auf ein soziales Netzwerk verlinken, tun Sie dies in Ihrer Fußzeile. Besucher können die sozialen Netzwerke finden, wenn sie suchen, aber Sie schlagen nicht vor, dass sie gehen.

Schreiben

Reden wir über Worte. Zuvor haben wir eine Keyphrase-fokussierte Überschrift auf der Homepage empfohlen. Hier sind ein paar weitere Tipps für das Schreiben, das in die Website geht, einschließlich Kopfzeilen, Unterüberschriften und Textkörper.

Schreibe aussagekräftige Unterüberschriften

Vage Unterüberschriften sind überall. Sie sind oft groß und nutzlos, aber gefolgt von Dingen, die klein, aber nützlich sind. Seltsam, oder? Das Gegenteil wäre sinnvoller.

Stellen Sie sicher, dass die großen Dinge für die Besucher sinnvoll und hilfreich sind. Wenn Ihre Unterüberschriften Dinge wie „Produkte“ oder „Dienstleistungen“ sagen, fragen Sie sich, ob ein beschreibenderer Begriff hilfreicher wäre. Hier einige Beispiele.

Dies ist gut für Scanner und Benutzerfreundlichkeit. Es ist gut für Sehbehinderte und Zugänglichkeit. Es sind auch gute SEO Best Practices. Verpassen Sie nie eine Chance, Relevanz anzuzeigen!

ProTip: Unterüberschriften können völlig unnötig sein. Wäre diese Seite ohne sie genauso gut? Wissen die Besucher noch, was sie sehen? Wenn ja, entfernen Sie es einfach.

Vermeiden Sie lange Absätze und lange Zeilenlängen

Lange, blockige Absätze stimmen nicht mit den Best Practices für digitale Inhalte überein. Das einfache Aufbrechen langer Absätze erleichtert das Konsumieren des Inhalts. Schreiben Sie in der Regel keine Absätze, die länger als 3-4 Zeilen sind.

“ Kurze Absätze werden gelesen, lange Absätze werden überflogen, wirklich lange Absätze werden übersprungen.“ – Jason Fried, Gründer und CEO, Basecamp

Wenn die Zeilenlänge sehr lang ist, kann es für Besucher schwieriger sein, sie zu lesen. Der Web Style Guide empfiehlt Zeilen mit nicht mehr als 12 Wörtern.

Vermeiden Sie Jargon. Verwenden Sie einfache Wörter.

Je einfacher das Lesen ist, desto erfolgreicher wird die Website sein. Verwenden Sie die allgemeinen Wörter, die Besucher erwarten. Lange Sätze und ausgefallene Wörter zwingen den Temporallappen, härter zu arbeiten. Das ist nicht gut.

“ Halten Sie es einfach! „Kognitive Geläufigkeit“ ist ein Maß dafür, wie leicht das Gehirn Ihres Besuchers verarbeitet, was er betrachtet. Wenn etwas schwer zu lesen ist, finden wir es unbewusst riskanter und / oder zeitaufwändiger. Um die Konvertierung zu maximieren, verwenden Sie kurzen Text, einfache Schriftarten und ein leicht lesbares Design.“ – Roger Dooley, Autor von Brainfluence

Eine Kopie, die für Benutzer mit „geringer Alphabetisierung“ gut funktioniert, funktioniert für alle gut. Es geht nicht darum, es zu verdummen; Es geht darum, einfache Sprache zu verwenden, die jeder verstehen kann. Untersuchungen haben gezeigt, dass die Senkung der Lesbarkeit die Erfolgsquote für alle Besucher verbessern kann.

Sogar Doktoranden lesen lieber in der 8. Klasse.

Dieses große Wort könnte Sie klug klingen lassen, aber es könnte Ihren Besucher dumm fühlen lassen. Ein Besucher, der an sich selbst zweifelt, wird wahrscheinlich keine Maßnahmen ergreifen. Während Sie schreiben, stellen Sie sich immer wieder die Frage:

Kennen 100% der Besucher die Bedeutung der Wörter auf dieser Seite?

Listenreihenfolge und „Serienpositionseffekt“

Wenn Sie Listen in Ihrer Kopie bestellen, setzen Sie die wichtigen Dinge an den Anfang und das Ende. Die Aufmerksamkeit und Bindung des Lesers sind in der Mitte einer Liste am niedrigsten. Wenn Besucher die Seite scannen, bleiben das erste und das letzte Element höchstwahrscheinlich im Kurzzeitgedächtnis.

Quelle: Theorie der Ordnungseffekte: Primat versus Aktualität

Beantworten Sie die wichtigsten Fragen der Besucher

Sie kamen mit Fragen. Die Hauptaufgabe der Website besteht darin, diese Fragen zu beantworten. Jede unbeantwortete Frage ist eine verpasste Gelegenheit, Vertrauen aufzubauen. Unbeantwortete Fragen erhöhen auch die Wahrscheinlichkeit, dass der Besucher geht.

Als Joel Klettke seinen Prozess der Fragenfindung und des Schreibens von Antworten anwendete, konnte er die Conversion-Raten auf Hubspot-Landingpages verdoppeln. Er interviewte Kunden, analysierte ihre Antworten, priorisierte die Botschaften und verwendete am Ende die Worte des Publikums selbst in der neuen Marketingkopie. Clever!

Hier sind die Fragen, die Joel verwendet, um die wichtigsten Fragen der Besucher zu ermitteln:

1. Was hat dich dazu gebracht, nach einer Lösung zu suchen?
2. Was hast du sonst noch versucht und was hat dir nicht gefallen?
3. Was hat Sie fast davon abgehalten, bei uns zu kaufen?
4. Was hat Sie zuversichtlich genug gemacht, uns auszuprobieren?
5. Was hat X zur besten Lösung für Sie gemacht?
6. Was war Ihnen bei der Bewertung von X am wichtigsten?
7. Was kannst du jetzt tun (oder besser machen), was du vorher nicht tun konntest?
8. Geben Sie mir ein Beispiel, wann X für Sie einen Unterschied gemacht hat?

In einem Wort, was ist der Zweck Ihrer Website? Antwort.

Zusätzliche Lektüre: Die perfekte B2B-Website Service-Seite: 13-Punkte-Checkliste

Fügen Sie Beweise und soziale Beweise hinzu

Die „Konformitätsverzerrung“ ist die menschliche Tendenz, das zu tun, was andere Menschen tun. Wenn Sie also nachweisen, dass andere Sie ausgewählt haben, scheint die Wahl Ihres Unternehmens eine gute Wahl zu sein. Das Ziel ist es, jede andere Entscheidung als die Verwendung Ihres Unternehmens außerhalb der Norm erscheinen zu lassen.

Geben Sie Ihren Besuchern den Beweis, dass Sie legitim sind. Im Idealfall wird jede Ihrer Marketingansprüche mit Beweisen untermauert.

“ Wie oft haben Sie auf eine Website auf der Liste der Designpreisträger geklickt und bei einem fesselnden Titel-Tag von „Home“ die Augen verdreht? Dies ist, was passiert, wenn Sie einer Agentur vertrauen, „etwas völlig Rad und Einzigartiges zu schaffen“, anstatt eine Agentur zu wählen, die verspricht, etwas zu bauen, das so funktioniert, wie Ihre Kunden / Kunden es brauchen und erwarten.“ – Jen Salamandick, Kick-Punkt

Der schnellste und einfachste Weg ist das Hinzufügen von Testimonials. Hier sind andere Arten von sozialen Beweisen.

• Vermerke von relevanten Influencern
• Produktbewertungen von Kunden
• „Wie gesehen in…“ Logos von Medien, in denen Ihr Unternehmen erwähnt wurde
• Social Media Widgets, die die Größe Ihrer Follower anzeigen
• Vertrauenssiegel, einschließlich Verbandsmitgliedschaften, Sicherheitszertifikaten und Auszeichnungen

Wie viele Beweise sind ausreichend? Wie viele Testimonials sollten Sie hinzufügen?

Viel. Es ist möglich, dass es nicht zu viele Beweise gibt. Wir haben eine schnelle Analyse einer der Produktdetailseiten von Amazon durchgeführt und festgestellt, dass 43% der Seite aus Beweisen und Bewertungen besteht.

Profi-Tipp! Erstellen Sie keine Testimonials-Seite. Sie neigen dazu, Seiten mit geringem Datenverkehr zu sein. Fügen Sie stattdessen auf jeder Serviceseite Testimonials hinzu.

Knappheit erwähnen, „Verlustaversion“ auslösen

Menschen sind keine effizienten Kosten-Nutzen-Rechner. Wir neigen dazu, Verluste zu überbewerten und Gewinne zu unterbewerten. Mit anderen Worten, Verluste sind schmerzhafter als Gewinne angenehm sind.

Dies gilt online und offline und erklärt viel menschliches Verhalten. Dieser Artikel erklärt es gut: Anwendung von Verhaltensökonomie und kognitiver Psychologie auf den Designprozess.

Diese Abneigung gegen Verluste kann für Webdesigner und Texter nützlich sein. Hier sind einige Tipps zum Schreiben von Kopien mit Verlustaversion.

• Betonen Sie die Kosten für die Nichtbenutzung Ihres Produkts oder Ihrer Dienstleistung.
• Kosten zusammenfassen, Leistungen getrennt auflisten.
• Betonen Sie sofortige Gewinne.
• Erstellen Sie Dringlichkeit mit zeitlich begrenzten Angeboten. Wenn das Produkt knapp ist, sagen Sie es.

Erinnern Sie Ihre Besucher sanft daran, was sie verpassen, riskieren oder verlieren werden, indem Sie jetzt keine Maßnahmen ergreifen.

Optimieren Sie E-Mail-Anmeldeformulare für Abonnenten

Es gibt eine am Ende dieses Beitrags. Es ist ein Aufruf zum Handeln zu abonnieren. Wenn Sie genau hinschauen, werden Sie sehen, dass es drei separate Elemente enthält. Dies sind die 3 Ps für E-Mail-Anmeldeformulare.

• Prominenz Es sticht in der visuellen Hierarchie hervor
• Versprechen Es sagt dem Leser, was er bekommt und wie oft
• Beweis Es verwendet soziale Beweise: Die Anzahl der Abonnenten oder ein winziges Testimonial

Als wir zum ersten Mal mit diesen Änderungen experimentierten, war die Conversion-Rate auf dem älteren Formular sehr niedrig, so dass die Verbesserung dramatisch war. Wir verzeichneten einen Anstieg der E-Mail-Anmeldungen um 4,863%.

Wenn Sie Ihr E-Mail-Anmeldeformular entwerfen, machen Sie es sichtbar, verwenden Sie soziale Beweise und sagen Sie den Lesern, was sie bekommen werden.

Mehr als nur eine hübsche Seite

Jeder liebt Schönheit. Jeder liebt coole neue Design-Features. Jeder ist ein Kritiker. Aber als Besucher brauchen wir mehr als Schönheit. Wir brauchen Informationen. Als Websitebesitzer brauchen wir Ergebnisse.

Hier sind zwei Studien mit dem gleichen Befund. Die erste ist eine Umfrage von Hubspot, die zeigt, dass Besucher leicht zu findende Informationen mehr schätzen als schönes Design oder ausgefallene UX.

Diese zweite Studie ist das Ergebnis einer Reihe von Anwendertests der NN Group. Es zeigt, dass Besucher scheitern, weil sie keine Informationen finden können, nicht weil die Website nicht schön genug ist.

Ich liebe schönes Design so viel wie jeder andere. Deshalb habe ich in diesem Geschäft angefangen! Und ich denke oft an dieses Zitat:

“ Das Leben eines Designers ist ein Leben des Kampfes. Kampf gegen die Hässlichkeit.“ – Massimo Vignelli, Designlegende

Aber im Webdesign erstellen wir Container für Inhalte. Und die Besucher kamen wegen des Inhalts, nicht wegen des Containers.

Websites sollten schön sein. Sie sollten eine visuelle oder emotionale Wirkung auf die Besucher haben. Aber der Erfolg Ihrer Website geht weit über Schönheit. Es geht darum, den Besuchern zu helfen, das zu finden, was sie brauchen. Das ist das Herzstück jedes Tips in diesem Artikel. Und es ist der wahre Zweck des Webdesigns.

Helfen Sie Ihrem Besucher, das zu finden, wofür er gekommen ist, und geben Sie ihm dann das, was er haben soll.