Drei Content-Strategien für Responsive Webdesign: Planen, Priorisieren, Destillieren

Für die meisten Vermarkter beschwört der Begriff „Responsive Webdesign“ höchstwahrscheinlich Bilder von Webentwicklern und Wireframes herauf. Aber es sollte an Aneinanderreihungen von Sätzen und Textblöcke erinnern.

Content ist der Motor, der zunächst Leads anzieht und sie dann durch den Verkaufszyklus führt. Und die Hauptaufgabe des responsiven Webdesigns besteht darin, sicherzustellen, dass der Inhalt leicht verdaulich ist, unabhängig davon, ob der Webbesucher ein Telefon, Tablet oder einen Desktop verwendet.

Responsive Webdesign ist eine Gelegenheit, Inhalte neu zu gestalten, sodass jeder Satz mehr Leser anzieht und mehr Leads sammelt.

Was ist responsives Design?

Zunächst ein wenig Hintergrundwissen zum responsiven Webdesign. Das Konzept ist einfach: Erstellen Sie eine einzelne Website, die ihr Design automatisch für Mobilgeräte oder Desktops optimiert, je nachdem, welches Gerät vom Webbesucher verwendet wird. Eine einfache Methode, um herauszufinden, ob eine Website responsive ist, ist: Greifen Sie in der Desktop-Ansicht (und in der Fensteransicht, nicht in der Vollbildansicht) in die untere rechte Ecke der Website und verkleinern Sie sie langsam auf die Größe eines Smartphones. Wenn sich die Website beim Schrumpfen in eine für Mobilgeräte optimierte Ansicht verwandelt, ist sie responsiv. Wenn es einfach zu einer schwer lesbaren Scroll-and-Pinch-Website schrumpft, reagiert es nicht.

Responsive Design beginnt mit dem Verständnis, dass Mobilgeräte nicht nur eine weitere Plattform für dieselben Inhalte sind. Der rasante Aufstieg von Mobilgeräten hat die Form, Organisation und Größe von Inhalten verändert. Und die Leute erwarten grundlegend andere Dinge von mobilen Inhalten.

Diese Erwartungen ziehen sich durch alle Komponenten der Content-Kampagne eines Unternehmens – ob E-Mail-Marketing, Social Media oder Web-Content. Der Inhalt Ihrer Website muss reaktionsschnell und für Mobilgeräte optimiert sein, aber das sollten auch Ihre E-Mail-Marketing-Vorlagen und sozialen Kampagnen tun.

Warum Sie responsives Design brauchen

Wenn Sie kein responsives Design haben, brauchen Sie es. Google bestraft Suchrankings von Unternehmen ohne Responsive Design. Und mobiler Web-Traffic ist so allgegenwärtig, dass alle Websites mobile und Desktop-Benutzer von derselben Website aus intelligent bedienen müssen.

Ein paar kurze Statistiken: Auf Mobilgeräten werden 41 Prozent aller Klicks für die bezahlte Suche und 31 Prozent aller Ausgaben für die bezahlte Suche (Merkle RKG) und 53 Prozent aller E-Mail-Öffnungen (Litmus) getätigt. Angesichts der mobilen Trends werden sich diese Zahlen nicht so schnell verlangsamen.

Die Ergebnisse der Erstellung von Inhalten, die wirklich für Mobilgeräte optimiert sind, können umwerfend sein. Act-On stellte eine 93,5-prozentige Steigerung der Leads durch responsives Design fest. Welche anderen einfachen Lösungen könnten Ihre Verkaufs-Leads sofort verdoppeln?

Drei Schritte zur Optimierung Ihrer Inhalte für responsives Design.

1. Abteilungsübergreifend planen

Beim Responsive Design geht es nicht nur darum, das digitale Team auf die Webentwicklung zu konzentrieren. Es ist eine Teamleistung von Textern, Designern und Strategen.

Eine effektive Planung stellt sicher, dass Inhalt, Codierung und Design aufeinander abgestimmt sind, um Ihre Website zu einer Lead-generierenden Maschine zu machen. Beginnen Sie von vorne, indem Sie die Grundlagen festnageln: Webbesucherprofile, Besuchermotive und gewünschte Ergebnisse. Wer besucht Ihre Website? Warum? Was sollen sie tun, wenn sie auf Ihre Website gelangen?

Die abteilungsübergreifende Zusammenarbeit von Anfang an stellt sicher, dass das Projekt ein Gleichgewicht zwischen Design-Schnickschnack und organisierten und effektiven Inhalten bietet.

2. Priorisieren Sie Inhalte in einer klaren Hierarchie

Die Priorisierung von Inhalten ist im responsiven Webdesign unerlässlich. Wenn die Fläche einer Desktop-Browser-Seite auf Handheld-Größe schrumpft, werden Inhalte durcheinander gebracht. Eine breite, mehrspaltige Webseite wird in eine einspaltige mobile Seite gequetscht. Wenn die Website nicht richtig gestaltet ist, können einige der wichtigsten Inhalte am Ende der Seite landen, sodass ein langes (zu langes) Scrollen erforderlich ist, um sie zu erreichen.

Durch die Zuweisung von Prioritätsstufen zu erstellten Inhalten wird eine Struktur geschaffen, die sicherstellt, dass Ihre wichtigsten Inhalte ganz oben stehen. Erstellen Sie eine Inhaltshierarchie, indem Sie Inhalte nach Ebenen identifizieren. Diese Identifizierung sollte idealerweise in den Marketing- oder Texterteams erfolgen und den Designern und Projektmanagern klar kommuniziert werden. Diese Zusammenarbeit wird zu einem Design führen, das die Inhaltshierarchie für mobile Betrachter beibehält.

Inhalte auf die mobile Größe herunterdestillieren

So wie Benutzer von Software oder Betriebssystemen ein funktionales und intuitives Design erwarten, erwarten die Leser von heute Inhalte, die fachmännisch in prägnante Stücke gefasst wurden.

Stellen Sie sich Ihre Inhaltsstrategie ähnlich wie UI oder UX für Leser vor. Genauso wie User Experience Design Zeit, Mühe und Iterationen braucht, sollten Inhalte mit Blick auf den Leser mehrmals überarbeitet werden. Die versteckte Struktur wird einen enormen Einfluss auf die Benutzerfreundlichkeit (oder Lesbarkeit, im Fall von Inhalten) haben.

Wenn Sie dem Leser nach dem endgültigen Entwurf immer noch große Stücke grauen Textes präsentieren, brauchen Sie noch eine weitere Runde der Inhaltsdestillation. Brechen Sie den Inhalt weiter auf, bis Sie nur noch Aufzählungszeichen, Klappentexte und prägnanten Text haben, der von Multimedia-Angeboten wie Fotos und Videos durchbrochen wird. Erwägen Sie, datenlastige Teile von komplexem Text in eine Infografik umzuwandeln, wo die Paarung von Text und Bildmaterial Daten in ein leicht verdauliches Bild verwandeln kann.

Vertikales Chunking – das Aufteilen von Text in vertikale Chunks, die nebeneinander platziert werden können, jedes mit einer eigenen Überschrift und einem eigenen Foto – ermöglicht es den Lesern, seitlich zu scannen und die vertikalen Chunks Stück für Stück zu konsumieren.

Dieses mundgerechte Content-Delivery-System ist visuell ansprechender als eine Wand aus grauem Text und signalisiert dem Leser, dass der Autor und der Designer bereits die Arbeit geleistet haben, einzelne Gedanken zu identifizieren, sie in knappen Text zu verfassen und sie prägnant zu präsentieren Benehmen.

Responsive Design ist nicht nur eine weitere Sache, die zu einer bereits zu langen To-Do-Liste hinzugefügt werden kann. Es ist kein Ärgernis oder eine niedrige Priorität. Es ist eine Chance, Inhalte zu schärfen, Ihr Webdesign zu verfeinern und Ihre mobilen Käufer in einem einzigen Projekt zufrieden zu stellen.

~ Möchten Sie alle Tricks des responsiven Webdesigns lernen, einschließlich der Verwaltung des Entwicklungsprozesses, der Kostenschätzung und der Ausrichtung auf Mobilgeräte? Sehen Sie sich das gesamte Webinar Responsive Design: 10 Do's and Dont's für Webseiten und E-Mail an.