Anwendung der AIDA-Prinzipien im Webdesign

In diesem Artikel werden wir diskutieren, wie wir Design einsetzen können, um die von AIDA aufgestellten Grundsätze (die Abkürzung für das Marketing, nicht die italienische Oper) zu implementieren und verkaufsorientierte Webseiten zu erstellen.

AIDA steht für Beachtung, Interesse, Verlangen und Aktion; die vier Schritte, die zum Verkaufsprozess gehören, sagt E. St. Elmo Lewis, der Mann hinter dieser Denkschule. AIDA kann auf verschiedene Situationen angewendet werden, in denen Produkte oder Dienstleistungen verkauft werden. In diesem Artikel konzentrieren wir uns jedoch darauf, wie wir jeden Schritt durch das Webdesign erreichen können.

AIDA-Prinzipien sind insbesondere für die Gestaltung von Landing-Pages relevant, auf denen sich Marketing und Webdesign normalerweise online treffen. Zielseiten zielen im Allgemeinen darauf ab, ein Produkt, eine Dienstleistung oder ein Abonnement zu verkaufen.

Lass uns anfangen.


A: Achtung

Aufmerksamkeit ist der erste Schritt der AIDA-Prinzipien und derjenige, auf den sich alle anderen verlassen. Wie können Sie einen Benutzer dazu veranlassen, Maßnahmen zu ergreifen, wenn Sie von Anfang an nicht aufgefallen sind?

Die Aufmerksamkeit auf sich ziehen, wird im Webdesign viel diskutiert. Kunden möchten, dass ihre Website wahrgenommen wird. Regelmäßig werden Konzepte wie "Above the Fold" und "The Theee Second Rule" besprochen, die sich beide auf die Notwendigkeit konzentrieren, die Aufmerksamkeit der Benutzer schnell auf sich zu ziehen.


Lebensdauer unter 600

Das Web als Plattform ist eine hervorragende Möglichkeit, Aufmerksamkeit zu erregen. gutes oder einzigartiges Design an sich wird auffallen. Einzelne Elemente eines Designs können jedoch verwendet werden, um den Benutzer zu fokussieren und zu bestimmten Bereichen auf der Seite zu führen.

Es ist jedoch erwähnenswert, dass die negativen Konnotationen, dass zu viele Seitenelemente um die Aufmerksamkeit des Benutzers wetteifern, zu beachten sind. Wenn alles betont wird, wird kein Hierarchiegefühl hergestellt, und der Benutzer kann sich eingeschüchtert und überfordert fühlen.

Die Methoden, um Aufmerksamkeit zu erregen, ändern sich im Allgemeinen mit der Zeit, wenn sich Trends und Technologien entwickeln. Hier sind jedoch einige beliebte Methoden, die derzeit verwendet werden.

Großer Text

Wirklich großer Text gibt es schon seit einiger Zeit im Webdesign. Sie wird im Allgemeinen verwendet, um im Vorfeld eine mutige Aussage zu treffen, wie z. B. das Begrüßen des Benutzers oder das Erklären der Art der Website (z. B. Wir machen Websites). Durch die bloße Größe des Texts relativ zum Rest der Seite steht er fest in der visuellen Hierarchie.


Carsonified
Mark Hobbs
Großes Kartell

Schieberegler

Javascript-gesteuerte Schieberegler waren in den letzten Jahren ein massiver Trend (schauen Sie sich einfach einige der beliebten Dateien auf Themeforest an) und das zu Recht - da sie hervorragend dazu geeignet sind, Aufmerksamkeit zu erregen und einen guten ersten Eindruck zu erzeugen. Sie ermöglichen die Verwendung von Bildern, kombiniert mit Bewegung und Animation. Die Schieberegler wurden schrittweise weiterentwickelt, angefangen von einfachen Überblend- und Schiebereglern zu den mit CU3ER und dem (wenn auch Flash-basierten) Piecemaker fähigen 3D-Effekten.


Marcs Design
Piecemaker
Thema modernisieren

Animation

Um eine aufwändige, detaillierte Animation im Web zu erstellen, hätte man sich traditionell auf Flash verlassen müssen - dies ist jedoch nicht mehr der Fall. CSS3-Animationen werden immer weiter und die Browserunterstützung nimmt zu.

Wenn Sie die Animation richtig verwenden, können Sie Ihre Website hervorragend unterscheiden und die Aufmerksamkeit des Nutzers auf sich ziehen.


Das expressive Web
Reverdand Danger
Quazar

Ich: interesse

Als nächstes kommt Interest, das zweite der AIDA-Prinzipien. Wir haben bereits die Aufmerksamkeit des Benutzers auf sich gezogen. Jetzt müssen wir ihn für unser Angebot interessieren. Wie machen wir das?

Es wird empfohlen, dass wir die Funktionen unseres Produkts oder unserer Dienstleistung nicht kommunizieren, sondern deren Vorteile und Vorteile erläutern. Dieser Ansatz verlagert den Fokus auf den Benutzer statt auf das Produkt oder die Dienstleistung und ermöglicht es dem Benutzer, sich auf persönlicher Ebene damit zu identifizieren.

Im Hinblick darauf, wie wir dies durch Design angehen können, müssen diese Vorteile klar und prägnant dargestellt werden. Benutzer möchten nicht Absätze eines Verkaufsgesprächs durchlesen, um herauszufinden, was für sie darin enthalten ist. Informationen, Schritte, Listen, Aufzählungszeichen, Symbole und mehr können verwendet werden, um Informationen schnell zu kommunizieren.


Evernote zeigt drei große Vorteile in Verbindung mit Bildern, sobald Sie die Seite laden.
Die Landing Page für Basecamp by 37signals bringt drei wichtige Vorteile auf den Punkt.
Die Webseite für Sparrow verwendet klar definierte Abschnitte, um die Vorteile ihrer App anzuzeigen.

D: Wunsch

OK, also haben wir ihre Aufmerksamkeit erregt, sie interessiert, jetzt müssen wir Benutzer dazu bringen wollen was wir anbieten Wir müssen Verlangen erzeugen.

Die Generierung von Verlangen ist ein weites Thema. Unternehmen setzen ganze Marketingabteilungen ein, um ausführliche und ansprechende Kampagnen zu erstellen, um dies zu erreichen. Wir werden uns jedoch darauf konzentrieren, wie wir dies durch Webdesign erreichen können.

Zu diesem Zeitpunkt haben Sie die Aufmerksamkeit und das Interesse des Benutzers, und er ist bereit, mehr Zeit auf die Website zu investieren. Diese Geduld ermöglicht die Darstellung detaillierterer Informationen, sei es in Form von Bildern, Videos oder Texten. Es besteht keine Notwendigkeit, diesen Schritt zu beschleunigen.

Es zur Schau stellen

Es versteht sich von selbst, dass Sie Ihr Produkt im besten Licht präsentieren müssen. Menschen werden Urteile fällen, die rein ästhetisch sind, und gutes Design mit einer höheren Gesamtqualität verbinden. Nicht nur dann muss das Design der Website auf Augenhöhe sein, sondern das tatsächliche Produkt (falls vorhanden) muss auch gut aussehen.


Das kurze Video zu Clear ist hervorragend und zeigt die App wirklich.

Hochwertige, verlockende Bilder und gut produzierte Videos können Ihr Produkt sehr gut aussehen lassen. Auf der Apple-Website werden alle ihre Produkte mit großformatigen Bildern und Animationen gezeigt.

Überlegen Sie, wie Sie Ihr Produkt oder Ihre Dienstleistung am besten präsentieren können. Wer digitale Produkte wie Apps oder Webdesign verkauft, zeigt sie häufig auf Geräten wie Monitoren, Laptops und Telefonen an.

Sozialer Beweis

Social Proof ist eine der mächtigsten und häufigsten Methoden, um Verlangen zu erzeugen. Es kann viele Formen annehmen und wird im täglichen Leben oft mehrmals vorkommen.

Soziale Beweise können ein komplexes psychologisches Konzept sein, aber auf einer grundlegenden Ebene beschreibt es, dass Menschen ihre Hinweise von anderen Menschen nehmen. Wenn andere Personen etwas akzeptabel finden, wird das Individuum eher selbst so denken.

Erfahrungsberichte und Reviews sind ein hervorragendes Beispiel dafür, da sie zeigen, dass andere bereits gute Erfahrungen mit einem Dienst oder Produkt gemacht haben. Das Wissen, dass andere ein Produkt verwendet haben und empfehlen, entfernt das Risiko und steigert die Lust.

Noch besser ist es, die Meinungen und Meinungen von Experten oder Prominenten zu präsentieren. Diese Leute haben eine große Fangemeinde und ihre Meinung hat viel Wert und Vertrauen.

Dasselbe Konzept kann sich sehen lassen, wenn ein Designstudio große, erfolgreiche Unternehmen als Kunden präsentiert oder wenn ein Autor stolz zeigt, wo seine Arbeiten präsentiert wurden.

Quantität kann nicht nur zu Ihrem Vorteil, sondern auch funktionieren. Dies kann man sehen, wenn viele Twitter-Follower, Facebook-Likes oder RSS-Abonnenten angezeigt werden.


Tuts + Hub

A: Aktion

Wir haben all die harte Arbeit geleistet und es soweit geschafft, jetzt kommt es zum letzten Schritt - der Aktion. Das ultimative Ziel einer Landing Page ist es, jemanden in einen Käufer oder einen Abonnenten umzuwandeln, und das Letzte, was wir wollen, ist, in dieser Endphase zu scheitern.

Aufruf zum Handeln

Ein "Call to Action" -Element ist ziemlich selbsterklärend. Dies sind Elemente, meist in Form von Schaltflächen, die den Benutzer auffordern, Maßnahmen wie "Jetzt kaufen" oder "Registrieren" auszuführen. Sie klingen ziemlich einfach, aber beim Entwerfen sollten einige Überlegungen angestellt werden.

In erster Linie muss bei jedem Aufruf zur Aktion absolut klar und offensichtlich sein, dass der Benutzer damit interagieren kann. Von Schaltflächen wird erwartet, dass sie ein bestimmtes Styling haben, z. B. einen klar definierten Bereich oder ein Gefühl der Tiefe.

Wir können weiter helfen, Aufruf zu Aktionselementen mit verschiedenen Methoden zu unterscheiden. Verwenden Sie Farbe, Größe, Detail und viel Weißraum zu Ihrem Vorteil und zur weiteren Hervorhebung des Elements.

Verwenden Sie die direkten Formulierungen auf den Knöpfen, um Handlungen zu fördern und ein Gefühl der Dringlichkeit zu schaffen. Eine klare, prägnante Sprache fördert nicht nur die Aktion, sondern es ist für den Benutzer offensichtlich, was bei der Interaktion mit dem Element zu erwarten ist.

Wir müssen es dem Benutzer auch so einfach wie möglich machen, Maßnahmen zu ergreifen, indem er ihm mehrere Möglichkeiten bietet. Ein prominenter Aufruf zur Aktion sollte zu einem frühen Zeitpunkt in das Design eingefügt werden. Weitere Instanzen auf der gesamten Seite.

Es ist jedoch wichtig, eine gute Balance zu wahren. Wir möchten den Benutzer nicht überfordern und in irgendeiner Weise unter Druck setzen. Zu viele Handlungsaufforderungen wirken aufdringlich und können den gegenteiligen Effekt von dem haben, was wir wollen. Zwei bis drei ist wahrscheinlich eine gute Zahl.

Das Z-Layout

Das 'Z-Layout' wurde bereits auf Webdesigntuts + diskutiert, aber es sollte noch einmal erwähnt werden, da es perfekt auf Zielseiten zutrifft, auf denen Benutzer Aktionen ausführen können.

Das 'Z-Layout' ist ein einfaches, aber effektives Webseitenlayout, das den Benutzer durch verschiedene Punkte auf einer Seite leitet und schließlich zu einem Aufruf zum Aktionselement führt. Dieses Layout ist eine perfekte Möglichkeit, AIDA-Prinzipien zu implementieren, den Benutzer durch die einzelnen Schritte zu führen und am Ende den Handlungsaufruf zu präsentieren.

Ein Vorteil dieses Layouts ist, dass es sehr anpassungsfähig ist und auf viele verschiedene Arten verwendet werden kann. Die Struktur der 'Z'-Form ist nicht starr und kann sich erweitern und zusammenziehen, um verschiedene Inhaltsformen zu erfassen. Daher werden Sie häufig Beispiele für dieses Layout sehen, die sich deutlich voneinander unterscheiden können.

Hier sind einige Beispiele für das 'Z'-Layout in Aktion. Prüfen Sie, ob Sie den beabsichtigten Pfad erkennen können.


Fazit

Die Kenntnis der Theorien der AIDA-Prinzipien und die Umsetzung jedes Schrittes durch das Design können für einen Webdesigner sehr wertvoll sein.

Die oben diskutierten einzelnen Techniken sind alle relativ einfach und üblich im Webdesign, aber es ist eine andere Fähigkeit, sie so kombinieren zu können, dass effektive, zielorientierte Webseiten erstellt werden.

Wenn dieser Artikel Interesse an AIDA geweckt hat, lesen Sie das begleitende Premium-Lernprogramm Entwerfen einer Landing Page nach AIDA-Prinzipien…

Danke fürs Lesen!