Als Webdesigner kann man sich eher als bildenden Künstler denn als Geschäftsstrategen betrachten. Es stimmt zwar, dass Webdesign Kreativität und Kunstfertigkeit erfordert – und das ist ein integraler und wertvoller Teil des Webdesigns – aber wirklich effektives Webdesign besteht nicht nur aus hübschen Websites. Es sind effektive Websites. Und effektiv kann verschiedene Bedeutungsschattierungen annehmen.

Einige betrachten effektives Webdesign als Websites, die optisch ansprechend und einfach zu navigieren sind. Jeden Tag werden Webdesigner eingestellt, um Websites zu erstellen, die gut aussehen und einfach zu bedienen sind, mit ansprechenden Farbschemata, sinnvoller Navigation und konsistentem Branding. Präsentation und Navigation sind sicherlich zwei wichtige Aspekte der Benutzererfahrung, der Metrik, nach der jede Website bewertet wird. Je besser die User Experience, desto erfolgreicher ist das Design.

Gutes Webdesign ist mehr als nur UX

Die Gestaltung der Benutzererfahrung mit einer Website geht über Optik und Mechanik hinaus. Es gibt oft etwas, das ein Website-Eigentümer möchte, dass die Website-Benutzer es tun, und den Benutzer davon zu überzeugen, diese Sache (was auch immer es sein mag) zu tun, ist der Konvertierungsprozess.

Bei der Conversion geht es um den Benutzer, aber letztendlich geht es um die Ziele des Websitebesitzers für die Interaktion mit dem Benutzer. Ein großer Teil, wenn nicht die überwiegende Mehrheit der Websites, die heutzutage entworfen werden, haben den Zweck, Besucher und Benutzer von passiven Zuschauern zu aktiven Teilnehmern am Ziel der Website zu machen, unabhängig davon, ob dieses Ziel der Verkauf eines Produkts, die Generierung von Leads oder das Sammeln von Registrierungen ist. Einen Besucher von einem passiven Betrachter zu einem aktiven Spieler zu machen, ist der Umwandlungsprozess und ein kritischer, aber oft missverstandener Teil des Erfolgs einer Website.

Eine gute Konversionsrate läuft auf effektiven Inhalt hinaus, der effektiv in einem Website-Design präsentiert wird. Es erfordert ein exzellentes Design, das auf Inhalten basiert, die konvertieren. Die beiden – Design und Inhalt – sind untrennbar miteinander verbunden, und damit das eine effektiv sein kann, muss das andere es auch sein. Obwohl Designer keine Texter oder Fotografen sein müssen, müssen sie ein gutes Verständnis dafür haben, wie man den Inhalt einer Website auf eine Weise präsentiert, die sowohl attraktiv als auch effektiv für Conversions ist.

Um Ihnen den Einstieg zu erleichtern, sind hier fünf „Geheimnisse“ für die Gestaltung von Inhalten, die konvertieren.

1. Verwerfen Sie den Dummy-Text

Viele Designer entwickeln oft ein Webdesign und verwenden Lorem Ipsum-Dummy-Text, um es zu konkretisieren. So funktioniert es absolut nicht, wenn Ihr Ziel die Konversion ist – es ist wichtig, dass Sie Ihre Inhalte zur Hand haben, bevor Sie das Design festlegen. Andernfalls ist Ihr Design einfach ein hypothetisches „Das wäre eine schöne Website“-Projekt und nicht die hochgradig nuancierte Form der Kunst, für deren Erstellung Sie beauftragt wurden. Der Inhalt muss das Design bestimmen. Andernfalls laufen Sie das sehr reale (und oft erkannte) Risiko überflüssiger Elemente im Design, der Notwendigkeit, Inhalte in ein Design zu schieben, das nicht ganz passt, und einer Gesamtpräsentation, die vollständig daran scheitert, die richtigen Inhalte hervorzuheben die richtige Zeit.

Eine einfache Website, die ihren Inhalt gut präsentiert, wird besser konvertieren als eine schön gestaltete Website, die wichtige Informationen nicht hervorhebt und andere verdeckt. Das Entwerfen mit hypothetischem Text und Bildern bedeutet lediglich, sich auf ein Design vorzubereiten, in das sich der Kunde verlieben könnte, das aber letztendlich scheitern wird, wenn der echte Inhalt eingefügt wird. Skizzieren Sie Ihre Ideen, wenn Sie müssen, aber bevor Sie ernsthaft Brainstorming betreiben oder Wireframes zusammenstellen, genau wissen, womit Sie arbeiten und welche Elemente enthalten sein müssen. Der Designer Jeffrey Zeldman hat es 2008 am besten ausgedrückt: „Design ohne Inhalt ist kein Design, es ist Dekoration.“

Wenn Sie Texterdienste zusammen mit Designdiensten anbieten, können Sie Ihren Text möglicherweise um Ihre Designideen herum gestalten (oder umgekehrt), aber Sie müssen immer noch ein gutes Gespür dafür haben, was Sie präsentieren, bevor Sie herausfinden können, wie es geht Präsentiere es. In diesem Spiel sind keine Schuhanzieher erlaubt.

2. Machen Sie die Sitemap vor der Website

Eine wirklich gute Sitemap ist ein fantastisches Geschenk, das Sie den Benutzern jeder Website machen können, besonders wenn es auf der Website viele Dinge zu navigieren gibt. Was Sie vielleicht nicht wissen, ist, dass eine großartige Sitemap auch ein Geschenk für Sie selbst und für Ihren Kunden sein kann. Wenn Sie eine Sitemap zur Hand haben, bevor Sie mit einem Design beginnen, haben Sie im Wesentlichen eine Gliederung, um die gesamte Struktur des Designs aufzubauen. Wie Cameron Chapman für KISSmetrics schrieb, ist eine gute Sitemap „ein zentralisiertes Planungstool, das helfen kann, die Inhalte zu organisieren und zu klären, die auf Ihrer Website vorhanden sein müssen, und Ihnen dabei hilft, unnötige Seiten zu eliminieren.“

Mit anderen Worten, die Sitemap ist so etwas wie die Roadmap für Ihre Website. Das Erstellen eines solchen erfordert überhaupt keine Designfähigkeiten, sondern nur organisatorische. Das bedeutet, dass das Layout der Sitemap eine Verantwortung ist, die Sie Ihrem Kunden überlassen, an der Entwicklung mitarbeiten oder selbst übernehmen können. Wenn Sie für die Sitemap verantwortlich sind, stellen Sie sicher, dass der Kunde eine gründliche Bewertung durchführt, bevor Sie fortfahren. Sitemaps entwickeln sich oft im Laufe der Zeit weiter, aber je weniger sie sich dabei ändern, desto besser für Sie.

Eine Sitemap verdeutlicht, welche Inhalte wo sein müssen, ohne umständlich oder schwierig zusammenzustellen oder anzupassen. Es eliminiert die Möglichkeit eines ineffizienten Designs oder einer ineffizienten Navigation, da Sie sehen können, wohin jeder Inhalt gehört, und hilfreiche interne Links erstellen können, anstatt Informationen zu duplizieren. Keine duplizierten Inhalte mehr bedeutet keine Zeitverschwendung mehr für Sie oder die Benutzer der Website.

Ein weiterer Vorteil der Sitemap ist, dass sie dabei hilft, den Umfang des Projekts von Anfang an zu kristallisieren, was Sie und der Kunde wahrscheinlich beide schätzen würden. Der eigentliche logistische Vorteil der Sitemap besteht darin, dass sie als Tracker für die Teile des Projekts dienen kann, die Sie abgeschlossen haben, und für die Teile, die noch in Bearbeitung sind. Halten Sie es digital und stellen Sie sicher, dass jeder mit Eingaben in die Sitemap und den Fortschritt des Website-Designs darauf zugreifen kann. Verwenden Sie es als schnelles Tool, um Ihren Client auf dem Laufenden zu halten, und verweisen Sie immer wieder darauf, wenn Änderungen am Inhalt vorgeschlagen werden, um Zeit und Kopfschmerzen zu sparen.

3. Haben Sie einen klaren Aufruf zum Handeln

Wenn das Ziel einer Website die Conversion ist (und dies ist meistens der Fall), ist eines der wichtigsten Elemente der Call-to-Action. Ehrlich gesagt sollten die meisten Websites eine Art Handlungsaufforderung haben, sei es „Anmelden“, „In den Warenkorb legen“ oder „Galerie ansehen“. Benutzer sollten zu einer Aktion geführt werden, und diese Aktion muss klar und deutlich dargelegt werden. Es kann eine Schaltfläche, ein Link oder etwas anderes sein. Was auch immer es ist, das meinen wir, wenn wir „Aufruf zum Handeln“ sagen.

Ob Ihr Aufruf zum Handeln einen humorvollen Ton anschlägt (melden Sie sich noch heute an oder der Hase versteht es!), Kameradschaft beschwört (machen Sie mit bei der Sache) oder voller Dringlichkeit (nur heute erhältlich!), er muss auf eine bestimmte Weise gestaltet sein Das ist für die Zielgruppe überzeugend und stimmt mit der gesamten Botschaft der Website überein. Einige großartige Ideen und Beispiele finden Sie in Helga Morenos Artikel über den Aufruf zum Handeln für Just Creative.

Ein wichtiger Hinweis: Wenn Ihr Call-to-Action auf der Landingpage darin besteht, dass der Benutzer ein Opt-in-Formular ausfüllt, fügen Sie das Formular auf dieser Seite ein. Lassen Sie den Benutzer nicht auf einen Link klicken, der ihn zu einem Opt-in führt. Einstufige Opt-ins haben nachweislich viel höhere Konversionsraten als zweistufige. Arbeiten Sie einfach das Opt-in in die Zielseite ein. Und wenn Sie schon dabei sind, stellen Sie sicher, dass das Formular nur die Informationen abfragt, die Sie wirklich benötigen – je weniger es abfragt, desto höher werden die Conversions.

4. Stellen Sie sicher, dass die Schlagzeilen gut sind

Jeder Webautor, der sein Geld wert ist, wird Ihnen sagen, dass Schlagzeilen entscheidend sind – und das stimmt. Heutzutage scherzen wir alle über lästige Clickbait und kurze Aufmerksamkeitsspannen, aber Untersuchungen zeigen, dass jede Website alle acht Sekunden hat, um die Aufmerksamkeit eines Besuchers zu gewinnen, bevor dieser Besucher abprallt. Acht Sekunden sind nicht viel Zeit, und man kann davon ausgehen, dass der Großteil dieser Sekunden damit verbracht wird, die Überschrift zu scannen. Aus diesem Grund ist es absolut entscheidend, dass alles, was auch nur im Entferntesten Schlagzeilen in Ihrem Website-Design enthält, stark ist: Nur eine überzeugende Überschrift hält einen Benutzer lange genug auf Ihrer Website, um die Möglichkeit zu haben, zu konvertieren.

Wenn die Verantwortung für die Erstellung der Überschriften und anderer H1-Texte in einem Design jemals auf Ihre Schultern fällt, müssen Sie Ihre Fähigkeiten zum Schreiben von Überschriften verbessern. Meine beiden Lieblingsressourcen sind dieser Quick-Tipp-Beitrag von Copyblogger und das kostenlose Headline Hacks PDF von Jon Morrow. Beide Ressourcen wurden für Autoren entwickelt, aber sie präsentieren die Grundlagen des Schreibens guter Überschriften auf eine Weise, die jeder mit fließenden Englischkenntnissen sofort aufnehmen und anwenden kann.

5. Verwenden Sie vielseitige Bilder, um das Interesse zu wecken und aufrechtzuerhalten

Die Kunst der Bilder (und anderer visueller Elemente, wie Logos und herausragende Schriftarten) im Webdesign ist eine Wissenschaft, und Sie sollten genau wissen, was genau eine gute Bildauswahl ausmacht – insbesondere, wenn Sie Inhalte überlagern über dem Bild oder binden Sie eine kritische Überschrift oder einen Aufruf zum Handeln ein. Das meiste eigentliche Webdesign findet auf einem Desktop- oder Laptop-Computer statt. Im Vergleich zu allen Bildschirmen in unserem Leben sind diese Computermonitore geräumig, relativ schwach beleuchtet und meistens in Innenräumen oder zumindest vor direkter Sonneneinstrahlung oder anderem Blendlicht geschützt. Aber das ist nicht die einzige Umgebung, in der Bilder heutzutage im Internet betrachtet werden.

Bilder, die auf dem riesigen iMac in Ihrem Büro großartig aussehen, werden auf dem Bildschirm eines Smartphones der ersten Generation, das durch eine hell erleuchtete Straße getragen wird, nicht unbedingt so gut aussehen – oder gar auftauchen. Und keines davon ist vergleichbar damit, wie ein horizontales Mini-Tablet das Bild anzeigt. Die Natur der heutigen Konnektivität und Technologie erfordert, dass Sie beim Erstellen Ihrer Website alle Arten von Monitoren und Anzeigeszenarien berücksichtigen.

Ihre Bilder müssen auffallend und skalierbar sein, um verschiedene Monitorgrößen in verschiedenen Umgebungen zu ermöglichen: Denken Sie an 4 Zoll bei hellem Licht über Kopf bis zu 40 Zoll in Innenräumen mit eingefiltertem indirektem Sonnenlicht. Wenn das Bild aufgrund seiner Nuancen oder komplizierten Details überzeugend ist, ist es dies wahrscheinlich nicht das richtige Bild zu verwenden. Optimieren Sie alle Bilder nach Bedarf, wenn die Optimierungen sie durchführbar machen (oder wenn der Kunde ihre Verwendung erfordert), und konzentrieren Sie sich auf den Kontrast, um eine hohe Klarheit zu erzielen.

Die Schlüssel zum Kopieren, das konvertiert

Obwohl diese fünf „Geheimnisse“ eigentlich gar keine Geheimnisse sind, kann es leicht sein, diese Schlüsselelemente für die Erstellung von Inhalten, die konvertieren, zu übersehen oder komplett zu übersehen. Websites sind die Vehikel für die Präsentation von Inhalten und die Nutzer müssen bei jedem Webdesign berücksichtigt werden. Aber wie diese Tipps gezeigt haben, geht es bei effektivem Webdesign nicht nur darum, eine Website schön anzusehen und benutzerfreundlich zu gestalten. Oft gibt es noch einen anderen Zweck: die Konversion voranzutreiben. Die Beherrschung und Nutzung aller fünf dieser Bereiche des Webdesign-Workflows trägt wesentlich dazu bei, Websites zu erstellen, die im wahrsten Sinne des Wortes wirklich effektiv sind.