Jedes Mal, wenn ein Benutzer mit Ihrem Entwurf etwas unternimmt, wird eine Interaktion erstellt. Einige Interaktionen, z. B. Klicks, werden vom Benutzer fast nicht wahrgenommen. Andere Interaktionen beinhalten jedoch eine gewisse Magie, die den Benutzer dazu bringen möchte, noch mehr mit dem Design zu spielen.
Es gibt eine feine Linie zwischen einer Interaktion, die magisch wirkt, und einer, die völlig überwältigend sein kann. Die meisten magischen Interaktionen sind etwas unerwartet, einfach, erzeugen eine emotionale Reaktion und lassen den Benutzer sie wieder verwenden.
Wechselwirkungen mit Magie
Magie ist - eine Qualität, die etwas aus dem Alltag entfernt erscheinen lässt, vor allem auf eine Art, die Freude macht.Was eine Interaktion wirklich magisch macht, ist, dass sie antizipiert, was der Benutzer als nächstes tun wird. Das Design bewegt sich fast mit dir? Oder vielleicht nur einen Schritt vor Ihnen, um genau das zu tun, was Sie sich nur wünschen, bevor Sie diese Entscheidung getroffen haben.
Um diese Art von interaktiver Benutzeroberfläche zu entwerfen, müssen Sie Ihre Benutzer außerordentlich gut kennen. Sie müssen ihre Gewohnheiten und Muster erforschen, bevor Sie über die visuellen Elemente oder Interaktionen nachdenken. Wenn Sie erst einmal über diese Daten verfügen, können Sie darüber nachdenken, wie Sie diese Verbindungen herstellen können.
Was macht eine Interaktion magisch? Wie definieren Sie es? Die beste Beschreibung stammt aus einer wissenschaftlichen Arbeit, Magische Interaktionen mit Informationen für visuelle Überlegungen:
Einige Beispiele sind:
- Klicken und Ziehen einer Zeichnung einer Zeichentrickfigur, die daraufhin "intelligent" reagiert, indem sie ihre Pose als Reaktion auf die Eingaben des Benutzers ändern und verstehen, wie sie sich wie von Zauberhand bewegen;
- Durchsuchen von Videodaten, indem Sie direkt auf die Zeichen im Video klicken, anstatt einen Schieberegler zu verwenden.
- Mobilgeräte stoßen, um Dateien zu übertragen; und
- Auswählen von 3D-Punktwolken durch Zeichnen eines 2D-Lassos.
Alle diese Interaktionen haben "die Fähigkeit, scheinbar den Ablauf von Ereignissen durch den Einsatz geheimnisvoller oder übernatürlicher Kräfte zu beeinflussen" und "eine Qualität, die etwas aus dem Alltag entfernt erscheinen lässt, vor allem in einer Weise, die entzückt" - zwei Eigenschaften, die direkt aus dem Wasser stammen Definition des Wortes Magie.
Intelligente Animation
Animationen gibt es überall. Es scheint, als hätte fast jede Website etwas in Bewegung gesetzt, sei es ein Videoclip, ein Hover-Effekt oder ein Ladedivot. Diese Bewegung macht Sinn. Die Bewegung fällt auf natürliche Weise ins Auge und bietet einen Moment des Eingriffs, der auch als Ablenkung dienen kann, während die Baustelle vollständig geladen wird oder im Hintergrund arbeitet.
Eine Art von intelligenter Interaktion kann ein bewegtes Foto oder ein Cinemagraph sein. Bei dieser Technik werden Still- und Live-Action mit subtilen Bewegungen oder Bewegungen gemischt, sodass Benutzer tiefer in das Design blicken möchten. (In unserem Beitrag erfahren Sie mehr über die Entwicklung der lebendigen Fotos.)
Die intelligentesten Animationen sind mehr als einfache Bewegungen - der Benutzer möchte etwas tun und stellt fest, dass er tatsächlich funktionsfähig ist. Diese Art der Interaktion beginnt im E-Commerce häufig zu geschehen, wo Benutzer die Erfahrung des Sehens oder „Haltens“ wünschen. Ein Produkt aus allen Richtungen. Qantas Airlines (oben) tut dasselbe mit einem Website-Design, das es Benutzern ermöglicht, in ihre Flugzeuge zu schauen und Sitzoptionen und mehr zu betrachten. (Klicken Sie sich auf dieser Website um, Sie würden staunen, was Sie alles sehen können? Und es fühlt sich sehr real an.)
Direkte Klickbarkeit
Zu oft landen Sie auf einer Website und die Elemente, auf die Sie klicken, machen nichts. Bei direkter Klickbarkeit sind mehr Elemente Objekte, die Sie zu neuen Elementen führen, usw., um ein Web mit Klicks, Links und Pfaden zu erstellen, die der Benutzer verwenden kann. Der Fluss hat eine nahtlose Qualität, die diese Klickinteraktionen wünschenswert macht.
Es gibt noch nicht genug dieser Interaktionen, aber wenn Sie es finden, machen sie viel Spaß. Die Website für den Film Sing ist ein gutes Beispiel. (Sie müssen um klicken.) Jedes Element ist so gestaltet, dass sich die Website wie eine interaktive Erweiterung des Films anfühlt. Sie können so ziemlich alles anklicken und etwas wird passieren. Kombinieren Sie das mit dem Cartoon-Aspekt und es fühlt sich wirklich magisch an.
Beulen und Haptik
Während die Akademiker die Magie des "Buckels" liebten. Mehr Benutzer lieben die Magie der Haptik. Es kann für einfache Interaktionen mit Ihrer Uhr sorgen - ich verpasse keinen Anruf -, wenn Sie ein Spiel spielen, das sich dank Bewegung intuitiver anfühlt. Beulen können real oder wahrgenommen werden, z. B. im Konterball-Spiel, abhängig vom Gerätetyp.
In vielen dieser Fälle verwendet das Desktop-Webdesign Bewegungen, die die Benutzer wahrnehmen können. Auf Handys, Uhren oder VR-Geräten gibt es jedoch ein haptisches Element.
Web-Design, das bis jetzt praktisch virtuell war, wird durch berührungsbasierte Interaktionen lebendig. Erwarten Sie mehr Schnittstellen, die Sie berühren, und die Rückkopplungsschleife wird mit einer physischen Antwort vom Gerät geschlossen.
Dimensionsperspektive
Die Linien zwischen den Dimensionen beginnen zu verschwimmen. Während Bildschirme eine zweidimensionale Landschaft sind, schaffen mehr Designs dreidimensionale Welten. Die Benutzer handeln jedoch immer noch mit 2D-Bewegungen. Es ist ein merkwürdiges und beinahe überwältigendes Konzept.
Dann aber mit der Website auf diese Weise intakt.
Du wirst die Magie sehen.
Campo Alle Comete erzählt eine Geschichte, die magisch ist, im Wesentlichen aber auch interaktiv ist. Bewegen Sie die Maus in geraden Linien über den Bildschirm, um zu sehen, wie sich die Welt verändert und bewegt. Und es scheint keine Regeln zu geben. Die Bewegung erfolgt in die von Ihnen gewählte Richtung und Geschwindigkeit. Das Beste an dieser märchenhaften Erfahrung? Sie werden wahrscheinlich einige Minuten lang klicken und spielen, bevor Sie überhaupt erkennen, was die Website zu zeigen versucht. (Es ist für Wein.)
Fazit
Was macht eine Interaktion magisch? Es muss vorausschauend sein und genau das tun, was der Benutzer so wünscht, wie er es wünscht.Es sollte interessant sein und nur ein bisschen anders sein. Und es muss so einfach sein, dass es keine Verwirrung gibt.
Die eigentliche Magie geschieht schließlich, wenn der Benutzer mit einem Lächeln oder einem Gefühl der Freude oder Zufriedenheit darauf reagiert. Magie ist eine menschliche Bindung, ohne dieses Gefühl der Benutzer ist es nur ein weiterer Trick.