Während Ihre Benutzer Zeit auf Ihrer Website verbringen, interagieren sie ständig mit ihren Funktionen – und einige dieser kleinen Interaktionen sind wichtiger, als Sie vielleicht denken.

Jede kleine Bewegung hat einen Einfluss auf ihr Gesamterlebnis. Nutzen Sie diese kleinen Momente, um Ihre Benutzererfahrung zu verbessern und sicherzustellen, dass Benutzer weitere Interaktionen durchführen, wenn sie mit der Navigation auf Ihrer Website beginnen.

Was sind Mikrointeraktionen?

Diese kleinen Interaktionen sind treffend benannte Mikrointeraktionen. Dies sind die grundlegenden Aufgaben, die Benutzer bei der Interaktion mit Ihrer Site ausführen. Wenn eine Site gut gestaltet ist, bietet sie eine Art positives Feedback, wenn Benutzer mit ihr interagieren – die Benutzer sollten das Gefühl haben, Teil der Übergänge und Bewegungen der Site zu sein, aber auch die Reaktionen auf diese Interaktionen müssen sich natürlich und intuitiv anfühlen.

Diese Interaktionen ermöglichen es Benutzern, eine einzelne Aufgabe auszuführen, wie z. B. ihre Geräte mit Ihrer Website zu synchronisieren, mit einer Funktion auf Ihrer Seite zu interagieren, die Lautstärke oder Helligkeit zu steuern, einen Kommentar hochzuladen, wie eine Seite, oder eine Funktion ein- oder auszuschalten. Die Mikrointeraktion ist die Bestätigung, dass Benutzer ihre Aufgabe erfüllt haben.

Beispiele für Mikrointeraktionen

Eine reaktionsschnelle Interaktion zeigt Benutzern, dass ihre Aktion funktioniert hat oder von der Website akzeptiert wurde, und die Benutzer bemerken sie meistens nicht. Die Reaktion Ihrer Website auf eine Mikrointeraktion sollte ein nahtloser Aspekt der Benutzeroberfläche sein. Benutzer bemerken es vielleicht nicht, aber Mikrointeraktionen können UX beeinflussen oder zerstören.

Bei Mikrointeraktionen geht es jedoch nicht nur um das Design einer Website. Sie sind Teil jedes Geräts mit responsiven Designfunktionen. Einige Beispiele für Mikrointeraktionen sind das Vibrieren eines Smartphones, wenn es stumm geschaltet ist, oder das Geräusch, das auftritt, wenn Sie etwas auf Facebook „liken“.

Solche Interaktionen können Pawlowsche sein – Benutzer fühlen sich wie ein Leckerbissen für ihr Zusammenspiel. „Gefällt mir“ den Status von jemandem, und es gibt einen Klick auf die Errungenschaft; schalten Sie das Telefon auf Vibration, und es antwortet, indem es Ihnen – so leise wie möglich – mitteilt, dass es seinen Job erledigt hat.

Wenn Sie Mikrointeraktionen für eine Website erstellen, möchten Sie, dass die Benutzer dies haben gleiche positive Erfahrung. Wenn Sie dies tun, werden Ihre Benutzer automatisch eine bessere Erfahrung machen, ohne zu wissen, warum.

Nutzen Sie Mikrointeraktionen für eine bessere UX

Nachdem Sie nun das Warum verstanden haben, überlegen Sie, wo Ihre Mikrointeraktionen die größte Wirkung haben können. Hier sind neun Mikrointeraktionen, um verbessern Sie Ihre Benutzererfahrung.

1. Einstellungen anpassen

Wenn Ihre Benutzer die Kontrolle über Lautstärkeeinstellungen, Helligkeit oder andere Einstellungen auf Ihrer Website haben, schließen Sie eine Mikrointeraktion ein. Ein kleines Logo, das Benutzer animiert oder sich mitbewegt, während sie die Ebenen anpassen, ist eine gute Möglichkeit, mit Ihren Benutzern zu interagieren.


Bild: Mikroanimation zur Lautstärkeregelung von Nick Buturishvili

2. Nachrichten oder Kommentare

Ein Bereich für Feedback oder Kommentare ist selbst eine Mikrointeraktion. Ihre Benutzer sollten einen Bereich haben, in dem sie Zugriff auf Sie haben. Wenn Sie nicht oder unfreundlich reagieren, kann dies nach hinten losgehen.

Betrachten Sie die Ticketverkaufsgesellschaft TickPick. Als es versäumte, die Upper Peninsula auf seiner Karte von Michigan aufzunehmen, teilten seine Bewohner dem Unternehmen schnell mit.

TickPicks Social-Media-Reaktion gewannen keine Punkte: „Wir haben den wichtigen Teil von Michigan, ist das nicht gut genug?“ Dann entschuldigten sie sich nicht, indem sie sagten: „Wir sind sicher, dass die Upper Peninsula von Michigan ein schöner Ort zum Leben ist, und ich versichere Ihnen, dass wir sie nicht absichtlich von der Landkarte gelassen haben. Aber im Ernst, es ist nur ein Haufen Wälder.“

Obwohl der Besitzer hat es wieder gut gemacht mit der Community war es nicht billig. Er flog in die Gegend und deckte den Einheimischen in einem gehobenen Brauerei-Pub die Rechnung. Aus dieser Lektion können alle Unternehmen lernen – schulen Sie Ihr Social-Media-Reaktionsteam und halten Sie es positiv.

3. Statusleiste hochladen oder herunterladen

Niemand möchte sich ausgeschlossen fühlen, nachdem er sich entschieden hat, etwas hoch- oder herunterzuladen. Halten Sie Ihre Benutzer beim Hoch- oder Herunterladen auf dem Laufenden, und sie werden wahrscheinlich dabei bleiben. Wenn sie sich nicht sicher sind, ob sie ihre Aufgabe erfüllt haben, werden sie sich bei der Erfahrung nicht wohl fühlen.

Animierte Mikrointeraktion in der Statusleiste herunterladen
Bild: Download Button Transition von Arto Baghdasaryan

4. Benachrichtigungen

Wenn Ihre Benutzer irgendeine Art von Benachrichtigung von Ihrer Website erhalten, ist eine Mikrointeraktion beteiligt. Animierte Benachrichtigungen entwickeln erregt die Aufmerksamkeit Ihres Benutzers und zeigt, dass er etwas Wichtiges überprüfen muss.

Wenn Ihre Benachrichtigungen Spaß machen und ansprechend sind, verbinden Benutzer diese Gefühle mit Ihrem Unternehmen.

Benachrichtigungsabzeichen animierte Mikrointeraktion
Bild: Benachrichtigungsabzeichen von Blaine Billingsley

5. Pulldown-Menüs

Wenn Benutzer Ihre Website auf einem Mobilgerät anzeigen, müssen separate Seiten aufgeteilt werden. Pulldown-Menüs auf Ihrer Seite ermöglichen es Benutzern, schnell zwischen den Seiten hin und her zu wechseln, ohne ihren Platz zu verlieren. Ohne diese einfache Antwort werden Benutzer wahrscheinlich mit der Navigation frustriert.

Benachrichtigungsabzeichen animierte Mikrointeraktion
Bild: Herunterziehen und auffrischen von Odneoko

6. Ladeseite

Ihre Website kann Seiten enthalten, deren Ladezeit länger dauert als bei anderen. Eine kleine Interaktion, die Benutzer darüber informiert, dass die Seite noch geladen wird, hält sie in Atem und gibt ihnen eine Vorstellung davon, wann der Ladevorgang abgeschlossen ist.

Dies dient Ihrem Benutzer als Gefälligkeit und trägt dazu bei, Ihre Absprungrate niedrig zu halten. Wenn Verbraucher wissen, dass eine Seite geladen wird, ist es weniger wahrscheinlich, dass sie die Seite verlassen, vorausgesetzt, Ihre Website reagiert einfach nicht.

7. Eingabe visualisieren

Benutzer, die Daten auf Ihrer Website eingeben, möchten diese anzeigen können. Wenn sie eine Kontaktseite ausfüllen oder Kreditkarteninformationen eingeben, zeigt die Visualisierung, dass sie die Informationen korrekt eingegeben haben. Bei dieser Mikrointeraktion geht es weniger um Spaß am Engagement, sondern mehr um Klarheit und Sicherheit.

Visuelle Eingaben schaffen Vertrauen bei Ihren Benutzern und schaffen das Gefühl, dass Ihre Website glaubwürdig ist.

Login Animation animierte Mikrointeraktion
Bild: Login-Animation von Cooper Maruyama

8. Ein reaktionsschneller Call-to-Action

Mikrointeraktionen sind für Ihre Benutzer interessant und können sie dazu verleiten, auf Ihre Bedürfnisse zu reagieren Aufruf zum Handeln (CTA), was ein entscheidender Grund für eine Website ist.

Benutzen visuelle Hinweise oder Animationen um die Aufmerksamkeit der Nutzer auf sich zu ziehen und sie zum Klicken anzuregen. Sie möchten nicht, dass diese Interaktion aufdringlich oder nervig ist, weil Ihre Benutzer weniger geneigt sind, darauf zu reagieren.

UI-Buttons animierte Mikrointeraktion
Bild: UI-Buttons von Michał Wójtowicz

Effektive Mikrointeraktionen

Es gibt vier wichtige Schritte, die Sie in Ihre Mikrointeraktionen einbeziehen müssen, um sie effektiv zu machen:

  • Auslösen. Dies ist der Hinweis oder die Visualisierung, die Ihre Benutzer dazu auffordert, fortzufahren.
  • Regeln. Die Parameter der Mikrointeraktion zeigen den Benutzern, was die Interaktion bewirken wird.
  • Feedback. Wenn Ihre Benutzer auf eine Mikrointeraktion klicken, sollten sie eine Antwort erhalten.
  • Loops und Modi. Überlegen Sie, wie oft Ihre Mikrointeraktionen verwendet werden und wie Sie sie für neue und alte Benutzer erkennbar machen. In der Schleife wird Ihre Interaktion vertraut. Der Modus ist eine andere Feedback-Antwort, die den Benutzern zeigt, dass die Interaktion nicht dieselbe war wie beim ersten Mal.

Wenn Sie Mikrointeraktionen für eine bessere Benutzererfahrung nutzen, schaffen Sie positive Assoziationen mit Aspekten Ihres Webdesigns, die wahrscheinlich sowieso in irgendeiner Weise vorhanden sein müssen. Berücksichtigen Sie diese Ideen, wenn Sie Mikrointeraktionen für Ihre Website erstellen.



Quelle: https://speckyboy.com/eight-microinteractions-better-user-experience/