Eine Website ist mehr als nur ein Ort, um Informationen über Ihre App, Ihr Portfolio oder Ihre Produkte zu speichern. Es sollte eine Geschichte erzählen, um die Benutzer zu begeistern. (Das ist eines der Schlüsselelemente, die ihnen helfen werden, hier zu bleiben.)

Während eine gute Geschichte mit einer Idee auf Papier und Stift beginnt, wird sie dank des Designs lebendig.

1. Engagieren Sie sich mit Bildern

Das Design sollte den Benutzer visuell einbeziehen. Beginnen Sie mit klaren, klaren Bildern. Stellare Fotos, interessante Illustrationen oder Videos, die begeistern, werden dazu beitragen, Aufmerksamkeit zu erregen und einen ersten Eindruck zu hinterlassen.

Aber das Konzept von "show, do not tell" hört hier nicht auf.

Die Geschichte sollte mit Bildern gefüllt sein, sowohl visuell als auch durch Designtechniken und mit den Worten auf dem Bildschirm. Entwickeln Sie eine Farbpalette, die zu der Geschichte spricht, die Sie erzählen, mit Elementen, die die Benutzer dazu bringen, ein Ziel oder eine Aufgabe im Design zu erfüllen. Eine gute Geschichte wird dazu beitragen, Benutzer auf dem Weg zu führen. Das Design sollte eine sichtbare visuelle Übereinstimmung sein.

Kaffee

2. Entwickle einen Charakter

Im Websitedesign sprechen wir viel über Benutzer-Personas. Es ist ein wichtiger Teil des Entwicklungsprozesses. Nimm es auf die nächste Ebene mit einem Charakter in deiner Geschichte, mit dem sich die Nutzer identifizieren und identifizieren können.

Der Charakter kann real sein und durch das Design reisen oder kann als eine Stimme im Inhalt wahrgenommen werden.

Ein gutes Beispiel für die Charakterentwicklung ist die Mail-Plattform MailChimp. Freddie, das Cartoon-Maskottchen und Logo des Unternehmens, erscheint im gesamten Design, im Blog und in Werbeaktionen. Der Charakter macht ein paar Dinge für das Unternehmen:

  • Zuerst hilft das Zeichen, den Firmennamen zu klären. Wie in einer weit verbreiteten Werbekampagne nachgeahmt, gab es einige Verwirrung über "MailChimp". Wenn man einen Schimpansen neben den Wörtern sieht, kann es klarer werden.
  • Der Charakter hilft, die lustige Natur zu präsentieren, die das Unternehmen darstellt. Der Ton und die Visuals sind leicht und einfach.
  • Freddie liefert dem Unternehmen eine Geschichte, wenn sie nicht viele andere Dinge haben, über die man in Werbeaspekten sprechen kann. Wie ist der Schimpanse entstanden? Woher kommt sein Name? und so weiter. Der Charakter hilft, die Geschichte des Unternehmens frisch zu halten und voranzutreiben.
Schimpanse

3. Einladung einladen

Fügen Sie dem Design einen Wert hinzu, indem Sie interaktive Elemente mit gemeinsamen Aktionen kombinieren. Ergänzen Sie Schaltflächen mit Schaltflächen, die Benutzer beachten müssen, oder helfen Sie mit bestimmten Hinweisen wie Pfeilen oder Bildern, die sich auf das interaktive Element ausrichten.

Berücksichtigen Sie andere Effekte, die die Nutzer mit der Geschichte beschäftigen können. Parallax Scrolling zum Beispiel ist eine sehr einnehmende Methode, um Bewegungen auf dem Bildschirm zu unterstützen. Das ist einer der Gründe, warum diese Technik so beliebt ist.

Eine gute Geschichte muss nicht komplex sein. Humaan setzt seine Geschichte mit einfachen Hover-Animationen in Kombination mit Teamfotos fort, um Ihnen zu helfen, die Menschen hinter dem Unternehmen zu treffen. Es ist einfach und effektiv. (Beachten Sie auch die Mitarbeiterfotografie. Lustige Posen und Gesichtsausdrücke lassen den Charakter jedes Teammitglieds durchscheinen.)

humanisch

4. Entwirf ein Spiel

Eine der schwierigsten Phasen beim Erzählen einer Geschichte ist es, sie tatsächlich zu entwickeln. Wenn Sie nicht wissen, wo Sie anfangen sollen, kann Ihnen ein einfaches Spiel helfen, sich zu konzentrieren und sogar eine unterhaltsame Umgebung für Benutzer bereitzustellen.

Der Trick beim Hinzufügen eines Spiels zum Design besteht darin, es einfach und kurz zu halten und eine Art Belohnung für den Aufwand bereitzustellen, wie zum Beispiel einen Gutscheincode oder ein virtuelles Abzeichen.

Es muss nicht das Spiel im Pokémon-Stil sein, an das Sie wahrscheinlich denken. Betrachte Dropbox. Es ist das Ziel vieler Benutzer, zusätzlichen Speicherplatz in Ihrem Cloud-Speicherkonto bereitzustellen. Die Einbindung anderer, die Nutzung von Dropbox, die Anmeldung von mehreren Geräten und die Verbindung von E-Mail-Accounts gehören zu den Gamification-Tools, mit denen das Unternehmen den Nutzern mehr Speicherplatz bietet. Das Spiel ist einfach, es gibt Belohnungen für den Erfolg und es hat dazu beigetragen, eine Crew von treuen Dropbox-Benutzern zu schaffen.

Für Benutzer, die das Spiel nicht spielen möchten oder nicht genügend Aufgaben erledigen können, bietet Dropbox einen kostenpflichtigen Plan, um sofort zu springen und sofort zu gewinnen. (Das ist der andere Trick zu einer Spielstory; Nutzer müssen gewinnen können.)

Dropbox

5. Machen Sie Mikrointeraktionen sinnvoll

Denken Sie über die kleinen Elemente im Design nach, mit denen die Benutzer interagieren. Vor allem Social-Media-Websites sorgen für so viel Engagement, weil sie einfache Erfahrungen mit Mikrointeraktionen schaffen.

Als Auffrischung sind Mikrointeraktionen winzige Momente, wenn ein Benutzer sich mit einem Design beschäftigt. Jedes Mal, wenn Sie eine Einstellung ändern, senden Sie eine Nachricht, melden Sie sich an oder wählen Sie einen Status, bei dem Sie eine Mikrointeraktion erlebt haben. Wenn Sie auf das Herz von Instagram klicken (und sehen, wie es rot wird), tippen Sie auf "Retweet". Diese Feedback-Schleifen halten die Benutzer zurück.

Sinnvolle Mikrointeraktionen erzeugen eine Nachfrage nach dem Design. Es fügt eine Funktionsebene für Benutzer hinzu, die die Gesamterfahrung lohnend macht.

Mikrointeraktionen machen auch ein Design hilfreich oder gewünscht. Verbinden Sie diese Momente mit den Hauptzielen Ihrer Website. Es kann alles sein, von den Benutzern zu erlauben, ein gerade gekauftes Produkt zu teilen, um etwas zu einer Wunschliste hinzuzufügen, um sich für eine Warnung anzumelden.

Roboter

6. Erstellen Sie eine Erzählung

Jede Geschichte hat einen Anfang, eine Mitte und ein Ende.

Wenn Ihr Website-Design nicht diesen Story-Flow darstellt, können Benutzer verwirrt oder verloren gehen. Hier sind die einfachsten Formeln:

  • Anfang: Logo und Überschrift. Lassen Sie die Nutzer wissen, wer Sie sind und warum sie auf Ihrer Website sind.
  • Mitte: All die unterstützende Erzählung, die dich besonders macht. Was können Sie für Personen tun, die auf Ihrer Website sind? Was sollten sie erwarten?
  • Ende: Ein offensichtlicher Aufruf zum Handeln wie ein Formular, die Möglichkeit, einen Kauf zu tätigen oder eine Verbindung zu etwas anderem herzustellen.
Tier

7. Halten Sie die Storyline einfach

Dies könnte dem Ratschlag in Nr. 6 widersprechen, aber die Geschichte muss einfach sein. Dies ist kein Volumen von 1.500 Seiten. Eine einfache Geschichte ist eine, die du in 5 Sekunden oder weniger erklären kannst.

Die Geschichte sollte die Nutzer sofort erfassen, einen Eindruck hinterlassen und sie dazu bringen, zurückzukehren. Ja, du kannst das mit einem Anfang, einer Mitte und einem Ende machen.

Upstream macht das alles auf der Homepage - Nutzer können nach mehr von der "Mitte" der Geschichte scrollen, aber es gibt einen Blick auf alle drei Teile auf der Homepage. Die Visuals und Texte erzählen eine Geschichte der Not und helfen Menschen mit Upstream dort zu helfen. Es gibt einen "Beteiligen" -Button auf dem Bildschirm und das Visuelle ist so auffällig, dass Sie helfen wollen.

Die Geschichte ist einfach und effektiv. Benutzer erinnern sich eher daran ... und an Sie.

oben

Fazit

Wenn du eine Geschichte entwirfst, ist es am wichtigsten, dass deine Geschichte dir gehört. Versuche nicht, etwas zu sein, was du nicht bist. Nutzer verbinden eher Authentizität als eine erfundene Erzählung.