Interaktives Geschichtenerzählen und seine Anwendung in der Webdesign-Branche
Das Grafikelement ist heutzutage eine Notwendigkeit für jede Website. Ohne den richtigen Einsatz von Bildmaterial können Sie Ihre Botschaft einfach nicht an den Besucher übermitteln, besser noch, ihn dazu bringen, Ihre Website zu verlassen.
Visuals haben das Potenzial, in den Geist des Betrachters einzudringen und ihn zu allem zu locken, was Sie vorstellen, verkaufen oder investieren möchten. Um Visuals zu Ihrem Vorteil zu nutzen und auf schnellstmöglichem Wege Traffic zu gewinnen, ist die beste Methode, den Besucher einzubinden und zu konvertieren, das interaktive Geschichtenerzählen.
Warum Storytelling?
Ich weiß, was dir gerade durch den Kopf gehen muss. Was haben Cinderella oder Rapunzal mit dem visuellen Erlebnis einer Website zu tun? Nun, das Erzählen von Geschichten ist nicht nur auf Märchen und Disney-Franchise beschränkt, sondern das Erzählen von Geschichten ist ein effektiver Weg im Marketing-Mix jeder Website, die darauf abzielt, sich an die Spitze der Konkurrenz zu setzen.
So erstellen Sie eine interaktive Geschichte
Es erfordert viel Planung und Versuche, das Design mit der Geschichte zu verbinden, sodass Sie nicht lächerlich gemacht werden, wenn Sie es auf der Zielseite Ihrer Website zeigen. Ihre Visuals müssen kein Meisterwerk mehrerer Designer und ein teures CGI sein. Sie können Ihre Geschichte mit einem einzigen gut artikulierten Bildbanner erzählen. Die Herausforderung stellt sich jedoch dar, wenn sich Ihre Erzählung mit dem Ziel Ihrer Website kreuzt. Worum geht es auf Ihrer Website? Was ist Ihr Markenlogo und warum verkauft es, was es verkauft? Alles, was Sie durch das Bild erklären, muss einzigartig sein, ohne einen Zentimeter Plagiat. Es muss so überzeugend werden, dass die Leute, nachdem sie Ihre Website einmal besucht haben, anfangen, sie zu teilen, darüber zu sprechen und sie noch einmal zu besuchen.
Wie es funktioniert
Es gibt einen ziemlich großen Unterschied zwischen einer Website mit Bildern, Grafiken und Animationen und einer langweiligen textzentrierten Plattform, die Sie als Website bezeichnen. Es ist unmöglich, Menschen zu beurteilen, und bevor Sie ein richtiges Gespräch führen können, sind sie weg. Um dies zu vermeiden, werden Multimedia-Elemente eingefügt. Wenn ein Kunde einen einfachen Text sieht, der ein Produkt beschreibt, fühlt er sich gezwungen, die Buchstaben und Wörter der Aussage zu lesen, während ein Bild, ein Video oder eine grafische Animation genauso leicht zu sehen wie zu verstehen ist.
Großes Produkt mit Kurzgeschichte verkaufen
Ein Unternehmen, das Autos verkauft, muss viel ausfüllen, bevor es über seine Online-Plattform Verkäufe tätigen kann. Der Autokauf im Internet kostet den Kunden viel Nerven, weil es um große Summen geht. Wenn die Website die Aufmerksamkeit des Kunden nicht erregt, dann ist es nichts als Müll, der im Internet herumschwirrt. Online-Verkauf von Autos, Lastwagen oder schweren Maschinen unter bestimmten Marketinggesichtspunkten, um die USPs (Unique Selling Points) des Produkts aufzuzeigen. Ich kenne eine Auto-Website, die die perfekte Storytelling-Technik verwendet hat, um ihren Schwung auf dem Bildschirm des Kunden zu zeigen.
Beispiel :
Lexusls.asia ist ein Ableger von Toyota, der Luxusautos verkauft. Auf der Website haben die Designer das Parallax-Scrolling brillant eingesetzt, um das Auto mit gerade genug Text vorzustellen, um den Besucher in Schwung zu bringen. Dann rollt plötzlich ein Reifen von rechts und zeigt einige andere coole Features des Autos. Wenn Sie weiter nach unten scrollen, lässt Sie die Website nicht mehr los und beschreibt mit einigen coolen Grafiken den Zweck und die Vorteile des Autos.
Visuelle Sprache
Visuelle Sprache hat die Fähigkeit, die Grundlage des Human Centric Design zu erschließen. Die visuelle Sprache reicht weit zurück und sogar bevor irgendein Alphabet erfunden wurde, da Höhlenmalereien das grundlegende Kommunikationsmedium waren. Die Höhlenmalereien fungierten als Quelle des Geschichtenerzählens, als Leitfaden zum Überleben und zur Abwehr potenzieller Gefahren, die Teil dieser Zeit waren. Die Höhlenzeichnungen sind mehr oder weniger die früheste Form visueller Daten.
Wir wissen, dass Bilder und Videos eine große kommunikative Kraft haben, wie nutzt man diese Kraft durch Pixel?
Beispiel :
Hier kommt Ihre eigene Vorstellungskraft ins Spiel. Fügen Sie Bilder und Videos mit dem richtigen Mischtext hinzu, damit Ihre Website für sich selbst spricht.
Bellroy.com verkauft seine Ledergeldbörsen mit der Garantie für mehr Platz bei schlankeren Designs. Wie sie es zeigen, ist durch einen eleganten Schieberegler mit HD-Bildern einer ihrer Brieftaschen gegen eine andere. Wenn sich der Schieberegler bewegt, tut es die Geschichte auch und innerhalb von 10 Bildern wird die gleiche Anzahl von Karten in ihre gebrandete Brieftasche gesteckt, während die andere Brieftasche mehr verformt wird, als sie tatsächlich ist. Hier ist die Schlussfolgerung schlagend und mit einer Moral zu ersparen.
Entwerfen Sie die Geschichte
Es ist ziemlich ähnlich wie beim Schreiben eines Theaterstücks, wenn Sie eine visuelle Geschichte entwerfen. Alle Aspekte und Elemente des Stücks sind auf Ihrer Website vorhanden und vermischen sich mit einer solchen Intimität, dass sie vollständig mit der von Ihnen vorgestellten Geschichte verschmelzen. Ihre Geschichte beginnt mit dem von Ihnen arrangierten Setup, bewegt sich dann auf den Konflikt zu und endet mit einer Lösung.
Diese Website zum Beispiel hat eine einzigartige Art, den Besucher am Arm zu nehmen und zu einem Tanzball voller Emotionen und visueller Leckereien einzuladen.
Die Benutzer müssen sich der Geschichte bewusst sein, da sie sie zu ihrem Ziel führt. Und hier wird der Besucher zum Lead und der Lead zum Kunden. Es ist nur fair, dass das Produkt oder die Dienstleistung, die Sie durch den Storytelling-Prozess hervorheben möchten, etwas haben muss, was der Benutzer braucht, eine einzigartige Funktionalität oder eine Preisspanne, nach der der Kunde sucht.
Beispiel :
Bagigia.com bietet dem Besucher zunächst eine Einführung in den Einzelhändler, gefolgt von einer einfachen, aber tiefgründigen 3D-Darstellung des Produkts selbst mit emotionalem Text, um die Geschichte am Laufen zu halten. Der großzügige weiße Abstand im Design hilft dem Benutzer, sich zu konzentrieren, da das Produkt in der Mitte hervorsticht und die Geschichte zum Handeln und zur Auflösung bringt.
Verwenden Sie animierte Geschichten zu Ihrem Vorteil
Es ist wahr. Die Website-Animation wurde Opfer von Überbeanspruchung ohne Rücksicht auf Konventionen oder Standards, und das ist der Hauptgrund für ihren Niedergang in den letzten 5 Jahren. Ironischerweise wissen nur sehr wenige Designer, wie der Einsatz cleverer und auf den Punkt gebrachter Animationen Ihre Geschichte zu einem Dark Knight-Film machen kann. Die Animation ist so aufgebaut, dass sie das abdeckt, was statische Bilder nicht vervollständigen können, während sie gleichzeitig das Design selbst amüsanter macht.
Beispiel :
Apropos DarkKnight, diese App für iOS auf benthebodyguard.com ermöglicht es Ihnen, Informationen auf Ihrer Website zu sichern und zu verschlüsseln, die eine Walkthrough-Animation (buchstäblich) enthält, während Sie mit „Ben“ in der Mitte, dem Leibwächter, der geschworen hat, Ihre Informationen zu schützen, untergehen einen beachtlichen Ruf. Diese Website hat beispielhaft gezeigt, wie Animation optimal genutzt werden kann, um die ideale Zweckgeschichte für ein Produkt zu produzieren.
Designbotschaft übersetzen
Überrascht es Sie nicht, wie ein Design, das einfach eine Mischung aus bildender Kunst und Grafik ist, Empathie in Ihnen hervorrufen kann? Ich weiß, ich habe. Wir Menschen reagieren auf unsere tierischen Sinne so sehr wie jeder andere Organismus naturgetreu. Wenn wir einen Frauenschwarm sehen, tun wir wie programmiert. Wenn Sie sich diese Eigenschaft menschlichen Verhaltens zunutze machen, muss Ihre Geschichte nicht immer ein Buzz-Kill über Ihr Manifest und Ihre Produkte sein, denn das hat heutzutage wahrscheinlich jeder andere Website-Besitzer im Sinn. Wenn Sie Gefühl, Geist und Moral hinzufügen, verwandelt sich Ihre Geschichte in eine Botschaft.
Beispiel :
Diese Website everylastdrop.co.uk nimmt Sie mit auf eine Reise Ihres täglichen Wasserverbrauchs in Ihrem Zuhause und Ihrer Umgebung. Über Fakten zu lesen, wie viel Wasser jeden Tag verschwendet wird, ist zu Mainstream und wird oft nie ernst genommen. Dieser unschuldige kleine Kerl, der wahllos Wasser in seinem Tagesablauf verwendet, unterstreicht nicht nur die Bedeutung von Wasser, sondern stellt es auch in Kontrast zu denen, die es in rauen Teilen der Welt am meisten brauchen. Es wächst so im Gedächtnis des Betrachters, dass er wahrscheinlich zweimal überlegen würde, ob er das nächste Mal einen weiteren Tropfen Wasser verschwendet.
Verwenden von dunklen Elementen
Es macht Spaß, Romane zu lesen, und mit den jüngsten technologischen Aufstiegen ist es jetzt notwendig, dass sie aus Büchern vorgelesen werden. Auch heute noch zieht es eine große Mehrheit der Online-Nutzer vor, das Buch nach seinem Einband zu beurteilen, als den Prolog tatsächlich zu lesen. Um diese Online-Nutzer anzusprechen und sie zum Produkt zu locken, stellen viele Autoren oft Entwickler ein, um Websites zu erstellen, die ihren Romanen gewidmet sind. Eine schrittweise Wiederholung des Romans mit animierten Sequenzen verleiht der Geschichte nicht nur das nötige Feuerwerk, sondern verführt auch den Online-Nutzer zum Lesen.
Beispiel :
Unter Verwendung des gleichen Prinzips und der gleichen Struktur wurde Nam Le’s gefeierte Kurzgeschichte „The Boat“ in eine interaktive Graphic Novel umgewandelt, indem eine Welt aus Stürmen geschaffen wurde, die den Ozean verwüsten und ein Boot aus den Schrecken des Vietnamkriegs zwingen. Das Beste, was jeder in seiner Storytelling-Fiesta tun kann, ist, seinem Design Sound hinzuzufügen. Dies ist der Superlativ des animierten Geschichtenerzählens, um UX zu erwerben. Sehen Sie es hier.
Es ist fesselnd und voller Illustrationen und beweist wirklich, wie gut Sie ein Produkt verwalten können, indem Sie ein Design erstellen, das sich bewegt, wenn Sie damit interagieren.
Vereinheitlichung von Through Scrolling
In der E-Commerce-Branche sind Menschen oft daran interessiert, die Vorteile eines Produkts zu nutzen, das in mehreren Instanzen verwendet werden kann, aber aus demselben Grund. Zum einen macht es ihnen das Leben um einiges leichter und zum anderen ist es ein Teil des technologischen Zeitalters. Aber bei so viel zu lernen und anzuerkennen über ein Unternehmen wie dieses ist es sehr unwahrscheinlich, dass Kunden ein Risiko für etwas eingehen, das futuristische Implikationen hat und ihren Zweck allzu einfach erfüllt, was es zu schön macht, um wahr zu sein. Ich habe Unternehmen gesehen, die versuchten, solche Produkte mit zu viel Zustimmung zu verkaufen, und das Ergebnis war ein tragischer Abbruch.
Beispiel :
Dieses Produkt schafft es jedoch nicht nur zu verkaufen, sondern auch zu erfüllen, was es seinen Kunden verspricht. Dieses Produkt bei onlycoin.com ist eine einzelne Karte, die alle Ihre Kreditkarten enthält. Der Prozess des Geschichtenerzählens hilft dem Betrachter, die Komplikation des Tragens zu vieler Karten in Ihrer Brieftasche mit Argumentation zu verstehen, aber mit der grafischen Anzeige der schrittweisen Kartenoptimierung und des kompakten Tragens wird es schwierig, den versprochenen Anwendungen des Produkts zu widersprechen.
Fazit
Storytelling ist nicht nur auf ein Produkt oder Ziel beschränkt; Es ist offen für alle Arten von E-Commerce-Übungen, die den Besuchern helfen, die ideale UX zu erhalten, ohne Kompromisse bei der Funktionalität des Designs einzugehen. Zu lernen, dies für Ihre eigenen Produkte und Dienstleistungen über E-Commerce-Websites zu beherrschen, ist im Zeitalter des elektronischen Marketings unerlässlich. Ohne die Denkweise des Verbrauchers zu lesen, können Sie Ihr Produkt einfach nicht anbieten, und ohne Nachfrage gibt es keine Produktion. Wie Tim O’brien es ausdrückt: „Storytelling ist die wesentliche menschliche Aktivität, je schwieriger die Situation, desto wichtiger ist sie“, und glauben Sie mir, Kumpel, die Situation wird nie einfacher.