Neue Webbestellung: Ein Überblick über Content-First-Design

Designer dekorieren nicht einfach, sie schaffen ein Erlebnis, sich durch Inhalte zu bewegen. Aber was passiert, wenn ein Kunde oder Teammitglieder nicht verstehen, wie Inhalte das Design vorantreiben sollen? Um einen auf den Kopf gestellten Prozess zu vermeiden, gibt es Strategien, die dabei helfen können, die Bedeutung von Inhalten zu erklären und ein Team zusammenzubringen, um sie im Voraus zu erstellen.

Benutzererfahrung und großartige Inhalte gelten als wesentlich für ein erfolgreiches Produktdesign. Trotzdem ist es leicht, sie als zweitrangig zur Ästhetik zu betrachten. Ein Produktteam kann den Fokus und die Aufmerksamkeit ganz einfach auf das Erscheinungsbild und nicht auf die Elemente hinter dem Stil richten. Wenn ein Projekt mit dem visuellen Designprozess als erster Aufforderung zum Handeln beginnt, sind Ineffizienzen vorprogrammiert.

Die Designästhetik sollte auf Geschäftszielen, Benutzerforschung und Inhalten basieren. Ein Kunde kann höchstwahrscheinlich Geschäftsziele vorgeben, und Benutzerforschung kann bereits vorhanden sein – oder mit dem richtigen Team leicht erreicht werden. Die Erstellung von Inhalten ist ein langer und mühsamer Teil des Projekts und wird oft übersehen, aber die Rolle, die sie im Designprozess und letztendlich für den Erfolg des Produkts spielt, wird weiterhin weitgehend missverstanden.

Hier legen wir die Bedeutung von Inhalten und die Strategien fest, die ein Team anwenden kann, um ein inhaltsorientiertes Design zu erstellen.

Die Bedeutung von inhaltsgesteuertem Design

Wenn Inhalte depriorisiert werden und das Erstellen und Zusammenstellen von Inhalten bis zur letzten Minute aufgegeben wird, treten unweigerlich erhebliche Probleme auf:

• Verzögerungen treten beim Entwerfen, Erstellen und Starten des Produkts auf.
• Vorlagen passen nicht richtig zum Inhalt.
• Es werden zu viele (oder zu wenige) Vorlagen erstellt.
• Der tatsächliche Inhalt stimmt nicht mit der Vision des Website-Designs überein.
• Bei der Verwendung von Dummy-Inhalten können Probleme auftreten.
• Designs werden beeinträchtigt, wenn schöne Platzhalterbilder durch minderwertige Bilder ersetzt werden, die verwendet werden können.

Richten Sie Kunden und Designer von Anfang an aus

Ein Problem, das häufig auftritt, wenn ein Kunde nach echten Inhalten gefragt wird, ist ein „Henne-und-Ei“-Szenario – der Kunde ist überzeugt, dass er das Design sehen muss, um zu wissen, welche Inhalte erstellt werden müssen.

Dies ist aus der Sicht von jemandem sinnvoll, der sich möglicherweise nicht mit dem Designprozess auskennt – etwas aus dem Nichts zu schaffen. Es ist Sache des Designers, den Entscheidungsprozess darüber zu erleichtern, was der Inhalt sein sollte (und kann). Die Innovationsagentur Smashing Ideas rät: Wenn Designer „Ihren Stakeholdern reichlich Gelegenheit geben, ihre Meinung zu äußern und Feedback zu geben, nehmen Sie sie mit auf die Reise und sowohl Ihr Produkt als auch Ihr Ansatz werden nur stärker.“

Durch diesen Content-First-Designprozess wird die Vision für das Endprodukt kollaborativ und unter realistischen Bedingungen beispielsweise in Bezug auf Machbarkeit und Budgetbeschränkungen erstellt. Der Kunde und die Stakeholder werden mehr daran interessiert sein zu sehen, wie ein großartiges Design auf Daten und Inhalten basiert. Durch die Ausrichtung des Kunden zu Beginn ist das Team besser informiert, wenn es an der Zeit ist, die endgültigen Entwürfe abzusegnen.

Basieren Sie Design und Inhalt der Benutzererfahrung auf Forschung

Das Entwerfen mit Daten ermöglicht es Designern, eine Lösung zu erstellen, die auf echten Benutzern und ihrem Verhalten basiert. Dies ist jedoch nur der Anfang. Sobald die Forschung vorgeschlagen hat, welche Inhalte erforderlich sind, um die Bedürfnisse der Benutzer zu erfüllen, müssen sie erstellt werden.

„Design ohne Inhalt ist kein Design, es ist Dekoration.“ - Jeffrey Zeldman

Wenn Design und Inhalt auf der Grundlage von Benutzerrecherchen erstellt werden, erstellt der Designer etwas, das den Benutzer effektiv anspricht. Zu Beginn des Projekts ist mehr Überlegung erforderlich, aber es muss die Einschränkungen des inhaltlichen Umfangs des Kunden nicht dramatisch ändern. Indem Inhaltsentscheidungen auf der Grundlage von Benutzerrecherchen und nicht auf mehrdeutigen Ideen getroffen werden, wird das Produkt folglich rationalisiert und auf den Endbenutzer ausgerichtet.

Sparen Sie Zeit und Geld mit Content-First-Design

Wenn Inhalte nicht priorisiert werden, häufen sich während des gesamten Projekts Ineffizienzen – ein Designer erstellt zu viele (oder zu wenige) Vorlagen, Layouts müssen angepasst werden, wenn echte Inhalte nicht passen, und Designs werden neu bewertet, wenn echte Bilder nicht wünschenswert sind. Die Zeit, die benötigt wird, um die Designs zu überarbeiten, wenn Inhalte spät im Prozess erstellt werden, ist unnötig und belastet das Team.

Nicht selten werden der Zeit- und Ressourcenaufwand für die Erstellung von Inhalten unterschätzt und Inhalte an das Ende des Projekts gedrängt. Dies wird durch Ressourcen erleichtert, die den Mangel an Inhalten während des Designprozesses unterstützen. Websites wie Lorem Ipsum und Placeholder generieren auf hilfreiche Weise Dummy-Kopien und Bilder für Designs ohne Inhalt. Während diese nützlich sein können, um ein gut aussehendes Design zu erstellen, können Dinge auseinanderfallen, wenn echte Inhalte an ihre Stelle gesetzt werden. Kyle Fiedler, Chief Design Officer der Agentur für digitales Design Thoughtbot, glaubt, dass „indem Sie Lorem Ipsum zum Design hinzufügen, kleiden Sie im Wesentlichen Ihren König, bevor Sie seine Größe kennen.“

Probleme werden verstärkt, wenn ein Produkt entwickelt und codiert wird, bevor Inhalte erstellt werden. Das obige Bild zeigt, wie Dummy-Inhalte nicht mit echten Inhalten übereinstimmen. Titel und Meta-Kopie sind viel länger und gehen über die Beschränkungen der schön angelegten Boxen hinaus. Fehlende Inhalte in einigen Bereichen schaffen Leerräume, und reale Bilder, die viel kleiner und mit niedrigerer Auflösung sind, verursachen große Probleme im Layout.

Dieses Team steht nun vor der Aufgabe, das Design anzupassen und möglicherweise den Code des Produkts anzupassen. Dies hätte vermieden werden können, indem man den Inhalt erstellt hätte, bevor man mit Design und Entwicklung zu weit gekommen wäre.

Taktiken für Content-First-Design

Inhaltsprüfung und Bestandsaufnahme

Der allererste Schritt zum Sammeln von Inhalten besteht darin, eine Inhaltsprüfung und Bestandsaufnahme durchzuführen. Dazu gehört die Analyse aller Inhalte, die auf einem aktuellen Produkt, beispielsweise einer Website, vorhanden sind. Dies kann ein aufschlussreicher und informativer Prozess sein, da er dem Team eine Vorstellung vom Umfang der erforderlichen Inhalte gibt. Darüber hinaus kann es als Ausgangspunkt für die Informationsarchitektur verwendet werden.

Content-first Strategie-Workshops

Gruppensitzungen und Zusammenarbeit im Allgemeinen können alle beim Erstellen von Inhalten auf dieselbe Seite bringen, indem sie zusammengebracht werden, um eine einheitliche Inhaltsstrategie zu entwickeln. Ein Workshop konzentriert sich in der Regel auf die Artikulation von Inhaltstypen, die Identifizierung von Inhaltsverantwortlichkeiten, die Entwicklung eines Briefings und die Abbildung eines Inhaltsproduktionsprozesses. Ein Workshop kann auch hervorheben:

• Engpässe
• Bekannte Probleme
• Fehlende interne Inhaltsfähigkeiten
• Innenpolitik

Sammeln von Inhalten

Ein Problem, das Inhaltsersteller plagt, besteht darin, die Inhalte so zu sammeln, dass sie effizient abgerufen, geteilt und bearbeitet werden können. Ohne einen ordnungsgemäßen Workflow besteht eine gute Chance, dass Hunderte von einzelnen Dokumenten erstellt werden, jedes mit verschiedenen Versionen, die uneinheitlich über E-Mail-Ketten gesendet oder auf eine Weise in die Cloud hochgeladen werden, auf die nur einige Personen Zugriff haben. Dies schafft die Voraussetzungen für Missverständnisse und Ineffizienzen.

Es ist wichtig, sich von Anfang an auf eine Workflow-Lösung zu einigen und allen erforderlichen Teammitgliedern Zugriff zu gewähren. Google Drive ist eine angemessene Lösung, es gibt jedoch spezielle Tools wie Gather Content, die das Teilen, Bearbeiten, Versionieren und Exportieren in verschiedene Content-Management-Systeme ermöglichen.

Wie man effektiv und effizient Inhalte erstellt

Investieren Sie in Texter

Am erfolgreichsten sind Projekte, bei denen Stakeholder im Unternehmen zu Beginn eng mit Textern zusammenarbeiten. Dadurch werden Inhalte in den Köpfen der Kunden priorisiert. Der Projektleiter ist in der Lage, das Projekt effektiv zu verwalten und die Inhaltserstellung einem professionellen Autor zu überlassen. Diese Projekte ermöglichen es, vor der Designphase genügend realistische Inhalte zu erstellen.

Werben Sie Inhaltsersteller an

Wenn ein Texter nicht in das Budget passt, ist es wichtig, dass jemand aus dem internen Team ernannt wird, der eng mit dem Kunden zusammenarbeitet, um die Erstellung der Inhalte zu koordinieren. Jedes Mitglied des Teams kann für die Erstellung oder Zusammenstellung der Inhalte verantwortlich sein. Ein guter Content-First-Strategieplan sollte eine klare Gliederung enthalten, die definiert, was benötigt wird.

Beginnen Sie mit Proto-Content

Als letztes Mittel kann Proto-Content verwendet werden. Proto-Content wird von der aktuellen Website des Kunden oder von der Website eines Mitbewerbers übernommen und in Mockup-Designs verwendet. Indem dieser anstelle von Dummy-Text verwendet wird, ist der Inhalt repräsentativer für den tatsächlichen Inhalt, der produziert wird. Titellänge, Textlänge, Metadaten und Bilder, die von bestehenden Websites stammen, können eine realistischere Vorstellung davon vermitteln, wie die Layouts gestaltet werden sollen, als es Lorem ipsum kann.

Führend mit Inhalt

Es ist wichtig, dass jeder in einem Produktdesignteam – einschließlich Kunden und Stakeholder – die Rolle versteht, die Inhalte spielen. Durch die Etablierung einer klaren Content-First-Strategie zu Beginn eines Projekts spart das Team Zeit und Geld. Es ist wahrscheinlicher, dass das Endprodukt auf die Vision des Produkts ausgerichtet ist und die Bedürfnisse des Benutzers effektiver erfüllt.

Designer, die Wert auf einen inhaltsorientierten Designprozess legen, werden bei der Erstellung eines zweckmäßigen Produkts durch einen optimierten Prozess besser abschneiden. Pseudoinhalte können zurückgelassen werden, um anderen produktiven Taktiken Platz zu machen. Wenn Inhalten die Aufmerksamkeit geschenkt wird, die sie verdienen, gewinnen alle.

Weiterführende Literatur im Toptal Design Blog:

• Worte sind wichtig – Der wahre Wert von UX Copy
• Der umfassende Leitfaden zur Informationsarchitektur
• Der Wert der Nutzerforschung
• Stärke in Zahlen – ein Überblick über Data-Driven Design
• Designing for Readability – A Guide to Web Typography (mit Infografik)