Interaktives Design

Wie man Web Content Agnostic (und warum Sie sollten)

Sie können nicht ohne Inhalt entwerfen. Es ist ein Mantra, das von Designern weltweit wiederholt wird, es ist eine Bitte in unzähligen E-Mails an Kunden, es ist ein Grundpfeiler für verantwortungsvolles Design.

Einer der angesehensten Namen im Web, Jeffrey Zeldman fasst es in einem gepinnten Tweet zusammen:

Dies liegt daran, dass es beim Design darum geht, Probleme zu lösen. Wenn Inhalt eine Pille wäre, wäre Design der Zuckerüberzug.

Das Entwerfen mit Inhalten widerspricht jedoch der Richtung, in die sich das Web bewegt, und kann sogar für Ihre Kunden schädlich sein ...

Der Mythos der Gestaltung von Inhalten

Die Wahrheit ist, du entwirfst nicht mit tatsächlichem Inhalt.

Lassen Sie uns die Idee beiseite lassen, dass die Kunden nicht rechtzeitig Inhalte liefern - viel zu tun, und diejenigen, die Sie nicht einfach brauchen, um das Projekt zu verwalten - nehmen wir an, dass Sie den Design-Prozess mit einer schönen glänzenden E-Mail beginnen Ihr Kunde mit umfassenden Inhalten angehängt.

Du entwirfst immer noch nicht den eigentlichen Inhalt, weil die Art des Inhalts im Web transient ist.

Änderungen im Inhalt sollten keine Neugestaltung erfordern

Wann haben Sie das letzte Mal an einer Website gearbeitet, die nicht auf einem CMS ausgeführt wurde? Dachten Sie, das Unternehmen wollte seine Telefonnummern nur auf dem neuesten Stand halten? Unternehmen ändern ihre Telefonnummern nicht. Was sie machen, ist, dass der Marketing-VP mit dem WordPress-Login am ersten Wochenende, an dem dein Rücken gekehrt ist, randaliert.

Inhalt im Web ist immer temporär. Natürliche inhaltliche Veränderungen sollten kein Redesign erfordern.

Wir haben uns den Mythos, Inhalte zu gestalten, selbst verkauft, weil er gut mit unserer Sicht des guten Designs, das unsichtbar ist, übereinstimmt. Bei diesem Ansatz entwerfen wir jedoch eine einzelne Iteration des Inhalts, dessen Lebenszyklus unbestimmt ist. Die Gestaltung von Inhalten ist für Kunden schädlich, wenn wir uns von der Vorstellung verführen lassen, dass wir mit festen Inhalten arbeiten.

Betrachten Sie Content Agnostic als Responsive Design, aus der anderen Richtung: Wir respektieren zwar den Inhalt, akzeptieren aber, dass es im Wesentlichen unerkennbar ist und unsere Designs müssen sich daher an den Inhalt anpassen.

Dummy-Inhalt entwerfen

Es sei denn, Sie schreiben einen akademischen Aufsatz, der vollständig auf Latein geschrieben ist, dann wird Lorem Ipsum nicht repräsentativ für Ihre Inhalte sein, und die meisten Webdesigner vermeiden es zu Recht. Es ist jedoch falsch zu sagen, dass Dummy-Inhalt keinen Zweck erfüllt. Dummy-Inhalte können wertvoll sein, wenn sie für den Inhalt der Website prototypisch sind. Idealerweise wird es drei Eigenschaften haben:

  • Es wird dieselbe Sprache wie Ihr Inhalt sein.
  • es wird die ungefähre Länge und der ungefähre Rhythmus als dein Inhalt sein;
  • Es wird ein ähnliches Thema zu Ihrem Inhalt sein.

Diese drei Eigenschaften stellen sicher, dass Sie die gleichen Probleme in Ihrem Design-Prozess haben, wie Ihre tatsächlichen Inhalte, wenn Sie leben.

Nehmen wir zum Beispiel eine Mitarbeiterbiografie. Vorausgesetzt, Sie wissen, dass es auf Englisch geschrieben ist, ist der Lebenslauf eines Senior Managers mit einem technischen Hintergrund und wird ein einzelner Absatz von nicht mehr als 100 Wörtern sein, dann können Sie dieses Element entwerfen. Mitarbeiter Bios werden häufig aktualisiert, und Mitarbeiterfluktuation ist oft hoch. Jede von Ihnen bereitgestellte Lösung muss robust genug sein, um sich an diese Art von Änderungen anzupassen, oder sie ist nicht für den Zweck geeignet.

Unsere Arbeit ist nicht theoretisch, aber das bedeutet nicht, dass wir tatsächlich Inhalte zu entwerfen brauchen. Was wir brauchen, sind Content-Modelle: akkurate Prototypen, die es uns ermöglichen, Design-Probleme zu untersuchen, ohne die Einschränkungen der "endgültigen" Kopie.

Design geht dem Inhalt voraus

Wenn wir erwarten, dass sich Inhalte ändern, müssen wir nicht Inhalt, sondern Platzhalter für den Inhalt entwerfen.

Schau dir eine Zeitung an. Es ist praktisch unmöglich, dass der gesamte Inhalt jede Nacht gestaltet wird. Tausende von Zeilen und Hunderte von Spalten werden in eine vordefinierte Struktur eingefügt. Wenn die Struktur nicht zum Inhalt passt, wird die Kopie aufgefüllt oder abgeschnitten. nicht das Design. Pt-Größe auf Inserts kann optimiert werden, Bilder können skaliert werden, aber im Allgemeinen diktiert das Design einer Zeitung ihren Inhalt.

Glücklicherweise haben wir im Web nicht dasselbe Problem. wir scrollen. Ähnliche Online-Probleme werden jedoch mit ähnlichen Lösungen gelöst.

Die Zeitung The Guardian hat gerade eine ausgezeichnete reaktionsschnelle Neugestaltung ihrer Website gestartet. Bei der Gestaltung von Schlagzeilen haben sie dafür gesorgt, dass eine Schlagzeile mit fünf Wörtern bequem neben einer Schlagzeile mit vierzehn Wörtern steht. Der Ansatz ist erfolgreich, da das Team von The Guardian die Website nicht für Inhalte, sondern für eine Reihe potenzieller Inhalte konzipiert hat. Es gibt Einschränkungen - Sie könnten keine Schlagzeile mit fünfzig Wörtern einfügen -, aber die Lösung ist flexibel genug, um das Content-Wachstum zu bewältigen.

der Wächter

Da Inhalte leicht verändert werden können, wird Design zwangsläufig dem Inhalt vorausgehen. Die Lösung für dieses Problem besteht in der Annahme eines inhaltsunabhängigen Ansatzes unter Verwendung von Techniken wie Samantha Warrens Stil Fliesen Design für Inhaltsmodelle, die robust genug sind, um in freier Wildbahn zu überleben.

Design ist Inhalt

Aus der Eye-Tracking-Forschung wissen wir, dass die Inhalte nur gelesen werden, wenn sie vom Googlebot analysiert werden. Die meisten Menschen lesen keine Websites, sie schauen sich kaum Webseiten an. Du und ich könnten, aber wir sind die Ausnahme. Die meisten Menschen scannen eine Seite schnell, klicken auf etwas, das interessant aussieht, und wiederholen den Vorgang, bis sie mit einer Annäherung an das gesuchte sind.

Und so wird die Kernbotschaft des Kunden nicht durch den Inhalt vermittelt, sondern durch die Marke. Die Farben, der Typ, die Bilder und ein paar kleine Teile des Inhalts hier und da sind die Entscheidungen, die die meisten Benutzer treffen.

Dies ist der Hauptgrund, warum Mikrokopie sich als so wichtiger Teil des Webdesigns erweist: Sie werden keinen Verkauf mit dem ersten Absatz Ihrer 'Über uns' Seite machen, aber Sie könnten mit der Datenschutzerklärung über Ihrem Kontaktformular .

Was wir wirklich entwerfen ... ist der Rahmen, in dem Inhalte erstellt werden, nicht der Inhalt selbst

Mit dem Aufkommen von SaaS entdecken Designer zunehmend, dass ihre Designarbeit, visuell, UX und strategisch, die Rolle des Inhalts übernimmt. Während sich das Web von der Bereitstellung passiver Inhalte hin zur aktiven Erstellung von Inhalten bewegt, wird Design als wichtigstes Kommunikationsmittel immer wichtiger.

Ein Produktdesigner muss nicht wissen, welche Wörter ein Stift schreiben wird, um ihn zu entwerfen. Er muss den allgemeinen Gebrauch kennen - ob es ein Pinsel, ein Füllfederhalter oder ein Tintenroller sein wird -, aber die Wörter, die geschrieben werden, sind für den Designprozess irrelevant.

Das Web wird zunehmend zu einem Ort der Erstellung von Inhalten. Wir können Parameter zur Verfügung stellen - maximal 140 Zeichen sind das offensichtliche Beispiel - aber was wir wirklich entwerfen, ob wir es für Kunden oder ihre Kunden tun, ist der Rahmen, in dem Inhalte erstellt werden, nicht der Inhalt selbst.

Fazit

Der Mythos, dass wir Inhalte gestalten, basiert auf dem Print-Design, als der Inhalt endgültig war, sobald er an die Druckereien geschickt wurde. Das Entwerfen von Inhalten für das Web erfordert, dass wir die inhärente vorübergehende Natur unserer Inhalte berücksichtigen oder das Potenzial des Inhalts begrenzen, indem wir ihm ein starres Design auferlegen.

Während sich die Definition dessen, was eine Webseite bildet, fortsetzt, wird Design weiterhin als Inhalt funktionieren und Inhalte werden weiterhin als Designlösung funktionieren. Was wir entwerfen, ist nicht der Inhalt einer Seite - der vergänglich ist -, sondern ihre Ziele, ihre Werte, ihre Bestrebungen; Was wir entwerfen, ist (mangels eines besseren Wortes) seine Seele.

Weit davon entfernt, Dekoration zu sein, zwingt uns ein inhaltsunabhängiger Ansatz dazu, eine robuste Designlösung zu entwickeln, die sich nicht auf zukünftige Inhalte beschränkt.

Design geht dem Inhalt voraus. Inhalt in Abwesenheit von Design ist nicht zufrieden, es ist ein Brief.

CSS-Tricks