Mikrointeraktionen können die Benutzererfahrung Ihrer Website erheblich verbessern. In diesem Artikel erklären wir dir, was Mikrointeraktionen sind und wie du sie zu deiner WordPress-Seite hinzufügen kannst. Außerdem lernst du Folgendes:
- So verwenden Sie Mikrointeraktionen in WordPress
- Wie man das Beste aus Mikrointeraktionen macht
Anschließend gehen wir einige Tipps durch, die Ihnen dabei helfen, effektive Mikrointeraktionen für Ihre Website zu erstellen.
Lassen Sie uns knacken.
Was sind Mikrointeraktionen?
Mikrointeraktionen sind kleine, aber leicht erkennbare Animationen, die abgespielt werden, wenn Sie auf bestimmte Elemente auf einer Website klicken, mit der Maus darüber fahren oder mit ihnen interagieren.
Hier ist ein Beispiel – wenn Sie mit der Maus über einen „Gefällt mir“-Button fahren:
Und werden mit einer Animation belohnt:
Wenn man sich das obige Beispiel ansieht, könnte man glauben, dass alles, was Mikrointeraktionen bewirken, darin besteht, Webseiten etwas Finesse zu verleihen. In Wirklichkeit ist das jedoch nicht alles, was sie tun.
Tatsächlich bewirken diese subtilen Animationen mehr, als nur die Benutzererfahrung Ihrer Website zu verbessern. Bei richtiger Implementierung können Mikrointeraktionen:
- Bieten Sie mehr visuelles Feedback, damit Benutzer herausfinden können, wie bestimmte Elemente auf Ihrer Website verwendet werden
- Machen Sie den Zweck der Elemente auf Ihrer Website für Besucher deutlicher
Um Ihnen zu helfen, Mikrointeraktionen besser zu verstehen, ist es wichtig, zuerst einen Punkt zu besprechen; wie Sie sie auf Ihre Website bringen.
So fügen Sie Mikrointeraktionen für WordPress hinzu
Es gibt mehrere Möglichkeiten, Ihrer WordPress-Website Mikrointeraktionen hinzuzufügen. Diese sind:
- Über CSS
- Über JavaScript
- Über Plugins
Nachfolgend finden Sie eine detaillierte Aufschlüsselung der einzelnen Methoden.
Über CSS
CSS spielt bereits eine integrale Rolle im Design Ihrer Website, was es zu einem idealen Werkzeug macht, um Ihrer Website Mikrointeraktionen hinzuzufügen.
Tatsächlich kann der Vorgang so einfach sein wie das Bearbeiten des Stylesheets oder des untergeordneten Designs Ihres Designs. Alternativ verwenden Sie Hover-Effekte, wie es bei unterstrichenen und andersfarbigen Hyperlinks der Fall ist, um die Anklickbarkeit anzuzeigen.
Das Hinzufügen von Hover-Effekten macht Hyperlinks interaktiver. Auf diese Weise verstehen sogar Erstbesucher, dass sie mit diesem Element Ihrer Website interagieren können. Besser noch, Sie können den WordPress Customizer oder ein benutzerdefiniertes CSS-Plugin wie Jetpack verwenden.
JavaScript
Vor CSS gab es JavaScript. Und es ist immer noch eine hervorragende Möglichkeit, die Elemente einer Website in Bewegung zu versetzen. Schaltflächen sind wünschenswertere Elemente für Mikrointeraktionen, und in einigen Fällen kann JavaScript eine bessere Option als CSS sein.
Ladda-Knöpfeeine kostenlose Bibliothek mit Ladeschaltflächen, ist ein gutes Beispiel dafür, dass Sie JavaScript verwenden können, um einer WordPress-Website Mikrointeraktionen hinzuzufügen.
WordPress-Plugins
Sie können mehrere WordPress-Plugins nutzen, die mit integrierten Mikrointeraktionsfunktionen ausgestattet sind. Diese beinhalten:
- WPForms, ein Drag-and-Drop-Formularersteller, mit dem Sie jedes Mal, wenn ein Benutzer ein Formular sendet, anpassbaren Ladetext anzeigen können.
- WordPress Tooltips zum Hinzufügen von Tooltips zu Videos, Texten, Auszügen, Bildern und mehr.
- Hover- und Scroll-Effekte, einschließlich Lottie-Animationen
So verwenden Sie Mikrointeraktionen in WordPress
Es gibt viele Möglichkeiten, Mikrointeraktionen in WordPress zu nutzen, aber schauen wir uns einige der gebräuchlicheren an.
Prompt Social Sharing für Ihre Inhalte
Mit mehr als 50 % der Weltbevölkerung auf Social Media, Plattformen wie Instagram, Facebook, TikTok und Twitter sind großartige Orte, um neue und sehr zielgerichtete Interessenten zu erreichen. Ob du bist Bloggen für Unternehmen oder das Betreiben eines persönlichen Blogs, das Ermutigen von Menschen, Ihre Inhalte in sozialen Medien zu teilen, ermöglicht es Ihnen, Ihre Marke zu humanisieren.
Es ermöglicht Ihnen auch, mehr Engagement, Authentizität und Vertrauen zu generieren, was wiederum neue Geschäfte antreibt. Die Nutzung sozialer Medien ist eine der wirkungsvollsten Strategien zum Aufbau einer Online-Präsenz.
Das Schöne daran ist, dass Sie Mikrointeraktionen verwenden können, um es Ihren Followern zu erleichtern, Snippets zu teilen, die sie über die wertvoll finden Highlight-and-Share-Plugin.
Dieses Plugin ist nicht nur kostenlos, sondern auch zuverlässig und einfach zu bedienen. Tatsächlich werden die Funktionen automatisch bereitgestellt, sobald Sie das Plugin installieren. Das Highlight and Share-Plugin hebt, wie der Name schon sagt, Text in Ihren WordPress-Beiträgen hervor und fordert den Leser auf, ihn zu teilen, indem es ihn mit Teilen-Schaltflächen präsentiert. Kinderleicht.
Zeigen Sie Ihren Lesern hilfreiche Tooltips an
Zunächst einmal sind Tooltips kleine Informationsschnipsel, die erscheinen, wenn Sie mit der Maus über einen bestimmten Abschnitt eines Links, Elements oder Texts fahren. Ihr Hauptzweck besteht darin, Ihren Lesern zusätzliche Informationen bereitzustellen.
Mit Tooltips als Teil des UX-Designs Ihrer Website wird es einfacher, Begriffe, Anweisungen und Konzepte zu erklären, ohne zusätzlichen Platz auf einer Seite zu verbrauchen. Außerdem helfen QuickInfos sicherzustellen, dass Sie Leser, die keine Informationen benötigen, nicht bevormunden.
Auch hier können Sie ein Plugin namens verwenden WordPress-Tooltips um Tooltip-Mikrointeraktionen in einer WordPress-Website zu implementieren.
Fügen Sie lustige Animationen hinzu
Denken Sie an den „Gefällt mir“-Button von Facebook. Jedes Mal, wenn Sie mit der Maus über die Schaltfläche fahren, wird sie vergrößert und bewegt sich,
Sie können den gleichen Effekt für Elemente auf Ihrer WordPress-Website mithilfe von Mikrointeraktionen erzeugen. Wie? …durch die Verwendung eines Plugins, bequemerweise aufgerufen Animieren Sie es!
Das Plugin ist kostenlos und bietet eine Vielzahl von Anpassungsoptionen. Und das Beste daran ist, dass Sie keine neuen Animationen von Grund auf neu erstellen müssen. Animieren Es ermöglicht Ihnen, Animationen zu bestehenden Elementen Ihrer Website hinzuzufügen, einschließlich Bildern, Links und Text.
Sie können auch Lottie Animations verwenden, um Ihre Seiten aufzupeppen und die Benutzererfahrung zu verbessern. Hier ist ein Blogbeitrag, der beschreibt, wie man Lottie Animations in WordPress verwendet.
Best Practices für Mikrointeraktionen
Das Hinzufügen von Mikrointeraktionen zu einer WordPress-Website kann eine knifflige Angelegenheit sein, besonders wenn Sie zum ersten Mal dabei sind. Wenn Sie sich jedoch an die folgenden zwei Best Practices halten, können Sie Ihre Arbeit schnell und effektiv erledigen.
Entscheiden Sie, welche Elemente animiert werden sollen
Während Animationen das Benutzererlebnis Ihrer Website verbessern können, sind sie nicht für jedes Element ideal. Animationen eignen sich beispielsweise hervorragend für Formulare oder Schaltflächen, eignen sich jedoch möglicherweise nicht für große Elemente oder Kopfzeilen.
Zum Beispiel die standardmäßige Suchleisten-Eingabeanimation:
Es ist super einfach und auffällig. Obwohl der Text klein ist, erhöht er die Benutzerfreundlichkeit und ist deutlich.
Als Faustregel gilt beim Animieren von Elementen auf einer Website:
- Arbeiten Sie mit Elementen, mit denen Benutzer interagieren können
- Suchen Sie nach Stellen oder Elementen auf Ihrer Website, die Besucher möglicherweise nicht kennen – fügen Sie diesen Bereichen Animationen hinzu.
- Halten Sie sich an Suchleisten, Formularfelder und Schaltflächen, wenn Sie sich nicht sicher sind
Entscheiden Sie, welche Mikrointeraktionen verwendet werden sollen
Bei Mikrointeraktionen geht es darum, die Benutzerfreundlichkeit Ihrer Website zu verbessern. Im Wesentlichen bedeutet dies, dass Sie bei der Entscheidung, welche Animationen verwendet werden sollen, sorgfältig vorgehen müssen. Stellen Sie sich eine Mikrointeraktion vor, bei der die Suchleiste aus einem Symbol herauswächst:
Im Gegensatz zum ersten verbessert es die Benutzerfreundlichkeit nicht. Die Art und Weise, wie diese Suchleiste animiert ist, kann für einige Benutzer unattraktiv und unbequem sein. Es ist nicht so einfach wie die erste Animation.
Beachten Sie Folgendes, wenn Sie möchten, dass Mikrointeraktionen die Benutzerfreundlichkeit fördern:
- Zeigen Sie, wie ein bestimmtes Element funktioniert
- Nutzen Sie Mikrointeraktionen, um Erfolg zu signalisieren, wenn Besucher die Elemente angemessen verwenden
Wählen Sie dann das beste Plugin, um Ihre Mikrointeraktionen zu implementieren, je nachdem, was Sie tun oder erreichen möchten.
Tipps zum Erstellen effektiver Mikrointeraktionen in WordPress
Da Mikrointeraktionen für Ihre WordPress-Website unglaublich wichtig sind, ist es entscheidend zu wissen, wie Sie sie so effektiv wie möglich gestalten können. Hier sind ein paar Hinweise, die Ihnen helfen, es richtig zu machen.
Funktionalität ist der Schlüssel
Vor allem anderen müssen Sie einen Zweck für die Erstellung Ihrer Mikrointeraktionen haben.
Und gesagt, der wichtigste Grund, warum Sie Mikrointeraktionen auf Ihrer Website implementieren möchten, besteht darin, Benutzer zu ermutigen, mit bestimmten Elementen Ihrer Website zu interagieren. Sie müssen daher Ihre Mikrointeraktionen so funktional wie möglich gestalten, um eine Verbindung mit dem Benutzer auszulösen.
Einfachheit ist der Name des Spiels
Mikrointeraktionen werden nicht umsonst so genannt. Sie werden als Mikro bezeichnet, weil sie kurz und bündig sein sollten. Alles, was das Benutzererlebnis auf Ihrer Website verbessern soll, sollte sich sauber anfühlen und aussehen, oder?
Vermeiden Sie es, Ihre Mikrointeraktionen mit unnötigem Text oder Bildern zu überladen. Je kürzer und süßer, desto besser.
Struktur ist wichtig
Sie können Mikrointeraktionen nicht nur um des Willens willen implementieren. Die Sache ist die, dass das Animieren Ihrer Call-to-Action-Buttons zum Beispiel eine Sache ist. Es ist jedoch etwas völlig anderes, einen Benutzer dazu zu bringen, auf die Schaltfläche zu klicken. Mikrointeraktionen folgen einer vierteiligen Struktur wie folgt: Auslöser > Regeln > Feedback > Schleifen & Modi.
Langlebigkeit ist entscheidend
Eines der wichtigsten Dinge, die Sie bei der Implementierung von Mikrointeraktionen beachten sollten, ist, dass sie sich natürlich anfühlen sollten? Wieso den? … weil Sie nicht möchten, dass Besucher das Gefühl haben, dass Sie sie ständig mit unnötigen Animationen bombardieren.
Tatsächlich sollten Benutzer Ihre Mikrointeraktionen nicht einmal bemerken. Und wenn sie es tun, sollte es daran liegen, dass sie eine angenehme Erfahrung gemacht haben.
Experimentieren und testen
Wie alles andere auf Ihrer WordPress-Website, die für die Öffentlichkeit bestimmt ist, müssen Sie Ihre Mikrointeraktionen regelmäßig testen. Die Idee ist, Ihnen dabei zu helfen festzustellen, was funktioniert und was verbessert werden kann.
Der beste Weg, dies zu tun, besteht darin, Feedback zu Ihren Mikrointeraktionen von tatsächlichen Benutzern zu sammeln. Experimentieren Sie auch mit verschiedenen Mikrointeraktionen, um eine gute Passform für Ihre Website zu finden.
Mikrointeraktionen werden zunehmend zu einem integralen Bestandteil der Verbesserung der Benutzererfahrung in WordPress. Da Sie nur 15 Sekunden Zeit haben, um die Aufmerksamkeit Ihres Besuchers zu gewinnen, werden Mikrointeraktionen in absehbarer Zeit weiterhin auf vielen WordPress-Websites zu finden sein.
Wir hoffen, dass dieser Artikel einige kritische Fragen beantwortet hat, die Sie möglicherweise zu Mikrointeraktionen und deren korrekter Implementierung auf Ihrer WordPress-Website hatten.