Besseres Design mit dem Content-First-Ansatz erstellen

Es spielt keine Rolle, ob Sie eine neue App von Grund auf neu entwerfen, an einer neuen Funktion arbeiten oder eine Zielseite erstellen. Designs sollten mit dem Content-First-Ansatz beginnen. Dies hat mehrere Vorteile. Wenn Sie diesen Ansatz übernehmen, werden Sie am Ende automatisch brillante Websites oder Produkte erstellen.

Wenn Sie schon eine Weile in der Welt des Webdesigns sind, haben Sie sicher schon einmal von dem Konzept „Content first“ gehört. In diesem Beitrag werden wir herausfinden, worum es bei diesem Ansatz geht, und ein Beispiel für Content-First-Design in Aktion geben.

Das Grundverständnis des Content-First-Ansatzes – So funktioniert der Prozess

Idealerweise stimmen sich alle an der Entwicklung eines Produkts oder einer Website beteiligten Abteilungen bis zum Abschluss des Projekts ab. Und das ist nicht nur für Entwickler und Designer gedacht, sondern auch für diejenigen, die Verbraucherforschung betreiben, und diejenigen, die Inhalte erstellen.

Um eine solche Zusammenarbeit zu beginnen, müssen alle beteiligten Abteilungen ein solides Verständnis dafür haben, wer ihre Zielkunden sind, welche Bedürfnisse und Ziele sie für die Nutzung der Websites oder Produkte haben. Dies ist ein wichtiger Aspekt, um zu verstehen, wie Sie mit Ihren Benutzern kommunizieren können, indem Sie ihre Sprache und ihren Ton emulieren.

Unter Verwendung eines inhaltsorientierten Ansatzes beginnen sie damit, Gespräche zu präsentieren, die sie mit ihren Verbrauchern über die Website oder das Produkt führen möchten. Sie können Fragen ansprechen wie „Warum bist du hierher gekommen?“, „Wohin möchtest du als nächstes gehen?“ oder "Was suchen Sie?"

Die Ersteller von Inhalten wirken mit Worten, während sie sich auf die Absicht und Denkweise des Benutzers konzentrieren. Der Inhalt kann mit Hilfe der echten Verbraucher überprüft und perfektioniert werden. Dann werden die Auswirkungen und Einschränkungen, die der Inhalt den Designs auferlegt, deutlich gemacht, bevor vollständige Mockups erstellt und Prototypen entwickelt werden. Der Content-First-Ansatz verringert die Frustration eines Designers, indem Teile der Redesign-Phasen entfernt werden.

Gemeinsam entscheiden die an einem Projekt beteiligten Fachleute über wesentliche Gestaltungselemente, die die Lesbarkeit und Lesbarkeit von Inhalten beeinflussen, wie Farben, Zeilenabstand, Schriftart, Linkformatierung und so weiter. Dies sind Faktoren, die eine Website oder ein Produkt zum Erfolg oder Misserfolg führen können. Die Verbraucher neigen dazu, über den Inhalt mit Ihrem Produkt zu interagieren. Wenn Sie zuerst den Inhalt betonen, wird es unvermeidlich, dass Sie die Verbraucher in den Mittelpunkt stellen.

Die Verschiebung von „Lorem Ipsum“

Die meisten Leute aus der Webentwicklungsbranche sind mit Lorem Ipsum vertraut. Aber sein Ziel als Platzhaltertext, den Fokus auf die grafischen Elemente einer Oberfläche zu halten, scheint bereits überholt.

Schließlich lädt niemand eine App herunter oder landet auf einer Website, nur um zu prüfen, wie schön oder gut gemacht sie ist. Der Inhalt Ihrer Website ist von entscheidender Bedeutung, und Ihr Design muss dies widerspiegeln. Nicht nur in Bezug auf die Auswahl von Schriften mit den passenden Persönlichkeiten, die ein perfekter Sprecher für die Marke sind, sondern auch darin, Inhalte als Teil eines ernsthaften Designproblems zu haben. Die Annahme eines inhaltsorientierten Ansatzes erfordert eine Abkehr von den guten alten Lorem Ipsums.

Inhalt bietet das vollständige Bild

Webdesigner ziehen es oft vor, das Gesamtbild zu betrachten, wie alle Inhalte letztendlich auf ein gemeinsames Ziel ausgerichtet sind. Inhalte sollten mit einer richtigen Content-Strategie einhergehen, die wiederum den definierten Marketing- und Geschäftszielen zugute kommen sollte, wie z. B. 10 % mehr Leads in den nächsten Monaten zu generieren.

Jetzt können Designer mit einigen Teilen des größeren Puzzles herumspielen. Zum Beispiel das Ziel, 10 % mehr Leads zu generieren und spezifische Designideen oder Layouts zu entwickeln, die die Menschen zu einem bestimmten Aktionspunkt bewegen. Aber das ist nur ein winziger Aspekt eines viel komplizierteren Systems.

Design und Inhalt sind nicht linear

Wenn wir darüber diskutieren, ob wir uns auf den Inhalt oder den Design-First-Ansatz konzentrieren sollen, meinen wir eigentlich, dass das eine vor dem anderen stattfindet. Aber dies sollte nicht der Fall sein. Genau wie die Phase der Content-Strategie funktioniert der Ideenfindungsprozess für beide Seiten gleichzeitig gut. Inhaltsschreiber und -designer blättern durch Ideen, wie die Probleme der Verbraucher gelöst und Geschäftsziele auf geeignete Weise erreicht werden können.

Wenn Content-Autoren und -Designer auf fließende, nicht-lineare Weise arbeiten, hilft dies nicht nur dabei, die richtigen Erwartungen für alle Abteilungen aufrechtzuerhalten, die mit der Produkt- oder Website-Entwicklung verbunden sind, sondern beseitigt auch mögliche Streitpunkte auf der ganzen Linie .

Stellen Sie sicher, dass Sie die Inhaltstypen frühzeitig planen

Inhalte können nicht nur mit Textblöcken verknüpft werden, da sie die Form von Diagrammen, Listen, Infografiken, E-Books, Videos, Whitepapers, Streaming-Audio usw. annehmen können.

„Eine Sache, die die Design- und Inhaltsteams gemeinsam tun sollten, ist die Entscheidung über die bestimmte Art von Inhalten, die mit den Designs von Anfang an verbunden werden“, schlägt Peter Whitaker vor, ein akademischer Experte für Aufgabenhilfe. Dies ermöglicht es den Designern, früher im Prozess der Gestaltung der Website mit der Arbeit an Inhaltsideen zu beginnen. Und es hilft ihnen, sich vorzustellen, wie sie sich gegenseitig ausspielen, um das Publikum zu begeistern, unabhängig vom Inhaltsformat.

Die Kraft des Geschichtenerzählens durch einen inhaltsorientierten Designansatz

Wenn Sie den passenden Inhalt für die Designs vorbereiten, können Sie einige Dinge herausfinden. Erstens, was ist das Minimum, das erforderlich ist, damit die Seite erfolgreich ist? Die Festlegung des Inhalts vor dem Erstellen von Pixeln oder Wireframes wird Ihr Leben als Designer erleichtern, da alle gezwungen sind, sich auf den Inhalt und die Kopie zu einigen.

Es ist ein völlig neuer Bereich, wenn Sie endlich entwerfen, nachdem Sie die Art von Inhalt gelernt haben, um die es geht. Zweitens können Sie so herausfinden, ob die Elemente innerhalb des spezifischen Inhalts für das vorliegende Projekt geeignet sind.

Betrachten Sie Ihre Website wie einen Film. Der Inhalt wären die von den Schauspielern gesprochenen Zeilen. Stellen Sie sich nun die Szene vor, in der Ryan Gosling Worte der Liebe und Bewunderung flüstert und sich gleichzeitig vor einem Psychokiller auf dem Dachboden seines Großvaters versteckt. Die Handlung scheint verwirrend, oder? Diskrepanzen zwischen Ihren Inhalten und Ihrem Design können zu ähnlichen Arten von Verwirrung bei den Besuchern führen.

Jetzt beginnen großartige Inhalte mit einer großartigen Geschichte. Bei diesem Ansatz können sich die Designer auf das allgemeine Benutzererlebnis und die Geschichte konzentrieren, die sie den Besuchern oder Kunden vermitteln möchten. Gleiches gilt für den Inhalt, da er sich als Teil des Designs herausstellt.

In diesem Fall müssen Sie sich zunächst fragen: Was ist die Geschichte dieses Kunden oder Projekts? Welche Probleme haben die Besucher oder Verbraucher? Was ist ihr ideales Ergebnis?

Sobald Sie eine gute Vorstellung davon haben, was Sie durch Ihre Geschichte vermitteln wollen, beginnen Sie mit dem Schreiben. Beginnen Sie mit der Entwicklung des Inhalts so, wie Sie ihn sich auf der Website vorstellen, und achten Sie darauf, ihn richtig zu strukturieren. Jede Webseite oder jeder Bildschirm hat seinen eigenen Zweck, und auch daran müssen Sie arbeiten.

Dann kann jede dieser Seiten in verschiedene Abschnitte unterteilt werden. Auch diese Abschnitte sollten mit konkreten Zielen versehen sein.

Schreiben Sie als Nächstes auf, was in diesen Abschnitten enthalten sein wird, von den Überschriften bis zum letzten Link. Wenn Ihnen Inhalte von einem Kunden oder einem anderen Teammitglied angeboten wurden, verwenden Sie diese Details, wenn Sie sie für angemessen halten und zur Gesamterzählung passen.

Konzentrieren Sie sich bei der Vorbereitung des Inhalts nur auf Ihre eigenen Worte. Holen Sie sich in jedem Fall Feedback zu Ihrer Arbeit und bearbeiten Sie sie, bis Sie mit dem Ergebnis zufrieden sind.

Während Sie den Inhalt für jede Seite der Website vorbereiten, können Sie feststellen, wie die Website aussieht. Der Benutzerfluss wird für alle Beteiligten nur allzu offensichtlich. Je klarer die Inhaltsstruktur ist, desto eher können Sie beurteilen, ob dies die richtige Geschichte ist, die Sie erzählen werden.

Warum müssen Sie den Content-First-Ansatz verfolgen?

Der Content-First-Ansatz ist eine hervorragende Möglichkeit für Webentwickler und -designer, wenn es darum geht, eine glaubwürdige Website zusammenzustellen, die mit all den Vorteilen ausgestattet ist, die die Verbraucher erwarten. Nachfolgend sind einige der Gründe aufgeführt, warum ein inhaltsorientierter Ansatz verfolgt werden muss.

• Zusammenarbeit und Konsistenz : Sie kennen vielleicht das Sprichwort „Viele Hände machen leichte Arbeit“, und das gilt insbesondere für die Planung und Erstellung von Inhalten. Es mag Dinge geben, die Designer verstehen, aber Texter nicht, oder Strategen, aber Front-End-Entwickler nicht und so weiter. Um die Probleme schnell zu erkennen und Möglichkeiten zu finden, fördert eine ordnungsgemäße Zusammenarbeit zwischen verschiedenen Abteilungen die Konsistenz. Auf diese Weise, wenn alle auf derselben Seite sind, wird unnötige Verwirrung verringert oder beseitigt.
• Wirksamkeit : Durch die Anwendung von Real- oder Proto-Content in Designs und Prototypen werden Sie schneller mit den potenziellen Herausforderungen vertraut. Und Sie können sie auch sofort ansprechen, anstatt Wochen oder Monate (oder Jahre) später zu warten. Es wird also viel weniger Zeit für die Iteration von Design und Inhalt aufgewendet, da das Team die Probleme bereits während der Arbeit an der Inhaltserstellung gemeinsam besprochen hat.
• Wiederverwendbarkeit und Flexibilität : Betrachten Sie digitale Erlebnisse nicht als Formen von Seiten und einzelnen Elementen, sondern betrachten Sie sie als facettenreiche Frameworks oder als Cluster von Lösungen, die nach Bedarf kombiniert und neu gemischt werden können. Auf diese Weise können mehr Produkte geschaffen werden, die flexibel sind und eine lange Haltbarkeit haben.
• Mehr Vernetzung innerhalb der Abteilungen : Content-First bedeutet, Erkenntnisse von Anfang an abteilungsübergreifend zu teilen. Jetzt wird jede Abteilung wichtige Erkenntnisse in unterschiedlichen Phasen und mit unterschiedlicher Intensität anbieten. Das bedeutet, dass wir alle an mehr Meetings teilnehmen und dass die richtigen Gespräche mit den richtigen Leuten geführt werden.
• Einfache und klarere Richtlinien : Sie fühlen sich möglicherweise zurückhaltender, wenn es darum geht, wie kreativ Sie beim Design sein können. Aber Sie brauchen eine feste Struktur und eine Geschichte, auf der Sie aufbauen können, wenn Sie eine Website entwerfen und entwickeln. Indem Sie das Design um bestimmte Inhalte herum vorbereiten, müssen Sie ein Design nicht mehr ändern, um es an den Inhalt anzupassen, der ihm eklatant widerspricht.
• Bessere Qualität des Inhalts : Mit dem Content-First-Design müssen Sie Ihren Autor nicht bitten, den Inhalt zu optimieren oder aufzupeppen, da das Geschriebene nicht zum vorab genehmigten Design passt. Die Botschaft Ihrer Website kann in ihrem beabsichtigten und ursprünglichen Zustand gespeichert werden, während Sie das Design kreativ um sie herum gestalten.
• Erhöhte Konsistenz : Wenn jedes Element einzeln aus einem anderen entwickelt wird, fehlt in der Vereinigung tendenziell etwas. Der Inhalt kann herausgeschnitten werden, Designs können in letzter Minute umstrukturiert werden oder die Geschichte kann inkonsistent werden. Inhalt und Design sollten als Ganzes perfekt aufeinander abgestimmt eingesetzt werden, und das geht nur, wenn der Inhalt an erster Stelle steht.
• Steigert die Produktivität : Der Design-First-Ansatz bei der Webentwicklung führt nicht nur zu Konflikten zwischen den Geschichten, die vor Ort dargestellt werden. Es führt auch zu Konflikten zwischen Teammitgliedern, da die Ersteller von Inhalten die Geschichte aus einem Blickwinkel betrachten und die Designer einem anderen folgen. Anstatt Zeit damit zu verschwenden herauszufinden, welcher Blickwinkel sinnvoller ist, bewahren Sie Ihre Produktivität, indem Sie logisch an der Geschichte Ihrer Website mitarbeiten.
• Ermöglicht einen optimierten Prozess : Der Prozess, den Sie jetzt durchführen, mag praktisch und effizient erscheinen, aber wenn Sie Ihre Websites nicht um solide Inhalte herum entwickeln, müssen Sie sich wahrscheinlich mit unvorhersehbaren Projektzeitplänen und -umfängen auseinandersetzen. Sie werden erstaunt sein, wie bequem es ist, Ihren Prozess mit diesem Content-First-Ansatz zu rationalisieren.
• Eine höhere Gewinnspanne : Wenn Sie vorhersagen müssten, wo Ihr Unternehmen die meisten finanziellen Ressourcen und Dynamik verliert, wäre es dann richtig zu sagen, dass dies vom Kunden kommt? Sie mögen vielleicht nicht, wie etwas geschrieben ist. Sie finden möglicherweise nicht, dass das Design mit der Botschaft funktioniert, die Sie überarbeitet haben. Oder sie sind vielleicht unglücklich darüber, wie lange das alles gedauert hat, obwohl sie um weitere Überarbeitungen gebeten haben. Wenn Sie häufig Beschwerden oder Änderungsanfragen von Ihren Kunden haben, wird ein inhaltsorientiertes Design die Zeitverschwendung verringern und es Ihnen ermöglichen, sich mehr auf die Erstellung gut geplanter Websites zu konzentrieren.

Endnote

Inhalt, Webdesign und Entwicklung sind eng miteinander verbunden. Mit ein wenig strategischem Ansatz können Entwickler und Inhaltsersteller diese Vereinigung zum Erfolg führen.