Inhalt ist ein wesentlicher Teil der Benutzererfahrung. Inhalt ist mehr als Suchmaschinenoptimierung. es ist mehr als bloggen. Es ist Teil Ihrer Website, Markenidentität und warum Benutzer mit Ihrem Design interagieren.
Jeden Tag wird es immer wichtiger, Inhalte als Teil der Gesamtfunktion und der Benutzererfahrung im Website- und App-Design zu entwerfen. Aber wie kannst du das machen? (Wir können Ihnen mit einigen Fallstudien und Beispielen helfen, wie z. B. The Hen House, in dem verschiedene Design- und Benutzereingriffstechniken verwendet werden, um den Bildlauf zu ermöglichen.)
Was ist der Website-Inhalt?
Der Inhalt der Website ist mehr als ein Stream von Blogbeiträgen. Es beinhaltet jeden Text oder jedes Bild auf einer Website. Dies umfasst alles von der Hauptkopie über Fußzeileninformationen bis zu Alt-Tags. Jedes Stück davon zählt als Inhalt.
Es gibt eine Menge dieser Informationen, die Designer manchmal vergessen, wenn wir an Inhalte denken. Nehmen Sie zum Beispiel eine E-Commerce-Site: Produktbeschreibungen und sogar Versandrichtlinien sind Inhalt. Der Händler Woot bietet großartige Arbeit beim Erstellen von Inhalten für jedes Element auf seiner Website. Wie zu erwarten, enthält jeder Artikel zum Verkauf Bilder, Beschreibungen und eine Möglichkeit zum Kauf. Darüber hinaus beinhaltet jeder Artikel auch ein Element des Spaßes. Schauen Sie sich die Beschreibung für den zweiten Gegenstand an, eine Reihe von Messern: April-Messer bringen May-Messer. Wie gut funktioniert dieser Titel bei einem Verkauf, der zwei Monate dauert? Yeahhhhh?
Ziel jedes Website-Inhalts ist es, die Benutzererfahrung zu optimieren und zu verbessern. (Deswegen funktionieren die niedlichen Woot-Beschreibungen.) Der Inhalt sollte zur allgemeinen Stimme Ihrer Marke beitragen und zeigen, warum Nutzer Ihre Website besuchen und mit ihr interagieren sollten. (Engagement ist alles vom Lesen über das Spielen eines Spiels über das Abonnieren eines Newsletters bis hin zum Kauf.)
?Entwerfen? Inhalt
Content Design ist viel mehr als nur Ästhetik. Stellen Sie sich vor, Inhalte als Verbindung zwischen Ihrer Nachricht und dem Benutzer zu gestalten. Welche Tools oder Arten von Informationen stellen diese Verbindung her?
Der Moz-Blog hat kürzlich eine Reihe von Tipps zur Gestaltung von Inhalten als Teil der Benutzererfahrung zusammengestellt:
- Link zu einem Blog oder relevanten Blogeinträgen
- Einbetten verwandter Social-Media-Inhalte
- Optimieren Sie die Inhalte, die Sie bereits haben. Verwenden Sie es auf verschiedene Arten
- Schreiben Sie großartige Beschreibungen für Abschnitte, Fotos und andere versteckte Teile. Inhalt
- Seien Sie stolz auf Ihren Inhalt und machen Sie ihn groß genug, um ihn sehen zu können
- Führen Sie die Benutzer auf logische (und methodische) Weise durch den Inhalt
Das Oustide-Magazin leistet auf seiner Website hervorragende Arbeit. Der Inhalt ist ein Mash-Up aus verschiedenen Quellen - aus dem Magazin, Online-spezifischen Inhalten, sozialen Medien und Benutzerinteraktion. In? Best Towns 2015: Wildcard-Runde? Dieser gemischte Inhalt wird gezeigt. Das Magazin hostet einen von Nutzern eingereichten Foto-Content auf Instagram. Der Inhalt? ist als Regeln für die Teilnahme am Wettbewerb konzipiert. Der coole Zusatzinhalt ist der Feed von Fotos aus dem Outside Instagram-Feed mit dem Contest-Hashtag. Das Schöne an dem Design ist, dass sich die Hauptinhaltsnachricht nicht ändert. Die Inhaltselemente auf der Seite werden jedoch ständig geändert und aktualisiert, sodass die Benutzer zurückkommen und interagieren müssen.
Inhalt und Funktion
Wie kommen Design und Inhalt zusammen? Es sollte synchron sein.
Benutzererfahrung und Funktion sind ein wesentlicher Bestandteil des Designs. Und es gibt Techniken und Dinge, die Sie visuell tun können, um Benutzer noch mehr zu begeistern. Wichtige Faktoren sind das Nachdenken darüber, wie Benutzer eine Website lesen und verwenden, wie Interaktionen funktionieren, und die Verwendung von Designtheorie und -prinzipien, um etwas zu schaffen, das die Menschen betrachten möchten, einschließlich trendiger Design-Konturen.
Die meisten Designs werden von den Benutzern in einem einfachen Muster gelesen und verwendet, indem sie Inhaltsblöcke scannen, bis sie die gewünschten Teile finden oder interessant finden. The Next Web untersuchte kürzlich dieses "Eye-Tacking" -Muster des Benutzers, das eine "F-Form" annimmt. sehr detailliert. Die Grundvoraussetzung ist, dass F-förmiger Inhalt von links nach rechts und von oben nach unten das dominanteste Benutzerverhalten ist und den Designern Hinweise geben kann. Das F bezieht sich auf den Leser, der zuerst eine horizontale Linie über den oberen Rand des Bildschirms scannt, was für Kulturen, die von links nach rechts lesen, verständlich ist. Als Nächstes scannt der Benutzer eine vertikale Linie auf der linken Seite des Bildschirms und sucht nach Schlüsselwörtern oder interessanten Punkten in den ursprünglichen Sätzen oder Unterabschnitten des Absatzes. Wenn der Leser etwas findet, das ihm gefällt, beginnt er normal zu lesen und bildet horizontale Linien.?
Dann müssen die Interaktionen zwischen dem Benutzer und dem Design sinnvoll und relevant sein. Die Benutzer müssen wissen, wann und wo sie klicken und was passieren wird. Dies ist ein entscheidender Schritt bei der Entwicklung von Inhalten und Design in Form von Benutzerhinweisen. Welche Farben und Beschriftungen verwenden Sie für diese Tools, um den Benutzerverkehr zu lenken?
Schließlich können Designer grundlegende Entwurfswerkzeuge und -techniken verwenden, um eine Ästhetik zu schaffen, die einfach ansprechend ist. Ein Trick? Erstellen Sie ein Design oder eine Interaktion, die auf aktuellen Trends basiert oder eine Überraschung für den Benutzer bietet. Das Aussehen einer Site kann zu ihrer Funktion beitragen. Erstellen Sie etwas Spaß, das die Benutzer berühren möchten.
Living Edge vereint Funktion und Design nahezu nahtlos. Das einfache Design verwendet seitenbasiertes Scrollen, um Benutzer mit der Marke und den Produkten vertraut zu machen. Raffinierte Color-Hover-Aktionen fördern das Klicken auf wichtige Informationen wie Finanzierung und E-Mail-Anmeldung. Die Website verwendet Designtrends wie Minimalismus und Parallaxen-Scrollen, um ein eindringliches Erlebnis mit einfacher Typografie und Farbe zu schaffen, die zum Handeln anregen.
Inhaltsdilemmas
Beim Nachdenken über Inhalte neigen Designer zu zwei Problemen: Überwältigende Inhalte oder zu wenig Inhalt.Die Mitte, die ein stetiger Strom variierender Inhaltstypen wäre, der ständig aktualisiert wird, ist selten die Norm.
? Wenn die Content-Strategie vorhanden ist und an ihrem richtigen Ort ist, sind wir auf dem Weg, um schöne und effektive Ergebnisse zu erzielen.? - Smashing MagazineDer erste Schritt zur Bekämpfung dieses Dilemmas ist die Entwicklung einer vollständigen Inhaltsstrategie. Dieser Plan ist nicht das Einfachste, aber Design und Inhalt lassen sich nahtlos vereinen und als Team einfacher umsetzen. Smashing Magazine? Content-Strategie innerhalb des Designprozesses? ist ein fast zeitloser Leitfaden für den Beginn von Gesprächen über die Inhaltsstrategie. Aus dem Leitfaden:? Wenn eine Content-Strategie vorhanden ist und an ihrem richtigen Ort ist, sind wir auf dem Weg, schöne und effektive Ergebnisse zu erzielen.?
Dann wird es Zeit, sich mit Ihrem inhaltlichen Dilemma zu beschäftigen:
- Wenn Sie übermäßig viele Inhalte haben, vereinfachen Sie sich. Betrachten Sie ein modulares Design im Kartenstil, das den Inhalt in kleinere, leicht verdaulichere Teile aufteilt.
- Wenn Sie nicht genügend Inhalte haben, verwenden Sie das, was Sie haben. Betrachten Sie ein Spiel oder ein Gimmick im Design, das die wichtigsten Punkte hervorhebt. Ermutigen Sie Benutzer- oder soziale Interaktionen, und veröffentlichen Sie diese Interaktionen anschließend erneut in Ihrer Site-Übersicht.
Das Portfolio von Miki Mottes zeigt, wie man viele Inhalte gestaltet und gleichzeitig organisiert und einzigartig bleibt. Durch ein modulares und Block-Design sind die Portfolioelemente leicht zu sehen und bieten anklickbare Links. Die Site verwendet einen skurrilen Stil, der Sie dazu bringt, sich jede Animation anzusehen. Dies ist ein Inhalt, der zum Designer-Portfolio (und zur möglichen Beschäftigung) beiträgt. Scrollen Sie nach unten, um noch mehr Inhalte zu finden. Informieren Sie sich über den Designer, kaufen Sie im Shop ein oder senden Sie eine Nachricht.
Supreme Supreme hat ein lustiges Website-Design mit minimalem Inhalt. Der enthaltene Inhalt ist jedoch ansprechend und bietet eindeutige Aktionen für Benutzer. Eine großartige Fotogalerie führt dazu, dass Benutzer sich für eine potenzielle Einbindung interessieren, und bei einem Wettbewerb, bei dem Kaffee kostenlos gewonnen wird, werden die Benutzer wahrscheinlich klicken oder andere Aktionen ausführen, beispielsweise das Herunterladen der App.
Fazit
Beim Gestalten von Inhalten für Benutzererfahrungen geht es zunächst darum, die Benutzer zu verstehen und dann das Design. Gutes Design ermutigt die Benutzer, mit Ihrer Website oder Marke zu interagieren.
Erstellen Sie ein Design, das die grundlegenden Theorien des guten Designs verwendet, eine starke Botschaft mit Inhalten aufbaut und den Benutzern dann eine Überraschung in Form von Ästhetik oder Funktion bietet, um sie einzuholen.