\n Lexusls.asia<\/a> 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\u00f6tzlich ein Reifen von rechts und zeigt einige andere coole Features des Autos. Wenn Sie weiter nach unten scrollen, l\u00e4sst Sie die Website nicht mehr los und beschreibt mit einigen coolen Grafiken den Zweck und die Vorteile des Autos.\n<\/p>\n \n Visuelle Sprache hat die F\u00e4higkeit, die Grundlage des Human Centric Design zu erschlie\u00dfen. Die visuelle Sprache reicht weit zur\u00fcck und sogar bevor irgendein Alphabet erfunden wurde, da H\u00f6hlenmalereien das grundlegende Kommunikationsmedium waren. Die H\u00f6hlenmalereien fungierten als Quelle des Geschichtenerz\u00e4hlens, als Leitfaden zum \u00dcberleben und zur Abwehr potenzieller Gefahren, die Teil dieser Zeit waren. Die H\u00f6hlenzeichnungen sind mehr oder weniger die fr\u00fcheste Form visueller Daten.\n<\/p>\n \n Wir wissen, dass Bilder und Videos eine gro\u00dfe kommunikative Kraft haben, wie nutzt man diese Kraft durch Pixel?\n<\/p>\n \n Beispiel<\/strong> :\n<\/p>\n \n Hier kommt Ihre eigene Vorstellungskraft ins Spiel. F\u00fcgen Sie Bilder und Videos mit dem richtigen Mischtext hinzu, damit Ihre Website f\u00fcr sich selbst spricht.\n<\/p>\n \n Bellroy.com<\/a> verkauft seine Ledergeldb\u00f6rsen mit der Garantie f\u00fcr 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\u00e4hrend die andere Brieftasche mehr verformt wird, als sie tats\u00e4chlich ist. Hier ist die Schlussfolgerung schlagend und mit einer Moral zu ersparen.\n<\/p>\n \n Es ist ziemlich \u00e4hnlich wie beim Schreiben eines Theaterst\u00fccks, wenn Sie eine visuelle Geschichte entwerfen. Alle Aspekte und Elemente des St\u00fccks sind auf Ihrer Website vorhanden und vermischen sich mit einer solchen Intimit\u00e4t, dass sie vollst\u00e4ndig 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\u00f6sung.\n<\/p>\n \n Diese Website zum Beispiel hat eine einzigartige Art, den Besucher am Arm zu nehmen und zu einem Tanzball voller Emotionen und visueller Leckereien einzuladen.\n<\/p>\n \n Die Benutzer m\u00fcssen sich der Geschichte bewusst sein, da sie sie zu ihrem Ziel f\u00fchrt. 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\u00f6chten, etwas haben muss, was der Benutzer braucht, eine einzigartige Funktionalit\u00e4t oder eine Preisspanne, nach der der Kunde sucht.\n<\/p>\n \n Beispiel<\/strong> :\n<\/p>\n \n Bagigia.com<\/a> bietet dem Besucher zun\u00e4chst eine Einf\u00fchrung in den Einzelh\u00e4ndler, gefolgt von einer einfachen, aber tiefgr\u00fcndigen 3D-Darstellung des Produkts selbst mit emotionalem Text, um die Geschichte am Laufen zu halten. Der gro\u00dfz\u00fcgige wei\u00dfe Abstand im Design hilft dem Benutzer, sich zu konzentrieren, da das Produkt in der Mitte hervorsticht und die Geschichte zum Handeln und zur Aufl\u00f6sung bringt.\n<\/p>\n \n Es ist wahr. Die Website-Animation wurde Opfer von \u00dcberbeanspruchung ohne R\u00fccksicht auf Konventionen oder Standards, und das ist der Hauptgrund f\u00fcr 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\u00e4ndigen k\u00f6nnen, w\u00e4hrend sie gleichzeitig das Design selbst am\u00fcsanter macht.\n<\/p>\n \n Beispiel<\/strong> :\n<\/p>\n \n Apropos DarkKnight, diese App f\u00fcr iOS auf benthebodyguard.com<\/a> erm\u00f6glicht es Ihnen, Informationen auf Ihrer Website zu sichern und zu verschl\u00fcsseln, die eine Walkthrough-Animation (buchst\u00e4blich) enth\u00e4lt, w\u00e4hrend Sie mit \u201eBen“ in der Mitte, dem Leibw\u00e4chter, der geschworen hat, Ihre Informationen zu sch\u00fctzen, untergehen einen beachtlichen Ruf. Diese Website hat beispielhaft gezeigt, wie Animation optimal genutzt werden kann, um die ideale Zweckgeschichte f\u00fcr ein Produkt zu produzieren.\n<\/p>\n \n \u00dcberrascht es Sie nicht, wie ein Design, das einfach eine Mischung aus bildender Kunst und Grafik ist, Empathie in Ihnen hervorrufen kann? Ich wei\u00df, 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 \u00fcber Ihr Manifest und Ihre Produkte sein, denn das hat heutzutage wahrscheinlich jeder andere Website-Besitzer im Sinn. Wenn Sie Gef\u00fchl, Geist und Moral hinzuf\u00fcgen, verwandelt sich Ihre Geschichte in eine Botschaft.\n<\/p>\n \n Beispiel<\/strong> :\n<\/p>\n \n Diese Website everylastdrop.co.uk<\/a> nimmt Sie mit auf eine Reise Ihres t\u00e4glichen Wasserverbrauchs in Ihrem Zuhause und Ihrer Umgebung. \u00dcber 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\u00e4chst so im Ged\u00e4chtnis des Betrachters, dass er wahrscheinlich zweimal \u00fcberlegen w\u00fcrde, ob er das n\u00e4chste Mal einen weiteren Tropfen Wasser verschwendet.\n<\/p>\n \n Es macht Spa\u00df, Romane zu lesen, und mit den j\u00fcngsten technologischen Aufstiegen ist es jetzt notwendig, dass sie aus B\u00fcchern vorgelesen werden. Auch heute noch zieht es eine gro\u00dfe Mehrheit der Online-Nutzer vor, das Buch nach seinem Einband zu beurteilen, als den Prolog tats\u00e4chlich 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\u00f6tige Feuerwerk, sondern verf\u00fchrt auch den Online-Nutzer zum Lesen.\n<\/p>\n \n Beispiel<\/strong> :\n<\/p>\n \n Unter Verwendung des gleichen Prinzips und der gleichen Struktur wurde Nam Le's gefeierte Kurzgeschichte \u201eThe Boat“ in eine interaktive Graphic Novel umgewandelt, indem eine Welt aus St\u00fcrmen geschaffen wurde, die den Ozean verw\u00fcsten und ein Boot aus den Schrecken des Vietnamkriegs zwingen. Das Beste, was jeder in seiner Storytelling-Fiesta tun kann, ist, seinem Design Sound hinzuzuf\u00fcgen. Dies ist der Superlativ des animierten Geschichtenerz\u00e4hlens, um UX zu erwerben. Sehen Sie es hier<\/a>.\n<\/p>\n \n Es ist fesselnd und voller Illustrationen und beweist wirklich, wie gut Sie ein Produkt verwalten k\u00f6nnen, indem Sie ein Design erstellen, das sich bewegt, wenn Sie damit interagieren.\n<\/p>\n \n 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 \u00fcber ein Unternehmen wie dieses ist es sehr unwahrscheinlich, dass Kunden ein Risiko f\u00fcr etwas eingehen, das futuristische Implikationen hat und ihren Zweck allzu einfach erf\u00fcllt, was es zu sch\u00f6n 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.\n<\/p>\n \n Beispiel<\/strong> :\n<\/p>\n \n Dieses Produkt schafft es jedoch nicht nur zu verkaufen, sondern auch zu erf\u00fcllen, was es seinen Kunden verspricht. Dieses Produkt bei onlycoin.com<\/a> ist eine einzelne Karte, die alle Ihre Kreditkarten enth\u00e4lt. Der Prozess des Geschichtenerz\u00e4hlens 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.\n<\/p>\n \n Storytelling ist nicht nur auf ein Produkt oder Ziel beschr\u00e4nkt; Es ist offen f\u00fcr alle Arten von E-Commerce-\u00dcbungen, die den Besuchern helfen, die ideale UX zu erhalten, ohne Kompromisse bei der Funktionalit\u00e4t des Designs einzugehen. Zu lernen, dies f\u00fcr Ihre eigenen Produkte und Dienstleistungen \u00fcber E-Commerce-Websites zu beherrschen, ist im Zeitalter des elektronischen Marketings unerl\u00e4sslich. Ohne die Denkweise des Verbrauchers zu lesen, k\u00f6nnen Sie Ihr Produkt einfach nicht anbieten, und ohne Nachfrage gibt es keine Produktion. Wie Tim O'brien es ausdr\u00fcckt: \u201eStorytelling ist die wesentliche menschliche Aktivit\u00e4t, je schwieriger die Situation, desto wichtiger ist sie“, und glauben Sie mir, Kumpel, die Situation wird nie einfacher.\n<\/p>\n<\/p>\n\n Visuelle Sprache
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745d3debe.webp\")
<\/a><\/p>\n\n Entwerfen Sie die Geschichte
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745f45d06.webp\")
<\/a><\/p>\n\n Verwenden Sie animierte Geschichten zu Ihrem Vorteil
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827460e07ae.webp\")
<\/a><\/p>\n\n Designbotschaft \u00fcbersetzen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827463020e7.webp\")
<\/a><\/p>\n\n Verwenden von dunklen Elementen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274657f38e.webp\")
<\/a><\/p>\n\n Vereinheitlichung von Through Scrolling
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274683f667.webp\")
<\/a><\/p>\n\n Fazit
\n<\/h3>\n