Websites werden erstellt, um eine Funktion auszuführen und mit ihren Benutzern zu kommunizieren. Aber darüber hinaus können Websites auch spannend, aufregend und sogar unterhaltsam sein.

Das Hinzufügen von visuellem Interesse zu einer Website trägt dazu bei, unsere Auseinandersetzung mit ihr aufrechtzuerhalten, sei es durch Typografie, Grafik oder Fotografie. Aber ich glaube, es gibt auch das Potenzial für Elemente der Interaktion, um visuelle Stimulation und Feedback zu bieten, sogar den Benutzer zu erfreuen. In diesem Artikel werde ich argumentieren, dass das Hinzufügen von Effekten, um Ihre Benutzer zu unterhalten, zu überraschen und aufzuregen, Ihre Websites und Apps verbessern und die Benutzer zurückkommen lassen.

Freude

Website-Design ist oft ein trockenes Thema, beladen mit UX-Jargon und Information Architecture User Journeys. Aber warum sollte da nicht ein bisschen Spaß sein? Das Hinzufügen von Freude zu einer Website ist eine großartige Möglichkeit, eine Website nicht nur menschlicher zu machen, sondern auch Ihre Website einzigartig zu machen.

Ich werde meine Definition von Freude hier eingrenzen, indem ich sage, dass es die Hinzufügung von nicht benötigten Funktionen ist.

Damit meine ich, dass es kein wesentlicher Bestandteil der Website ist. Es kann jedoch einen starken Einfluss auf die Wahrnehmung und Erfahrung der Site haben. Ich würde sogar so weit gehen, zu sagen, dass die Art und Weise, wie Sie mit den streng unnötigen Elementen der Benutzeroberfläche umgehen, genauso wichtig sind wie die Typografie und andere visuelle Elemente, um den Ton einer Website zu setzen.

Eine freie Interaktion

In einem (n Artikel für Cooper Journal, Chris Noessel nennt "One free interaction" ein Designmuster, "das Software ein humaneres Gefühl gibt".

Ein Teil davon ist die Erkenntnis, dass Menschen zappelige Kreaturen sind, die oft dazu neigen, kleine Aktionen zu wiederholen. Traditionell mit Stift und Papier würden wir die Stifte kritzeln oder kontinuierlich zurückziehen. Ich bin zum Beispiel ein eingefleischter Pen-Spinner.

Menschen tragen oft diese Unruhe in Web-Browsing, oft Scrollen nach oben und unten, Auswählen von Textstücken oder Wiederholen von Aktionen.

Das One-Free-Interaction-Muster umfasst dieses angeborene menschliche Bedürfnis, zu geigen, indem interaktive Elemente geschaffen werden, die unerwartete oder angenehme Ergebnisse liefern. Brauchen Sie ein Beispiel? Versuchen Sie, den Mauszeiger über das Web Designer Depot "W" -Logo am oberen Rand dieser Seite zu bewegen.

Wie Noessel sagt, sitzen freie Interaktionen außerhalb der Aufgabenleistung und sitzen stattdessen in den Zwischenräumen. Aber sie sind mächtig in der Gestaltung unserer emotionalen Reaktion auf die Websites, die wir verwenden.

Scroll-Effekte

Wie bereits erwähnt, ist eines der am häufigsten vorkommenden "Fidgets" das Scrollen nach oben und unten, so dass Seiten, die beim Scrollen visuell interessant sind, oft entzückend sind.

Die einseitige Seite für die Nizo Die Photo-App von Image Mechanics verfügt über "gerollte" Kamerakomponenten, die sich beim Scrollen nach unten und nach außen bewegen. Wenn du wie ich bist, verbringst du ziemlich viel Zeit damit, auf und ab zu scrollen und mit der großartigen Oberfläche zu spielen. (Halten Sie nicht die Luft an und warten Sie, bis die App freigegeben wird.)

nizo_01

Die Verwendung von Parallaxeneffekten beim Scrollen bringt ebenfalls Freude und schafft die Illusion von Tiefe. Ich liebe die Junge-schüchtern Website, wo die Scroll-Effekte perfekt zum Ton und visuellen Stil der Website passen.

boycoy_01

Ich bin überrascht, dass es nicht mehr Webseiten mit horizontalen Scrolling-Effekten gibt, da Side Scrolling ein so häufiges Thema im Game Design ist. Aber ein schönes Beispiel ist das Nintendo Mario Kart Website, die die Geschichte des Spiels über 20 Jahre Nintendo Konsolen betrachtet.

mariokart_01

Die polnische Seite Vermanschen Fügt Schichten von Grafikelementen hinzu, die beim Scrollen übergehen, eine High-Tech-Methode, um ein Low-Fi-Skizzenbuch-Feeling zu erzielen.

Mashup_01

Der König der Scroll-Effekte ist wahrscheinlich Acko . Hier ist das Site-Header-Element ein animiertes 3D-Graffiti-Objekt. Es ist das animierte Logo auf der nächsten Ebene - immersiv, interaktiv, spielerisch. Es gibt sogar Errungenschaften auf der Benutzeroberfläche zu "entsperren" - obwohl Gamification insgesamt ein Thema ist.

acko_01

Design für Emotionen

Das Hinzufügen von Freude zu Ihrer Website trägt dazu bei, eine emotionale Verbindung mit einem Benutzer herzustellen. Die Kraft der Emotion im Design ist etwas, was wir erst zu verstehen beginnen, aber es hilft zu erklären, warum wir es genießen, bestimmte Objekte zu benutzen und eine so starke Verbindung mit ihnen zu haben. Dies gilt sowohl für das Design physischer Produkte als auch für das interaktive Design.

Ich denke, dass Apple-Produkte einen so hohen Stellenwert haben, weil sie emotional an sie gebunden sind, und es gibt viele Beispiele für Freude an Apple-Hardware und -Software. Ich weiß, dass viele Leute das "Gummiband", das auf iOS Mobile Safari scrollt, so sehr lieben, dass sie abwesend ping auf und ab gehen.

OK, durch 'viele Leute' meine ich mich, aber Steve Jobs liebte es genug, um es zu patentieren, und es ist Teil des Rechtsstreits von Apple gegen Samsung.

Aaron Walter, in seinem Buch Entwerfen für Emotion, befasst sich mit der Art und Weise, wie erfolgreiche Websites die Emotionen der Nutzer beeinflussen, indem sie ihnen Persönlichkeit verleihen. Das Hinzufügen von Elementen, die einen Benutzer erfreuen, ist eine sehr leistungsfähige Möglichkeit, dies zu tun. Einfach ausgedrückt, bevorzugen wir Werkzeuge, die uns erfreuen, also ist es auch für das Geschäft gut.

Freude ist keine Spielerei

Das Hinzufügen von Freude bedeutet nicht, vorsätzliche Effekte als Gimmick hinzuzufügen. Die Effekte sollen dabei helfen, die Persönlichkeit der Site zu prägen. Sie müssen nicht verspielt oder skurril sein (obwohl sie es sein können, wenn das die Persönlichkeit ist, die du vermitteln willst), sie können subtil und zurückhaltend sein, wenn es dem Charakter besser passt. Sieh dir das an pictet.com. Ich liebe die Art und Weise, wie die Suchleiste eingeblendet wird, wenn Sie auf den Suchlink klicken. Dadurch wird verhindert, dass das Suchtextfeld ein dominantes Element ist, bis Sie danach gefragt werden. Es ist subtil und edel und passt perfekt zum Stil der Website - einer Schweizer Finanzdienstleistungsfirma - perfekt.

pictet_01

Manchmal sind die Effekte so subtil, dass Sie sie vielleicht gar nicht bemerken. Wussten Sie zum Beispiel, dass der Lautstärkeregler am BBC iPlayer geht bis 11? Es ist eine nette kleine Anspielung auf Spinal Tap.

Übertreib es nicht

Das Hinzufügen zu vieler unerwarteter Interaktionen kann kontraproduktiv sein und einen visuellen Overkill erzeugen. Wenn Sie nicht versuchen, eine hyperkinetische, spielähnliche Umgebung zu schaffen, werden zu viele visuelle Effekte mit Flip-Overs, Pop-ups, Whizzbangs und Quirkbomben über den gesamten Ort hinweg jede sinnvolle Beschäftigung mit dem Inhalt beeinträchtigen. Sieh dir das an LED-Bogen Website zum Beispiel. Technisch ist es brillant, aber ich denke nicht, dass es effektiv kommuniziert. Es ist einfach zu viel los.

ledbow_01

Wähl die Freude ein

Ich liebe Websites, die den Bildschirm eher als Sucher oder Oberfläche behandeln als als Seitenbetrachter. Schichten, die sich mit unterschiedlicher Geschwindigkeit bewegen, erzeugen Tiefe und Interesse. Elemente, die sich in Position bewegen, lenken die Aufmerksamkeit auf sie.

Bewegung macht Erfahrung immersiver, aber sei dir bewusst, dass diese Art von Interaktivität um ihrer selbst willen nicht gleichbedeutend ist mit mehr Engagement.

Das Hinzufügen von Freude macht Orte humaner und auch taktiler, und unser Affe-Gehirn muss sich durcheinandersetzen und spielen, während wir denken und lernen. Wenn Sie das nächste Mal eine Website erstellen, denken Sie darüber nach, wie Sie etwas Einzigartiges erstellen können, um Ihre Nutzer zu begeistern.

Entwerfen Sie für Emotion? Wie fügst du einer Site Freude hinzu? Lassen Sie es uns in den Kommentaren wissen.