Content-First-Prototyping

Content ist das zentrale Gut der digitalen Wirtschaft. Es ist das Gold, das wir in Luxuserlebnisse verwandeln, der Diamant, den wir in Treueprogramme und Upsells einschließen. Als Designer stecken wir es jedoch oft nachträglich ein. Wir prototypisieren unsere Interaktion und unser visuelles Design bis zur Erschöpfung, akzeptieren aber, dass die „echten Worte“ einfach später eingefügt werden können. Es gibt einen besseren Weg.

Die von uns erstellten digitalen Güter arbeiten immer mehr innerhalb eines dynamischen Systems aus Inhalt, Funktionalität, Code und Absicht. Unsere Produkte und Dienstleistungen verbreiten sich auf Partner-Websites, Social-Media-Feeds und unzähligen elektronischen Aggregatoren, die alle darauf abzielen, das Verhalten und Verständnis der Besucher zu beeinflussen. Systeme bauen auf Systemen auf , und in kurzer Zeit haben wir einen Koloss zusammengeschustert, dessen Breite den Verstand ins Grübeln bringt.

Weiterführende Literatur zu SmashingMag:

• Optimierung Ihres Designs für schnelle Prototypentests
• Auswahl des richtigen Prototyping-Tools
• Content-Prototyping im Responsive Webdesign
• Wiederbelebung von Benutzeroberflächen-Prototypen

Obwohl wir in der Vergangenheit ziemlich gut darin waren, einfache Systeme zu verstehen (denken Sie an statische Websites und Intranets), stellt sich heraus, dass große dynamische Systeme um einiges komplizierter sind – und um einiges weniger vorhersehbar. Wenn Systeme wachsen, werden sie exponentiell komplexer, und mit zunehmender Komplexität wird ihr Verhalten zunehmend nichtlinear und für uns arme Affen schwer vorhersehbar. In großen Systemen können Rundungsfehler am tausendsten Dezimalpunkt die Ergebnisse radikal verändern (Mitchell 33). Da sich das Internet einer Billion Knoten nähert, ist dies die Welt, für die wir alle jetzt entwerfen.

Diese einfachen Systeme, an die wir gewöhnt sind , können jedoch einen Schlüssel zum Entwerfen komplexerer Räume darstellen. Wie der Systemtheoretiker John Gall es ausdrückt: „Ein komplexes System, das funktioniert, hat sich ausnahmslos aus einem einfachen System entwickelt, das funktioniert.“ Wenn wir im Bereich des digitalen Designs sicherstellen, dass unsere einfachsten dynamischen Systeme von Inhalten, Strukturen und Sinnstiftung auf einer grundlegenden Ebene wie beabsichtigt funktionieren, dann können wir die Grundlage für größere, komplexere Systeme legen, die ebenfalls wie beabsichtigt funktionieren.

Eine Möglichkeit, wie wir als Designer unsere Komplexität unter Kontrolle halten können, besteht darin, unsere Inhalte von Anfang an in den Prototyping-Prozess einzubringen. Ein Content-First-Ansatz ermutigt uns, uns früher mit den Einschränkungen und Möglichkeiten unserer Inhalte auseinanderzusetzen und unsere vorgeschlagenen Lösungen mit wirklich inhaltshungrigen Benutzern zu testen, bevor wichtige Designentscheidungen getroffen wurden.

In diesem Artikel zeige ich Ihnen, wie Sie mit einem einfachen Satz von Open-Source-Tools vom ersten Tag an echte, dynamische Inhalte in Ihren Prototyping-Prozess einführen können. Mit diesem Ansatz können Sie sich von Beginn eines Projekts an darauf konzentrieren, wie Benutzer Ihre Inhalte verstehen, und anschließend strukturelle, visuelle und technische Elemente auf dieser Grundlage des Verständnisses aufbauen.

Ein White-Box-Modell für Inhalte

Eines der Werkzeuge, die Systemforscher verwenden, um das Verhalten dynamischer Systeme zu verstehen, wird als „White-Box“-Modell bezeichnet. Der Systemwissenschaftler Gerald Weinberg schreibt, während das Verhalten eines Black-Box-Modells „perfekt verborgen“ ist, wird das Verhalten eines White-Box-Modells „perfekt offenbart“. Für komplexe Systeme ist diese Transparenz wichtig: Weinberg merkt weiter an, dass „selbst die einfachsten Systeme manchmal Überraschungen für ihre Erbauer enthalten“ (172).

Das Ziel des Content-First-Prototyping ist es, ein White-Box-Modell für unsere Inhalte, ihre interne Struktur und ihre unterstützende Informationsarchitektur zu erstellen. Auf diese Weise können wir schon früh im Designprozess erkennen, wie unsere Endbenutzer aus den strukturierten Inhalten, die unsere digitalen Systeme bieten, eine Bedeutung aufbauen. Indem wir uns die Zeit nehmen, die Struktur unserer Inhaltssysteme im Kern zu korrigieren, schaffen wir die Voraussetzungen dafür, dass diese einfachen Systeme, die funktionieren, in größere, komplexere Systeme integriert werden können, die funktionieren.

Um eine White Box für digitale Inhalte zu schaffen, müssen wir drei Dinge berücksichtigen:

• der Inhalt selbst , bestehend aus Inhaltspaketen unterschiedlicher Granularität, je nach Art und Zweck des Inhalts;
• Struktur , sowohl auf lokaler Seiten- oder Bildschirmebene als auch auf globaler Website- oder Anwendungsebene;
• Einbeziehung der Benutzer in den Kontext und die Haltung (Desktop, Tablet oder Telefon), in der unsere Inhalte letztendlich konsumiert werden.

Um „perfekt sichtbar“ zu bleiben, muss dieses Modell auch in seiner Funktionalität transparent sein, damit die Mitglieder des Designteams verstehen können, warum sich das Modell so verhält, wie es sich verhält. Dieser letzte Teil – Transparenz in Kombination mit Benutzerbeteiligung – ist entscheidend für das White-Box-Modell: Wir bauen keinen Prototyp, um einfach nur die Funktionalität zu demonstrieren, sondern um unsere zugrunde liegende Inhaltsstruktur zu lernen, zu überarbeiten und zu verfeinern, basierend darauf, wie die Wörter und Struktur, die wir verwenden, werden von ihrem beabsichtigten Publikum interpretiert.

Ein Content-First-Prototyping-Ansatz ist nützlich, wenn Sie für vorhandene Inhalte entwerfen, aber es ist auch eine gute Möglichkeit, ein Redaktionsteam in den Prozess der Inhaltserstellung einzubeziehen. Wenn den Benutzern zu Beginn des Projekts echte Wörter, Bilder und Assets präsentiert werden, hat jeder Zeit, Feinabstimmungen, Anpassungen oder Schwenks vorzunehmen, um die Projektziele zu erreichen. Wenn Ihr Projektplan einer Fill-in-the-Words-Later-Strategie folgen soll, bietet Ihnen Content-First-Prototyping die Möglichkeit, den Benutzern einige Inhaltsvariationen vorzulegen – und dann die Benutzerreaktionen vor den Stakeholdern zu erhalten.

Ein Content-First-Prototyping-Framework

Ausgehend von den oben beschriebenen Prinzipien und Zielen habe ich ein Starter-Framework für die Erstellung dieser Art von Prototypen zusammengestellt. Ganz im Geiste des Systemdenkens selbst stützt sich dieses Werkzeug auf eine lose Kopplung einfacherer Systeme, die jeweils eine einfache Hauptaufgabe gut erfüllen.

Für dieses Framework habe ich Excel, Jekyll, ZURB Foundation und Browsersync zusammengestellt und sie alle mit einem Gulp-Skript verknüpft. Ich habe mich für diese speziellen Anwendungen und Frameworks entschieden, weil sie weit verbreitet sind, (meistens) Open Source sind, aktive Support-Communities haben und über eine hervorragende Dokumentation verfügen.

Sie können eine Kopie des unten beschriebenen Beispielprojekts und ein Content-First-Prototyping-Framework-Starterkit von der Projektseite auf GitHub herunterladen. Sehen wir uns an, wie die Teile zusammenpassen und was jeder von ihnen tut.

Excel

Excel – oder ein beliebiges Tabellenkalkulationsprogramm, das im XLSX-Format speichert – wird verwendet, um strukturierte Inhalte und Kategorisierungssysteme zu erstellen und zu bearbeiten. Jedes Mal, wenn Sie das Dokument speichern, wird jedes Paket in Ihrem Inhaltssatz (dargestellt durch eine Zeile in der Tabelle) sowohl als Jekyll-Seite als auch als JSON-Dokument exportiert. Auf diese Weise können Sie sowohl Seiten- als auch globale Operationen an Ihren Inhalten ausführen und Änderungen am Inhalt mit einem einzigen „Speichern“-Befehl auf die gesamte Website übertragen.

Jekyll

Jekyll ist ein Open-Source-Generator für statische Websites und wird verwendet, um die dynamische Struktur zwischen Inhaltspaketen, Seiten und Kategorien zu artikulieren. Jekyll stellt den Inhalt, den Sie in der Tabelle speichern, als Variablen dar und ermöglicht es Ihnen, Operationen an diesen Variablen durchzuführen, um eine Struktur zu erstellen. Jekyll bietet auch „if/then“-Tags zum Anwenden von Bedingungslogik und for -Schleifen zum Durchlaufen und Filtern von Inhaltssätzen.

Stiftung

ZURB Foundation, ein Open-Source-Mobile-First-Front-End-Framework, wird verwendet, um die Informationshierarchie zu artikulieren und reaktionsfähige Verhaltensweisen zu strukturieren. Mit den Rastern, Stildefinitionen und reaktionsfähigen Verhaltensweisen von Foundation können Sie nahezu jedes standardmäßige Weblayoutmuster erstellen, indem Sie einfach Klassen auf Ihre HTML-Elemente anwenden.

Browsersync

Schließlich liefert Browsersync Ihren Prototyp an den Browser und aktualisiert CSS und Seiten, wenn Sie Änderungen vornehmen. Browsersync ermöglicht Ihnen auch den Zugriff auf den Prototyp von jedem Gerät, das mit demselben Netzwerk verbunden ist. Das bedeutet, dass Sie automatische Updates auf einem Telefon und Tablet sehen können, während Sie auf einem Laptop Änderungen vornehmen.

Wenn Sie diese Tools miteinander verknüpfen, können Sie Prototypen in einer Umgebung erstellen, die den dynamischen Systemen ähnelt, aus denen Ihre spätere Produktionsumgebung bestehen wird, ohne jedoch unter Datenbanken, Cloud-Diensten und Netzwerklatenz leiden zu müssen, die Sie bei einem Umzug ausbremsen würden Ideen schnell ausprobieren.

Wenn Sie in Panik geraten, weil dies Code beinhaltet …

Keine Panik. Diese Tools sind Designer-freundlich und haben ausgezeichnete Support-Communitys. Sie müssen kein Frontend-Entwickler sein, um Ihre Ideen zum Leben zu erwecken. Sie müssen die Grundlagen von HTML und CSS kennen. Diese Sprachen sind nicht schwer – und das Erlernen dieser Sprachen wird Ihre Fähigkeit, gute Designarbeit zu leisten, nicht beeinträchtigen. Um es mit den Worten von Type-Design-Legende Erik Spiekermann zu sagen: „Man muss lernen, wenn nicht zu programmieren, zumindest Code zu schätzen, Code zu verstehen. Denn Code ist das, was vor hundert Jahren Schrauben und Muttern waren.“ Der beste Einstieg ist das Eintauchen.

Ein Content-First-Prototyping-Beispiel: Das Green Lake Community Center

Um ein besseres Gefühl dafür zu bekommen, wie Content-First-Prototyping in Aktion aussieht, nehmen wir eine Sammlung digitaler Inhalte aus der realen Welt.

Hier ist das Szenario. Das Green Lake Community Center bietet Klassen, Programme und Veranstaltungen für Gemeindemitglieder in der Nachbarschaft von Green Lake an. Leider sind alle aktuellen Kurs-, Programm- und Veranstaltungsinformationen online nur als PDF verfügbar, das wiederum nur auf der Desktop-optimierten Website des Zentrums mit fester Breite verfügbar ist. Erblicken:

Um die Community-Mitglieder zu erreichen, die zunehmend versuchen, über ihre Mobiltelefone auf Kurs-, Programm- und Veranstaltungsinformationen zuzugreifen, hat das Zentrum beschlossen, eine Mobile-First-Programm-Website zu starten. Diese Initiative wird schließlich als Katalysator für eine stadtweite responsive Website für Parks und Erholung dienen.

Wie bei jedem anderen Designprojekt beginne ich mit heuristischen und Wettbewerbsanalysen und schaue mir verfügbare Verkehrs- und Benutzerdaten an. Wenn Stakeholder und Endbenutzer verfügbar sind, werde ich sicher auch mit ihnen sprechen. Sobald ich das Gefühl habe, ein gutes Gefühl für den Zweck der Website zu haben, werde ich einige grundlegende Ideen zur Informationsarchitektur und Benutzeroberfläche auf Papier untersuchen.

Wenn ein anfänglicher Designansatz Gestalt anzunehmen beginnt, kann ich einen Content-First-Prototyping-Workflow verwenden, um meine ersten Ideen – und, was noch wichtiger ist, den Inhalt, dem diese Ideen dienen sollen – in den Kontext zu bringen, in dem sie letztendlich verwendet werden. in diesem Fall der Browser. Sehen wir uns an, wie dieser Prozess im Detail aussieht.

Inhalte erfassen

In diesem Beispiel können Sie sehen, wie der strukturierte Inhalt, den ich in einer Content-First-Prototyping-Framework-Tabelle erfasse, jedes Mal automatisch in eine Seitenvorlage geschrieben wird, wenn ich meine _data -Datei speichere. Hier habe ich das „Katalog“-Blatt verwendet, um den Inhalt zu strukturieren. Die Variablen „Titel“, „Beschreibung“, „Kategorie“ und „Tags“ sind bereits in der Seitenvorlage enthalten, sodass diese Werte sofort aktualisiert werden. Sie können einer Inhaltszeile so viele andere Spalten hinzufügen, wie Sie möchten – stellen Sie nur sicher, dass Sie die entsprechende Variable in die Vorlage aufnehmen (mehr dazu weiter unten).

„Directory“- und „Feed“-Blätter sind ebenfalls im Starterkit enthalten und enthalten verschiedene Kategorien (Spalten) für ihre jeweiligen Inhaltstypen. Jedes Blatt exportiert Inhalte in einen eigenen Ordner (in diesen Fällen „Katalog“, „Verzeichnis“ und „Feed“) und in eine eigene JSON-Datei. Sie können so viele weitere Blätter hinzufügen, wie Sie benötigen – stellen Sie nur sicher, dass Sie Ihre Jekyll-Konfigurationsdatei aktualisieren, damit sie weiß, dass sie sie abrufen kann (siehe die „Jekyll Data Pages Generator“-Plugin-Dokumentation für vollständige Details).

Fügen Sie weitere Inhaltspakete hinzu

Wenn ich Inhaltspakete (Zeilen in der Tabelle) hinzufüge, werden dem Prototyp automatisch neue Seiten hinzugefügt. Jede Zeile stellt eine einzelne Seite dar, und jede Spalte in dieser Zeile stellt eine Variable dar, die Jekyll beim Erstellen einer Seite in die Vorlage einfügt. In diesem Beispiel ist der Inhalt des Katalogs „Gemeindezentrum“ ziemlich einheitlich, aber wenn die Artikelbeschreibungen stark in der Länge variieren, können Sie leicht sehen (und erleben), wie sich diese Variation auf das Layout der Seite auswirken würde. Vielleicht entscheidest du dich dann, den Inhalt anders aufzuteilen oder neue Elemente wie Zusammenfassungen oder Slugs hinzuzufügen.

Mit diesem System können Sie auch ganz einfach mit Labels, Kategorien und Tags experimentieren. Indem Sie die Werte in der Spalte „Kategorie“ ändern, können Sie testen, wie sich unterschiedliche architektonische Ansätze auf die Fähigkeit des Benutzers auswirken, einen bestimmten Inhalt leicht zu finden. In diesem Beispiel habe ich beispielsweise Organisationssysteme basierend auf dem Klassentyp und der Altersgruppe eines Teilnehmers erstellt. So kann ich problemlos verschiedene Navigationsansätze im Menü und auf der Startseite testen, während der Prototyp Form annimmt.

Fügen Sie Struktur und Hierarchie mit HTML hinzu

Sobald ich mit dem vorhandenen Inhalt zufrieden bin, beginne ich damit, diesen Inhalt in Markup zu verpacken, damit seine Struktur für die Benutzer sinnvoll ist. Behandeln Sie die Variablen hier wie Text und markieren Sie sie so, wie Sie Text in einer „flachen“ HTML-Datei markieren würden. Die Ergebnisse hier sollten ziemlich vorhersehbar aussehen (das ist eine gute Sache).

Das Vorlagensystem von Jekyll übernimmt die von Ihnen erstellten Seitenvorlagen und umschließt sie mit einer globalen Vorlage, die die Kopfzeile und das Navigationssymbol enthält. Das bedeutet „Layout: default“: Wir nennen das „default“-Template den Wrapper dieses Templates. Sie können Vorlagen so tief verschachteln, wie Sie möchten, obwohl mehr als eine oder zwei Vorlagenebenen normalerweise nicht erforderlich sind. Um sich wiederholende Elemente wie Seitenlisten und globale Links unterzubringen, können Sie auch „includes“ verwenden, die beim Rendern der Website einen bestimmten Code in die Vorlage einfügen. Weitere Informationen zu Templates und Includes finden Sie in der offiziellen Dokumentation von Jekyll.

Fügen Sie Logik mit den Markup-Tags von Jekyll hinzu

Mit Jekyll können Sie grundlegende Logik hinzufügen, indem Sie grundlegende Tags einfügen, die spezifisch für sein Templating-System sind. Hier verwende ich ein for -Tag, um durch die Klassenliste des Green Lake Community Center zu blättern (die erstellt wurde, als ich die mehreren Inhaltspakete oben hinzugefügt habe), und ich rendere jede Community Center-Klasse in der Liste als Link:

Sie können auch if -Anweisungen verwenden, um Bedingungen zu erstellen. Hier verwende ich eine if -Anweisung, um den Link zur Klassenseite auszublenden, auf der ich mich gerade befinde:

Wenn Ihr Kopf gerade explodiert ist, geraten Sie bitte nicht in Panik. Das Hinzufügen von Logik ist eine Art erweiterte Funktion. Ihr Prototyp wird gut funktionieren, wenn Sie sich an Inhaltsvariablen und HTML halten. Das Templating-System von Jekyll ist jedoch sehr gut lesbar und leicht zu erlernen. Sehen Sie sich die kurze Einführung der Entwickler an, wie die grundlegenden Teile funktionieren.

Fügen Sie Stil und Reaktionsverhalten mit CSS von Foundation hinzu

Sobald ein erster Entwurf der HTML-Struktur vorhanden ist, kann ich dem Prototyp Stil hinzufügen, indem ich einfach CSS-Klassen einfüge und das Dokument speichere. Das Frontend-Framework der ZURB Foundation, das bereits im Starterkit eingebunden ist, bietet Stilklassen für eine Vielzahl von Web- und nativen Anwendungsmustern. In dem hier gezeigten Beispiel habe ich meinem mobilen Prototyp durch einfaches Einfügen von zwei verschiedenen Klassen ein „anfassbareres“ Gefühl verliehen und ein viel klareres Gefühl für die visuelle Hierarchie eingeführt. Diese Änderungen werden automatisch auf alle Inhalte übertragen, die diese Vorlage verwenden.

Foundation macht es auch einfach, Mobile-First-Responsive-Verhalten einzubinden und Dutzende von vorgefertigten Layout-, Container- und Medienkomponenten zu verwenden. Da es sich um CSS handelt, können Sie alles nach Ihrem eigenen Geschmack modifizieren und feinabstimmen. Für diese Beispiele habe ich die Basisfarbpalette von Foundation in einen „einfarbigen Drahtmodell“-Stil geändert, aber Sie können Foundation an jeden beliebigen Stil anpassen. Erfahren Sie mehr über die Verwendung von Foundation, indem Sie die Dokumentation oder Tutorials durchsuchen oder an einem Kurs teilnehmen (der Kurs ist übrigens ausgezeichnet).

Holen Sie frühzeitig Feedback ein und überarbeiten Sie es im Laufe der Zeit

Sobald der Inhalt vorhanden ist, ist das Erstellen und Testen mehrerer Variationen der Struktur einfach. Labels, Kategorien, Schlüsselwörter und andere Metadaten können direkt in der Inhaltstabelle geändert werden. Ebenso sind Variationen der Seitenstruktur, des Flusses und der Anzeige nur eine Frage der Erstellung alternativer Versionen Ihrer Jekyll-Vorlagen. Alle diese Änderungen wirken sich sofort auf den Prototypen aus, sobald Sie auf „Speichern“ klicken.

Um eine erste Version des Prototyps des Green Lake Community Center fertigzustellen, habe ich drei Variationen der mobilen Homepage erstellt. In diesem Fall musste ich lediglich Elemente in der Homepage-Vorlage neu anordnen und Datenquellen für die beiden Navigationselemente (dh die Schaltflächen in voller Breite und die Bildkacheln) austauschen.

Obwohl ich alle diese Schritte der Reihe nach vorgestellt habe, denken Sie daran, dass Gulp (der JavaScript-Task-Runner, der alle unsere einfachen Systeme miteinander verbindet) Änderungen jedes Mal aktualisiert, wenn Sie ein Dokument speichern. Das bedeutet, dass Sie jederzeit zu jedem Schritt zurückkehren und Anpassungen basierend auf Benutzerreaktionen, Stakeholder-Feedback oder neuen Erkenntnissen über Inhalt oder Kontext vornehmen können.

Diese Flexibilität ermöglicht es Ihnen, verschiedene Bildschirmhierarchien und Inhaltsbehandlungen mit Benutzern einfach zu testen – und Sie können in diesen Tests echte Inhalte verwenden, Inhalte, die Ihr Publikum aus erster Hand erleben (und darauf reagieren) kann. Da die endgültige Form des Prototyps HTML, CSS und JavaScript ist, können Sie Benutzerfeedback mit jedem Testtool sammeln, mit dem Sie sich am wohlsten fühlen (ich mag UserTesting und Lookback).

Das HTML-, CSS- und JavaScript-Format des Prototyps bedeutet auch, dass Ihre Arbeit leichter parallele und nachfolgende Bemühungen informieren wird. Wenn Ihr letztendliches Produkt beispielsweise auf einer bestehenden CMS-Plattform aufgebaut wird, helfen Ihnen die Anforderungen an Inhalt, Struktur und Darstellung, die Sie artikulieren können, bei der Bewertung von CMS-Optionen. Ebenso kann Ihr Prototyp als Spezifikationsdokument für Designentscheidungen in Bezug auf Raster, Hierarchie, Überschriften, Linkverhalten und Schriftarten für Ihre Frontend-Entwickler dienen.

Vergessen Sie jedoch nicht, dass das Ziel des Content-First-Prototyping nicht einfach darin besteht, im Browser zu entwerfen: Das Ziel besteht darin, den Browser und das Feedback Ihrer Benutzer zu verwenden, um die Organisation Ihrer Inhalte zu optimieren, um sie einfach zu erstellen Strukturen, die gut funktionieren.

Die Stärke dieser Methode liegt darin, dass Sie die Systeme, die Ihre Kategorien, Beschriftungen und Navigationspfade erstellen, schnell ändern können. Dies bietet einen deutlichen Vorteil gegenüber der statischen Inhaltsmodellierung. Wenn Sie feststellen, dass Sie viel zusätzliches CSS verwenden, damit Ihre dynamischen Inhalte wie gewünscht funktionieren, gehen Sie zurück zur Quelle. Können Sie den Inhalt anders aufteilen, damit er besser funktioniert? Eine Reihe von Klassen oder Tags hinzufügen (oder entfernen)? Probieren Sie verschiedene Variationen aus, bis Sie die einfache, elegante Lösung gefunden haben, mit der alles andere zusammenzupassen scheint.

Systeme, die über das Web hinaus denken

Das hier gezeigte grundlegende Beispiel veranschaulicht, wie ein Content-First-Prototyping-Ansatz uns helfen kann, einfache Inhaltssysteme zu erstellen, die funktionieren – Systeme, die wiederum die Voraussetzungen für größere, komplexere Systeme schaffen, die funktionieren. Content-First-Prototyping hilft uns, Orte zu entdecken, an denen geringfügige Anpassungen im Inhaltsmodell, in der Hierarchie, in den Kategorien und Labels zu saubereren, eleganteren Lösungen für die Informationsbedürfnisse unserer Benutzer führen können.

Obwohl dieses Tool auf Webtechnologien basiert, geht die Art und Weise, wie wir Inhalte zum Verständnis strukturieren, über einzelne Tools, Technologien und Plattformen hinaus. Wenn Ihre Inhalte in ihrer einfachsten Form, ohne die Anforderungen und Einschränkungen bestimmter Implementierungen, für ihr Publikum sinnvoll sind und Ihre Kommunikationsziele auf einfache, elegante Weise erreichen, dann haben Sie bereits eine Grundlage geschaffen, die über einzelne technologische Implementierungen hinausgeht. Sie haben Inhalte erstellt, die keine bestimmte Plattform oder kein Skript benötigen, um sinnvoll zu sein. es ist eine Inhaltsmenge, die auf eine bestimmte Weise verstanden werden will.

Wenn wir Inhalte in den Mittelpunkt des Designprozesses stellen, beginnen wir nicht mit der Lösung für eine bestimmte Implementierung, sondern für das Verständnis. Alles andere ist ein Zwischenschritt. Indem wir erkennen, dass die letzte Plattform, für die wir entwerfen, der menschliche Geist ist, können wir die einfachen Strukturen identifizieren, die zu Verständnis führen, und daran arbeiten, diese Strukturen während des gesamten Designprozesses zu stärken.

Zitierte Werke

• Komplexität, eine Führung , Melanie Mitchell (New York: Oxford, 2009)
• Eine Einführung in das allgemeine Systemdenken , Gerald Weinberg (New York: Dorset House, 1975)