Klicken. Dieser Ton bedeutet, dass Sie Ihre Arbeit erledigt haben. Der Benutzer hat Ihre Seite angesehen und die gewünschte Aktion ausgeführt.
Wie wird das erreicht? Sollten Sie bei der Strukturierung Ihrer Entwürfe mehr über dieses Ziel nachdenken? Welche Fehler sollten Sie bei der Vermeidung vermeiden? Lesen Sie weiter, um es herauszufinden.
Endet und bedeutet
Wenn Sie den Klick verdienen, gibt es ein höheres Ziel im Webdesign? Es scheint so einfach zu sein, richtig? Hey Benutzer, klicken Sie einfach hier! In der Praxis kann jedoch ein einzelner Punkt für den gesamten Entwurf als Ziel dienen. Alles, was Sie wochenlang mit dem Bau anstrebten, erfordert nur einen Tastendruck. Entweder Sie überzeugen den Benutzer oder er bewegt sich.
? Klicks bedeuten Gehaltsschecks für zahllose Personen auf der ganzen Welt?So viel Zeit, Mühe und Gedanken werden in Klicks investiert. Es ist ein Spiel der Psychologie. Sie versuchen, die Gedanken einer anderen Person zu beeinflussen, damit sie tatsächlich so arbeiten, wie Sie es möchten. Es ist auch ein tiefgreifendes Design-Rätsel: Welche Farben, Formen, Layouts und Nachrichten sind für das Klickverhalten günstiger? A / B-Tests werden durchgeführt, Studien durchgeführt und Tausende von Dollar ausgegeben, alle mit dem Ziel, den kleinen Cursor an die gewünschte Stelle zu bringen.
Klicks bedeuten Kunden, Kontakte, Verkaufskontakte, E-Mail-Registrierungen, Sponsorenzufriedenheit, erhöhte Seitenaufrufe. Klicks bedeuten Gehaltsschecks für zahllose Personen auf der ganzen Welt.
Als Webdesigner sind Klicks oft das Ende, das Sie als Mittel rechtfertigt. Ein sehr wichtiger Aspekt Ihrer Karriere ist das Erlernen dieses heiligen Grals des digitalen Verhaltens. Lassen Sie uns einige Strategien diskutieren.
Bar Camp
Ich unterrichte immer lieber anhand von Beispielen, damit Sie ein reales Bild davon erhalten können, wie das Wissen angewendet werden kann. Unser erstes Beispiel stammt von der wunderbar gestalteten Seite für Barcamp Omaha.
Nun, einer der größten Fehler, die wir machen können, wenn wir über Klicks sprechen, beschränkt sich darauf, dies zu tun:
Dies ist in der Tat ein schöner Knopf. Es kontrastiert gut mit der Hintergrundfarbe, die Typografie ist attraktiv und das Layout ist perfekt. Dies ist jedoch nicht der einzige Teil der Seite, der den Klick verdienen soll. Man kann sagen, dass der Hauptfokus der gesamten Seite auf dieses Ziel gerichtet ist. Lassen Sie uns daher einen Schritt zurückgehen und den Inhalt der Seite in Bezug auf dieses wichtige Element analysieren.
Jetzt können wir viel mehr Einblick in die Funktionsweise des Kommunikationsflusses gewinnen und Sie dazu bringen, eine Entscheidung zu treffen. Das erste, was mir auf der Seite aufgefallen ist, ist die Verwendung von Rot: Das Datum, das Logo und der Button fallen wirklich auf, weil sie diesen Farbakzent auf einer ansonsten sehr blauen Seite verwenden. Beachten Sie, dass sich die Social-Media-Schaltflächen im Vergleich fast in den Hintergrund einpassen.
Die Größe der Schaltfläche im Verhältnis zum anderen Element spielt ebenfalls eine große Rolle. Sicher, Ihre Augen können dieses winzige rote Datum für eine Sekunde fangen, aber Sie können diese Seite nicht länger als eine Sekunde betrachten, ohne von diesem großen Knopf angezogen zu werden.
Eines der wichtigsten Dinge, die Sie als Designer lernen werden, ist die Strukturierung einer Kommunikationshierarchie. Designer fügen einer langweiligen Seite nicht nur Schönheit hinzu, sie schaffen Ordnung aus dem Chaos und machen logische und absichtliche Informationsflüsse.
Diese Hierarchie ist entscheidend für das Ziel, das Nutzerverhalten zu steuern. Mit einer richtig gestalteten Seite können Benutzer nachsehen, wo sie möchten, wann sie möchten und anschließend tun, was Sie möchten, wann Sie möchten. Der verrückteste Teil ist, dass dies perfekt aufeinander abgestimmt sein muss, um die Ziele des Benutzers zu erreichen: Was bedeutet das? Nutzer wollen, welche Aktionen machen der Benutzer nehmen wollen? Wenn Sie einen Weg finden können, die Ziele Ihres Kunden und die Ziele Ihrer Benutzer gleich zu machen, haben Sie Ihre Arbeit gut gemacht.
Kommunikation, die die Aktion verstärkt
Ein weiterer wichtiger Aspekt der Benutzerführung ist die tatsächliche verbale Kommunikation auf der Seite. Das Barcamp-Gelände bietet eine sehr interessante Lektion in diesem Bereich:
Vergessen Sie, was der Absatz für einen Moment sagt, jeder sechste Besucher wird es trotzdem lesen, konzentrieren wir uns auf die Überschrift:? Awww Yeah!? Das ist dumm, unprofessionell, unangemessen und eine ganze Reihe anderer negativer Adjektive. Es ist jedoch auch brillant und genau das, was die Seite benötigt.
Die klassische Verkaufstheorie lehrt folgende Lektion: Sorgen Sie dafür, dass sich die Leute beim Einkauf gut fühlen. Menschen kaufen zwei Arten von Dingen: Was sie wollen und was sie brauchen. Ersteres bringt viel mehr Zufriedenheit, kann aber auch schwieriger verkaufen, da sich die Leute leicht von dem Kauf abbringen können, was man mit Wasser und Strom nicht tun kann. Ihre Aufgabe als Verkäufer ist es, Kaufverzögerungen zu beseitigen, indem die Aktion vollkommen angenehm erscheint. Lassen Sie mich vergessen, dass ich mich für 25.000 Dollar verschulde, indem ich mich ablenke, wie großartig ich mich hinter dem Lenkrad dieses neuen Autos fühlen werde.
Ob Sie es wollen oder nicht, wir verwenden ähnliche Vorgehensweisen beim Webdesign und beim Schreiben von Texten (wollten Sie nicht schon immer ein dreckiger Autoverkäufer sein?). Die Aktion der Barcamp-Designer besteht darin, dass Sie 10 Dollar (plus Gebühren) für Ihr Produkt ausgeben. Sie könnten Ihnen sagen, was für einen wunderbaren beruflichen Aufstieg sich daraus ergeben wird, aber das klingt furchtbar wie ein langweiliger alter Bedarfsargument und es ist nicht immer einfach, die Menschen davon zu überzeugen, dass sie etwas brauchen. Stattdessen gingen sie mit? Aww Yeah!? Plötzlich kann ich nicht anders als das Gefühl haben, dass diese Transaktion etwas ist, das sich tatsächlich lohnt. Diese 10 Dollar kaufen nicht ein Konferenzticket, sondern etwas, das ich verdient habe: eine gute Zeit.
Diese einfache Schlagzeile enthält eine Menge komplexer Psychologie. Um dieses Konzept unkompliziert und professionell zu kommunizieren, sind mindestens fünfzig Worte erforderlich.Slang bietet eine einfache, schnelle und allgemein verständliche Möglichkeit, die Nachricht zu vereinfachen.
Tripfab
Hier ist ein weiteres Beispiel für eine recht einfache Seite mit einem primären Ziel. Diesmal überzeugt Sie der Designer jedoch nicht, etwas zu kaufen, nur um Ihren Namen in ein kleines Feld zu stellen.
Wie im vorherigen Beispiel verwendet dieses Modell ein ansprechendes Design und eine leichte, humorvolle Botschaft, um Sie zu interessieren. Beachten Sie, dass sich um die Schaltfläche und das Feld ein großer Einzug befindet, der Ihre Aufmerksamkeit auf diesen Bereich lenkt. Designer unterstützen jedoch häufig so etwas mit etwas weniger subtiler:
Zeichnen wir einfach einen Pfeil, auf den der Benutzer schauen soll! Es klingt lächerlich, nicht wahr? In der Praxis funktioniert es jedoch hervorragend. Wenn Sie einen Pfeil machen, werden meine Augen ihm folgen.
Bekräftigung der Aktion
Wenn Sie sich mit einer Aktion befassen, die der Benutzer ausführen soll, denken Sie daran, dass Sie nicht vage sein können. Beachten Sie, wie dieser Designer eine typische Konvention mit dem Textfeld gebrochen hat. Anstatt den Standardwert des Feldes zu einem Beispiel zu machen oder Anweisungen zu geben, womit er gefüllt werden soll, werden Sie durch diese Aktion daran erinnert, was Sie tun:
Darunter befindet sich eine Nachricht, warum Sie diese Maßnahme ergreifen sollten. Worte werden groß geschrieben, Versprechen werden gemacht, es ist ein überzeugendes Design. Diese Idee, den einfachen Aufruf zur Aktion mit einer Erinnerung daran zu bestätigen, was Sie tun möchten, wenn Sie auf diese Schaltfläche drücken, ist eine sehr gängige Praxis.
Hier sehen wir ein anderes Beispiel für dieselbe Strategie. Der Button dient als Handlungsaufforderung und wird durch eine Nachricht verstärkt, warum Sie eine Reisschale erhalten sollten. Wenn Sie das nächste Mal eine einfache Schaltfläche erstellen, überlegen Sie noch einmal, wie Sie dem Benutzer helfen können, den Mauszeiger darüber zu bewegen.
Mehr als ein Button
Die einfache Botschaft dieses Beitrags ist, zielorientiertes Design zu betreiben. Ein schlagen? Jetzt kaufen? Eine Schaltfläche auf einer bereits erstellten Seite ist der einfache Ausweg, aber es ist nicht das, was Sie eingestellt haben.
Denken Sie stattdessen über das, was Sie erreichen wollen, bevor Sie Photoshop öffnen oder ein einzelnes Drahtgitter erstellen. Wenn es nur eine ästhetische Übung ist, ist Ihre Arbeit einfach. Wenn Sie jedoch Benutzer dazu bringen möchten, ein Produkt zu kaufen, einen Download zu starten, ein Formular auszufüllen oder eine andere Aktion auszuführen, sollten Sie Ihr Design dort beginnen und den restlichen Inhalt der Seite mit diesem Zweck erstellen im Hinterkopf Fertigen Sie die Benutzererfahrung sorgfältig an, um die Besucher auf dem gewünschten Pfad zu führen.
Fazit
In einer Branche, in der Klicks wie Gehaltsschecks gleich sind, ist es an der Zeit, ein wenig mehr darüber nachzudenken, wie man Designs erstellt, die das Handeln wirklich beeinflussen.
Ästhetische Wirkung ist ein großer Teil der Gleichung, aber es ist nur ein Teil Ihrer Arbeit. Vergewissern Sie sich, dass Sie den Preis im Auge behalten und Layouts, Schriftarten, Farben und Meldungen implementieren, die alle dazu beitragen, dieses stets illusorische Ziel zu erreichen, einen Klick dort zu erhalten, wo es am wichtigsten ist.