Vier UX-Designtechniken, um das Engagement der Benutzer zu fördern
Um Benutzer dazu zu ermutigen, auf einer Website zu bleiben und sie zu verwenden, sind nicht immer schlankerer Code oder schönere Grafiken erforderlich. In einigen der einfachsten Layouts wie Reddit ist der Benutzer immer noch mit dem Inhalt vertraut und begeistert, mit der Website zu interagieren.
Das Geheimnis liegt in User Experience und die Berücksichtigung von Wie eine Website funktioniert. Interaktionen stammen von Seitenelementen und Aktionsflüssen, die sich von einer Seite zur nächsten bewegen.
In diesem Beitrag werde ich mir einige ansehen UX-Designtechniken das kann angewendet werden Verbessern Sie die Benutzererfahrung und erhöhen Sie die Einbindung der Benutzer. Beachten Sie, dass diese nicht immer auf jede Website zutreffen, und es ist wichtiger zu verstehen, warum diese Techniken funktionieren, damit Sie Ihr eigenes Urteilsvermögen verwenden können.
Das Thema Benutzererfahrung ist enorm und erfordert Geduld, um vollständig verstanden zu werden. Aber je mehr Sie üben, desto mehr werden Sie verstehen
Das Beste, was Sie tun können, ist spielen Sie auf Webseiten, die Sie mögen und finde es heraus was Du möchtest über sie. Aus Ihren Erfahrungen können Sie konsistente Ideen extrapolieren und herausfinden, was Sie (und vielleicht auch andere) auf einer Website beschäftigt.
1. Verwenden Sie Kontrast, um Aufmerksamkeit zu zeichnen
Jede Site verfügt über eine Handvoll Elemente, die für die Benutzerinteraktion erstellt wurden. Hyperlinks, Schaltflächen, Eingabefelder, Sidebar-Widgets, die Liste geht weiter und weiter. Es sollten jedoch nicht alle Elemente gleich sein. Einige sind natürlich wichtiger für die Besucherbindung und sollten mit entworfen werden höherer Kontrast um sich von anderen Elementen auf der Seite abzuheben.
Diese Idee beruht auf einem hohen Farbkontrast und der Art, wie Menschen visuelle Daten in Mustern verarbeiten. Wenn sich etwas von seiner Umgebung abhebt, sei es durch Farbe, Größe, Form oder Leerraum, ist dies möglich erscheinen wichtiger je nach Kontext.
Verwenden Sie Kontrast, um auf bestimmte Seitenelemente aufmerksam zu machen, die Besucher für eine bestimmte Aufgabe interessieren. Wenn Sie mehr Newsletter-Anmeldungen erstellen möchten, verfügt Ihre Abonnement-Box möglicherweise über eine animierte Schaltfläche für die animierte Anmeldung oder ein eindeutiges Vektorsymbol.
Das Ziel ist es, Aufmerksamkeit zu erregen, indem eine Schnittstelle erstellt wird, die Besucher dazu bringt, die gewünschten Aktionen auszuführen..
Wenn Sie Zeit haben, lohnt es sich vielleicht, einige A / B-Fallstudien durchzuführen, um zu sehen, welche Farben / Elemente am besten zusammenspielen. Statistiken sind schwer zu ermitteln, aber Sie werden überrascht sein, wie viel aus einem einfachen Split-Test gelernt werden kann.
2. Geschmackvolle UI / UX-Animation
Ich bin vor kurzem auf einen Beitrag mit dem Titel "Was weiß Disney über Schnittstellenanimation?" Gestoßen. Es behandelt die wichtigsten Punkte der Animation und wie diese für die Psyche der Benutzer spielen, die mit einem flachen 2D-Bildschirm interagieren.
Verschiedene Arten von Animationen können bestimmte Verhaltensweisen implizieren. Wenn Sie beispielsweise über einer Schaltfläche schweben, springt die Anzeige möglicherweise an und zeigt an, dass sie anklickbar ist. Fehlermeldungen rütteln oft, um die Aufmerksamkeit des Benutzers auf sich zu ziehen.
Erinnere dich daran Die UX-Animation sollte sichtbar und dennoch subtil sein. Wilde Over-the-Top-Animationen beziehen sich eher auf TV und Filme als auf Schnittstellen.
Das bedeutet jedoch nicht, dass Ihre Schnittstellen flach bleiben sollten. Tatsächlich würden die meisten Benutzer dies tun lieber haben eine Art von Animation, weil sie die Illusion einer glatteren Erfahrung vermittelt. Beim digitalen Design geht es teilweise um Erstellen einer illusorischen Schnittstelle, aber desto realistischer Es scheint, je mehr Benutzer möchten interagieren.
3. Responsive Design als Anforderung
Man kann sagen, dass ein guter Teil der Internetnutzer von ihren Mobiltelefonen aus surft. Links, die mit sozialen Websites wie Facebook und Twitter geteilt werden, werden häufig direkt auf Smartphones und Tablet-Geräten aufgerufen.
Dies bedeutet, dass jede Website in gewisser Weise für Mobilgeräte optimiert werden sollte - vorzugsweise mit einem vollständig ansprechenden Design.
Wenn du bist gezwungen, die Bildschirmgröße zu berücksichtigen, es stellt kritische Merkmale in ein völlig neues Licht. Als Designer müssen Sie auswählen, welche Funktionen am wichtigsten sind und wie sie auf kleineren Bildschirmen angezeigt werden sollen. Diese Responsive Design-Strategie braucht Zeit, um zu lernen, aber der beste Weg ist, andere Websites zu studieren und Techniken zu erlernen, die Sie mögen.
Die Wahrheit ist Responsive Designarbeiten und es wird von der Design-Community mit jedem Jahr mehr akzeptiert.
Die Benutzer erwarten auch, dass die Websites vollständig reagieren, sodass sie sich auf jeden Bildschirm des Geräts einstellen können. Wenn eine Website nicht gut in einen mobilen Webbrowser passt, kann dies die Benutzererfahrung beeinträchtigen.
4. Vereinfachen Sie den Interaktionsprozess
Das Smashing Magazine hat kürzlich einen der besten Beiträge veröffentlicht, die ich zur Unterstützung gelesen habe Vereinfachung beim Interface Design. Es besagt, dass niemand durch die Reifen springen möchte, um Ihre Website oder Anwendung zu nutzen. Die Leute interessieren sich nur für die Endresultat, und das schnellste Wege dorthin zu gelangen.
Ich mag es, UX-Flussdiagramme für jedes interaktive Seitenelement zu erstellen, wenn ich Wireframes skizziere. Diese helfen, sich visuell vorzustellen, wie die Site aussehen soll und Funktion.
Aber in Wahrheit spielt es keine Rolle, wie Sie die Erfahrung planen. Seien Sie einfach sicher, dass Sie planen die schnellste und einfachste Erfahrung, die es gibt. Wenn es um ermutigende Aktivität geht, wollen Sie das Wichtige vom Design impliziert.
Wenn jemand auf Ihrer WebApp landet und nicht versteht, sich sofort anzumelden, ist das ein großes Problem. Es sollte offensichtlich sein an den Nutzer, was Ihre Site macht und wie sie von ihr getrennt sein können.
Am besten beginnen Sie damit, das UX-Design und die Interaktion der Benutzer mit einer Schnittstelle zu untersuchen. Von dort aus können Sie Rückschlüsse auf Ihre eigenen Projekte ziehen und Ihre Schnittstellen idealerweise auf das größte Potenzial bringen.
Für verwandte Lektüre zum Thema Benutzeraktivität, Schauen Sie sich diese Beiträge an:
- Brechen von Webdesign-Konventionen = Brechen der Benutzererfahrung
- Archiv für Benutzerfreundlichkeit und Benutzererfahrung im Smashing Magazine
- Webdesign-Konzepte zur Benutzerinteraktion
Einpacken
Es gibt keine Antwort darauf, wie man Websites gestaltet, um die Benutzerfreundlichkeit zu verbessern. Ja, es gibt ein paar Dinge, die Sie ausprobieren können, aber jede Site ist ein wenig anders und das Studium des UX-Designs ist sehr kompliziert.
Ich hoffe, dass Sie mit diesem Artikel anfangen können, über einige gängige Techniken zum Erstellen gut verwendbarer Schnittstellen nachzudenken. Das Beste, was Sie tun können, ist, sich in die Lage eines typischen Benutzers zu begeben und zu versuchen, die Hauptfehler einer Schnittstelle zu ermitteln. Und sobald Sie ein Problem erkannt haben, sind Sie bereits auf halbem Weg zur Lösung!