So erstellen Sie One-Tap-Mikrointeraktionen

Mikrointeraktionen sind die "geheime Sauce". dass Apps und Websites für die Benutzer zum Leuchten bringen. Diese winzigen Details machen es einfach, einen Alarm einzustellen, einen Knopf zu drücken oder einfach besser zu verstehen, wie man mit einem digitalen Produkt arbeitet.

Das Geheimnis ist, dass die besten Mikrointeraktionen Elemente sind, an die der Benutzer wahrscheinlich nicht einmal denkt. Sie passieren sofort - oft mit nur einem Tastendruck auf einem mobilen Bildschirm. Trotz der kleinen Natur der Wechselwirkung, also "Mikro" Der Wert ist für die Benutzer immens, da diese Verpflichtungen stärker in die täglichen Aktivitäten integriert werden.

Wie entwerfen Sie Mikrointeraktionen mit einem einzigen Tastendruck, die die Benutzer begeistern werden? Hier sind ein paar Ideen.

Animieren Sie einen Button

Erinnern Sie sich noch an das erste Mal, als Sie Facebook wie in Messenger gesehen haben? Sie haben die Daumen gedrückt? Symbol und es wuchs in der Box zu der Person, mit der Sie sich unterhielten. Hat es dich zum Lächeln gebracht? Hat diese kleine Bewegung Sie etwas erfreut?

Eine einfache Animation, vor dem Antippen, um sie anzuregen, oder nach dem Antippen, um zu zeigen, dass die Mikrointeraktion funktioniert, ist eine sichere Methode, um etwas zu erstellen, das Benutzer antippen möchten. Kleine Animationen informieren Sie über das Geschehen, damit sich die Benutzer mit ihren Rollen in der Feedbackschleife vertraut und sicher fühlen.
Nicht
Die Animation sollte so einfach wie die Mikrointeraktion selbst sein. Halten Sie die Bewegungen einfach und fließend und beginnen und beenden Sie sie schnell. Das Hinzufügen einer Bewertung zu IMDb folgt diesem Prinzip. Bewegen Sie den Mauszeiger über die Bewertung und sehen Sie schnell die Anzahl der Sterne, die Sie hinzufügen möchten, wenn Sie sich über die Sterne bewegen. Tippen Sie auf, um die Aktion zu beenden und zu bestätigen.

Geben Sie Optionen an

Es ist eine Lektion in UX, die bis in die Grundschule und in die Kindergarten-Liebesbriefe zurückgeht. Magst du mich? Markiere Ja oder Nein.

Große Mikrointeraktionen können mit demselben Konzept entworfen werden. Geben Sie den Benutzern zwei schnelle Auswahlmöglichkeiten. Tippen Sie hier, um eine Aktion zu starten (oder zu stoppen). Zum Umschalten tippen Benutzer möchten Entscheidungen treffen und die Kontrolle über digitale Erlebnisse übernehmen, aber sie wollen nicht mit mehreren Bildschirmen festgefahren sein, um dorthin zu gelangen.

Sofortige Aktion erstellen

Der beste Weg, um sicherzustellen, dass Benutzer mit Ihrer Mikrointeraktion interagieren? Das Ergebnis sollte sofort sein. Das gewünschte Ergebnis sollte

  • Mit einem einzigen Tastendruck passieren
  • Stellen Sie die gewünschte Aktion innerhalb von 0,1 Sekunden ein

Die Unmittelbarkeit von Mikrointeraktionen ist entscheidend für ihren Erfolg. Da die Natur dieser Elemente gering ist, wird jede Verzögerung der Aktion die Benutzer stören. (Denken Sie nur daran, wie frustrierend es wäre, wenn Sie drei Mal auf den Wecker drücken müssten oder eine Verzögerung von 2 Sekunden erforderlich wäre, um den Klingelton bei einem Anruf während eines Meetings abzustellen.)

Das schnelle Umschalten zwischen Gleichem (oder Unähnlichem) oder Folgen auf Instagram ist ein perfektes Beispiel. So schnell sollte Ihre Mikrointeraktion sein.

Design für Wiederholung

Mikrointeraktion unterscheidet sich von anderen interaktiven Elementen in Ihrer Benutzeroberfläche unter anderem dadurch, dass sie immer wieder verwendet werden. Mikrointeraktionen sind normalerweise nicht für die einmalige Verwendung konzipiert. (Wie oft haben Sie in der letzten Stunde auf den herzförmigen Button von Instagram getippt?)

Design für diese sich wiederholende Aktion, aber die Aktion sollte sich nicht wie eine sich wiederholende Bewegung anfühlen. Das hört sich zwar nach viel an, aber es kommt auf die intuitive Art des Wasserhahns an. Ist es offensichtlich und natürlich? Wenn ein Benutzer nicht über eine Aktion nachdenken muss, wird er sie niemals wiederholen.

Die Verwendung allgemein anerkannter Benutzermuster, Animationen und Symbolstile hilft Ihnen bei der Gestaltung von Mikrointeraktionen. Das Rad hier nicht neu erfinden; Ermöglichen Sie es Benutzern, Aufgaben mit einem einzigen Tastendruck zu erledigen, ohne sich mit dem Kopf darüber zu streichen.

Machen Sie es lesbar und relatable

Hier wird der Schritt zu oft vergessen - Anweisungen in Mikrointeraktionen müssen lesbar sein und zuordenbar

Lesbar bezieht sich auf alle Texte oder Anweisungen, die sich auf die Mikrointeraktion beziehen. Wörter müssen leicht zu sehen und zu scannen sein. Aus gestalterischer Sicht ist es wichtig, eine gute Schrift zu wählen und sicherzustellen, dass um die Wörter herum genügend Platz vorhanden ist und ein ausreichender Kontrast zwischen der Beschriftung und dem Hintergrund besteht. Halten Sie sich von kondensierten, dünnen oder neuartigen Schriften fern, die auf einen Blick nicht leicht lesbar sind.

Relatable bezieht sich auf Text, der auf dieselbe Art und Weise liest, wie Menschen sprechen. Ungewöhnliche Sprache oder unhandliche Formulierungen sollten vermieden werden. Anweisungen in Formularfeldern, die verschwinden, wenn ein Benutzer mit der Eingabe beginnt, sind ein hervorragendes Beispiel. Dies gilt insbesondere, wenn der Wortlaut einen Ton oder eine Stimme verwendet, die der Benutzer von der Marke oder Website erwartet, mit der er interagiert.

Konzentrieren Sie sich auf Details

Eine Mikrointeraktion ist eines von vielen Designdetails, die Ihre Schnittstelle ausmachen. Sie müssen bei jedem von ihnen besonders vorsichtig sein.

Mikrointeraktionen sollten sich als Teil des Gesamtdesigns anfühlen. Sie müssen aber auch auf andere Weise über diese kleinen Aktionen nachdenken. Von der Farbauswahl bis zur Größe der Elemente, mit denen ein Benutzer interagieren muss, werden diese Details dazu ermutigt, Maßnahmen zu ergreifen oder den Benutzer zu veranlassen, das Design für etwas anderes aufzugeben.

Erstellen Sie wie bei jedem anderen Gestaltungselement eine Reihe von Stil- und Entwurfsregeln für Mikrointeraktionen innerhalb einer App oder Website, sodass die Aktionen während des gesamten Entwurfs konsistent sind und der Benutzer leicht auffindbar ist. Je kleiner das Element - oder die Interaktion - desto wichtiger werden die Details.

Halte es einfach

Es ist nicht genug, es millionenfach zu sagen - halten Sie es einfach. Es gibt einfach zu viele Designs, die zu schwer zu verwenden sind. Sie denken vielleicht, dass es cool ist, aber die Benutzer nicht. Sie mögen Vorhersagbarkeit, Konsistenz und Einfachheit.

Je einfacher es ist, mit etwas zu interagieren, desto eher tippen Benutzer tatsächlich auf eine Schaltfläche. Deshalb sind One-Tap-Aktionen so wichtig.Woher wissen Sie, ob Ihr Design einfach genug ist? Es erfordert eine definierte Struktur mit einer Rückkopplungsschleife für Aktionen, einfache Anweisungen und Visualisierungen sowie eine Botschaft, die klar und verständlich kommuniziert wird.

Stoppen Sie nicht mit der Entwicklung

Das Entwerfen von Mikrointeraktionen ist ein evolutionärer Prozess. Da dies ein so neues Konzept ist, ändert es sich ständig. Es gibt neue Ideen und neue Wege, um etwas zu erschaffen, das der Benutzer antippen möchte.

Um mit der Entwicklung der Mikrointeraktionen auf dem Laufenden zu bleiben, gehen wir auf die Grundlagen zurück, die Dan Saffer zuerst definiert hat. (Er schrieb auch eines der autoritativsten Bücher zum Thema? Microinteractions: Design with Details.?). Microinteractions umfassen einen vierstufigen Prozess, der mit einer Triggeraktion beginnt, Regeln für die Interaktion und eine Feedbackschleife, die der Benutzer kennt Es ist etwas passiert und Schleifen und Modi, die bestimmen, wie zukünftige Interaktionen funktionieren werden oder was als nächstes kommt. Denken Sie daran und Sie befinden sich auf dem Weg zum Erfolg der Mikrointeraktion.

Fazit

Es gibt viele Teile, um etwas so kleines zu gestalten. Denken Sie also nicht, dass Sie in fünf Minuten eine Mikrointeraktion erzeugen und weitermachen können. Beim Entwurf einer Mikrointeraktion werden besondere Überlegungen und Planungen vorgenommen.

Denken Sie daran, dass die besten Mikrointeraktionen im Allgemeinen mit einem einzigen Fingertipp funktionieren. Dies sind Elemente, mit denen die Benutzer nicht einmal darüber nachdenken, ob sie sich daran beteiligen, obwohl sie dies regelmäßig tun.