Für ein besseres UX-Design: Kann ich darauf klicken?

Wie subtile Änderungen Ihre CTR steigern können

Jeder will mehr Klicks. Mehr Wasserhähne. Mehr Benutzer sagen: "Ja, ich stehe auf alles, was Sie mir geben." Wir wollten uns ein paar Möglichkeiten ansehen, die Benutzer tatsächlich dazu bringen, mehr zu klicken, hier kommt UX-Design ins Spiel!

Es ist im ganzen Web ziemlich gut verputzt: Wenn Sie Benutzer dazu bringen, zu klicken, kann eine subtile Änderung viel bewirken. Wir haben uns angesehen, was genau diese subtilen Änderungen sein könnten und welche Auswirkungen sie auf Ihre Conversions haben könnten.

Schriftarten

Schriften können eine wahnsinnig enorme Wirkung haben. Zum Beispiel hat Tropicana 2009 in großem Stil umbenannt, und ein großer Teil davon war die Überarbeitung ihrer Schriftart. Denken Sie daran, dass die Tropicana-Schriftart auch ihr Logo ist.

Bild über Vital Design

Der Umsatz fiel prompt um 20 %.

Schriftarten sind auch eines der stabilsten Dinge, auf die Sie sich verlassen können, wenn Sie Leute zum Klicken bringen.

Im Allgemeinen wird eine fette, serifenlose Schriftart mit hohem Kontrast gut funktionieren.

Wieso den? Es ist am einfachsten zu lesen. Beispiele dafür finden sich überall im Internet. Basecamp, BaseCRM, Evernote, mHelpDesk – all diese Unternehmen haben gleich aussehende CTAs – kontrastreiche, fette serifenlose Schrift. Es ist leicht zu sehen, es ist leicht zu lesen. Aus diesem Grund verwenden Unternehmen sie eher als Serifenschriften. (Das Gleiche gilt für Plakate – Sie können es ewig lesen). Außerdem ist Sans Serif auf einem Computer einfacher zu lesen, weshalb Sie es verwenden möchten, wenn der Leser klicken soll – er muss vor allem anderen wissen, was Sie sagen.

Schlagschatten + 3D-Effekte

Es ist erstaunlich, wie Schlagschatten und die Erstellung von 3D-Inhalten die Leute dazu bringen können, darauf zu klicken. Das ist wirklich der einzige große Nachteil des Flat Designs. (Derzeit. Das andere ist, dass es irgendwann verrückt sein wird.) Wenn die Dinge wirklich flach sind, sehen sie großartig aus, aber es ist nicht so einfach zu wissen, was anklickbar ist und was nicht. Jakob Nielsen diskutierte dies, als er 2012 Windows 8 evaluierte.

Da die Leute mehr klicken, wenn Dinge tatsächlich wie Schaltflächen aussehen, machen abgerundete Kanten oder ein Schlagschatten es wirklich einfach zu erkennen, was anklickbar ist und was nicht.

(Profi-Tipp: Diese werden als Kiosk-Style-Buttons bezeichnet).

Dies stellt tatsächlich ein interessantes Problem dar. Knöpfe im Kiosk-Stil wurden früher ursprünglich in Spielhallen und anderen Orten verwendet. Als wir also digital wurden, wurde diese Norm übernommen. Das macht Sinn, aber irgendwann werden sie abgeschrägte und 3D-Tasten, um abgeschrägte 3D-Tasten zu sein, nicht weil sich jemand wirklich daran erinnert, woher sie kamen. Es ist wie das Diskettenspeichersymbol – der skeuomorphe Stamm wird schließlich willkürlich und ist nicht länger skeuomorph.

All dies, um zu sagen, dass die Leute im Moment bequemer auf Schaltflächen im Kiosk-Stil klicken, aber wir könnten eine stetige Abkehr sehen, wenn ein flaches Design noch ein paar Jahre dort bleiben kann.

Bewegung

Viele Leute werfen Bewegung in einen Topf, um etwas anklickbares 3D zu machen, aber ich denke, es ist wichtig genug, um eine eigene Kategorie zu rechtfertigen, erstens aus der UX-Perspektive und zweitens wegen der Bedeutung für Flat Design.

Aus UX-Perspektive

Benutzer brauchen Feedback für ihre Aktionen. Es ist die erste Möglichkeit, Benutzern zu helfen, zu verstehen, wo sie sich befinden und was zu tun ist.

Die erste Aufgabe, etwas anklickbar zu machen, besteht darin, den Benutzern mitzuteilen, dass es angeklickt werden kann.

Wenn es zum Beispiel um Schaltflächen geht, kann schon die kleinste Änderung des Farbverlaufs Wunder bewirken. Beispielsweise verwendet die Eventbrite-Startseite eine leichte Farbverlaufsänderung auf ihren Symbolen, um zu zeigen, dass sie anklickbar sind, und um zu verdeutlichen, wo sich der Benutzer befindet:

Ein weiteres großartiges Beispiel ist die Homepage der Website von eTecc/Interactive. Sie verwenden tatsächlich eine a-Füllung, um den Benutzer wissen zu lassen, dass etwas anklickbar ist.

Es ist so einfach herauszufinden, wie man Benutzer darüber informiert, was anklickbar ist und was nicht. Und je flacher und flacher die Dinge werden, desto wichtiger wird dieses visuelle Feedback. Seltsamerweise ist dies etwas, was Apple verbessern könnte. Sehen Sie sich die Homepage von Apple.ca an.

Es sieht so aus, als ob die Links oben anklickbar sind, was sie auch sind, und es gibt eine kleine Gradientenänderung, um dieses Wissen für den Benutzer zu bestätigen. Wir können auch davon ausgehen, dass die Option zum Anzeigen der Galerie ebenfalls anklickbar ist, und auch hier gibt es eine Farbänderung, um dies zu verstärken.

Aber das Problem ist, dass der gesamte Bildschirm tatsächlich anklickbar ist! Es ist für den Benutzer äußerst unintuitiv, und als jemand, der zufällig viel klickt, brauchte ich eine Weile, um herauszufinden, warum sich die Seite ständig ändert. Es ist überhaupt keine intuitive Benutzeroberfläche.

Aus flacher Perspektive

Obwohl Apple es nicht immer zu 100 % geschafft hat, sind sie ziemlich nah dran. Und Bewegung ermöglicht es Designern, die flachen Schnittstellen zu erstellen, die sie wollen, während die Benutzer dennoch wissen, was anklickbar ist und was nicht. Beachten Sie, dass alle Beispiele außergewöhnlich flache Designs waren? Vollständige Offenlegung Das habe ich geplant. Es zeigt, dass flaches Design für eine Schaltfläche funktionieren kann, solange es Feedback gibt.

Hier ist ein Beispiel für flaches (ähnliches) Design ohne Feedback – obwohl es für mich klar ist, dass es eine Taste ist, fühlt es sich ohne Feedback ein bisschen so an, als ob mein Computer nicht funktioniert.

Kontrast + Farbe

Leider gibt es keinen bestimmten RGB-Code, der garantiert, dass die Leute klicken. Aber es gibt einige ausgezeichnete Regeln zu befolgen, die Ihnen helfen werden. Wenn Sie möchten, dass Benutzer auf etwas klicken, möchten Sie, dass es auffällt. Das bedeutet, dass es einen dramatischen Kontrast zu allem anderen um ihn herum haben muss, selbst wenn es bedeutet, mit der Farbpalette einer Marke zu brechen.

Beispielsweise empfiehlt David Hamill, für Hyperlinks eine Farbe zu verwenden, die für nichts anderes verwendet wird. Auf seiner Website ist jeder Link in Pink gehalten. Als Benutzer ist es einfach zu wissen, was ein Link ist und was nicht. Kombiniert mit einer Änderung, wenn Sie mit der Maus darüber fahren, ist es für den Benutzer wirklich offensichtlich, wenn Sie auf etwas klicken können.

Diese Art von Problem mit Farbe und Kontrast kommt am häufigsten mit Calls-to-Action (CTA) und Schaltflächen, und eine kleine Farbänderung kann eine große Änderung des Gewinns bewirken. Zum Beispiel schrieb Vibethink über CTAs und Buttons und berichtete, dass das Ändern der Farbe und Form eines Buttons die Conversions (sprich: Klicks) um 35 % erhöht. Sie waren der Meinung, dass der erhöhte Kontrast den Benutzern das Klicken erleichterte.

Aber sie haben zwei Dinge geändert, also ist es nicht absolut wissenschaftlich. Hubspot veröffentlichte 2011 die Ergebnisse einiger A/B-Tests auf roten und grünen Buttons und stellte fest, dass der rote Button den grünen um 21 % übertraf.

Farbe und Kontrast können also eine große Rolle dabei spielen, Benutzer dazu zu bringen, auf Inhalte zu klicken.

Einpacken

Der Teufel steckt im Detail. Als Designer, Entwickler, UXer und Vermarkter fordern wir den Benutzer immer dann auf, etwas zu tun, wenn wir etwas anklickbar machen. Klick hier. Bewerbung einreichen. Kontaktiere uns. Kaufe jetzt. Was auch immer es ist, es ist etwas, das sie haben und das wir brauchen. Warum also nicht vereinfachen? Der beste Weg, Ihren Benutzern beim Klicken zu helfen (und Ihnen damit wahrscheinlich zu helfen), besteht darin , das Klicken zu vereinfachen. Indem Sie Schaltflächen mit einem Design im Kiosk-Stil den Erwartungen anpassen, Schriftarten auf einem Bildschirm leicht lesbar machen (selbst wenn sie klein sind) und Feedback zu Schaltflächen und anklickbaren Inhalten geben, erleichtern Sie das Leben Ihrer Benutzer.

Das ist es wirklich. Wenn Sie etwas anklickbar machen, erleichtern Sie gleichzeitig das Leben Ihrer Benutzer.

Hat Ihnen dieser Beitrag gefallen? Vielleicht möchten Sie auch unseren Beitrag Verstehen Sie Ihre Benutzer, um das UX-Design Ihrer Website zu verbessern oder unsere großartigen Produkte lesen, die jeder UX-Designer besitzen sollte !