\n Viele Faktoren wirken sich direkt auf die Conversion Ihrer Website aus. Das wichtigste davon ist jedoch das Webdesign.\n<\/p>\n
\n Der erste Eindruck, den wir bekommen, ist visuell und entscheidend. Wenn Sie also die Konversionsrate auf Ihrer Website verbessern m\u00f6chten, ist Webdesign der erste Ausgangspunkt.\n<\/p>\n
\n In diesem Artikel haben wir die Grundlagen und Tipps zusammengestellt, die Ihnen bei dieser Aufgabe helfen.\n<\/p>\n
\n Der Anteil des mobilen Traffics w\u00e4chst und wird im Jahr 2020 zunehmen. Untersuchungen deuten darauf hin, dass die meisten Benutzer sich weigern werden, mit der Marke zu interagieren, wenn es unm\u00f6glich ist, die erforderliche Aktion von einem mobilen Ger\u00e4t aus durchzuf\u00fchren. Bevor Sie \u00c4nderungen am Design Ihrer Website vornehmen, um mehr Conversions zu erzielen, stellen Sie daher sicher, dass die Website auf Mobilger\u00e4ten korrekt angezeigt wird und Benutzern keine Stolpersteine \u200b\u200bauf ihrem Weg begegnen.\n<\/p>\n
\n Wie es geht? Alles h\u00e4ngt davon ab, wie Sie Ihre Website erstellen. Zum Beispiel werden Websites auf WordPress und anderen beliebten CMS vom Moment der Erstellung an reagieren. Ein zus\u00e4tzlicher Test der Gebrauchstauglichkeit wird jedoch nicht \u00fcbertrieben.\n<\/p>\n
\n Dieses Gesetz legt nahe, dass weniger Auswahlm\u00f6glichkeiten die Entscheidungsfindung beschleunigen und umgekehrt. Wenn Sie beispielsweise auf der Hauptseite drei Handlungsaufforderungen gleichzeitig verwenden, sich beispielsweise auf der Website registrieren, einen Rabatt erhalten und ein E-Book herunterladen, wird es f\u00fcr den Benutzer schwierig sein, sich zu entscheiden, welche Aktion er zuerst ausf\u00fchren soll. Viel sinnvoller wird es sein, diese Calls-to-Action in einer logischen Reihenfolge anzuordnen \u2013 so wie sie aufgelistet wurden und dem Nutzer die n\u00e4chste Aktion nach der vorherigen anzubieten.\n<\/p>\n
\n Dasselbe gilt f\u00fcr die Anzahl der Produkte, die Sie auf der Seite anzeigen. Sie sollten dem Nutzer nicht alle m\u00f6glichen Produkte anzeigen, die f\u00fcr seine Suchanfrage geeignet sind \u2013 besser sind die f\u00fcnf am besten geeigneten Optionen anzuzeigen und die Suche \u00fcber Filter fortzusetzen.\n<\/p>\n
\n Denken Sie an die M\u00f6glichkeit, ein Lead-Formular im Vollbildmodus in dem Moment anzuzeigen, in dem der Benutzer die Hauptseite bis zu einem bestimmten Punkt gescrollt hat. Erstens wird das Vollbildformular die gesamte Aufmerksamkeit des Benutzers auf sich ziehen und ihn nicht von anderen Elementen der Website ablenken lassen, und zweitens geht es nur um die Auswahlm\u00f6glichkeiten, \u00fcber die wir zuvor gesprochen haben. Der Benutzer erh\u00e4lt also nur zwei Optionen. Die erste besteht darin, das Lead-Formular zu schlie\u00dfen und die Interaktion mit der Website fortzusetzen. Die zweite besteht darin, Ihnen seine E-Mail-Adresse als Gegenleistung f\u00fcr Ihr Angebot zu geben.\n<\/p>\n
\n Sie kennen wahrscheinlich eine der wichtigsten Regeln der Fotografie \u2013 die Drittel-Regel. Gem\u00e4\u00df dieser Regel teilen zwei Linien den Bildschirm visuell horizontal und vertikal, was neun Quadrate ergibt. Die vier Schnittpunkte der Linien in der Mitte des Bildschirms stehen also im Mittelpunkt der Aufmerksamkeit des Nutzers, weshalb hier die wesentlichen Informationen, wie zum Beispiel ein Call-to-Action, platziert werden sollten.\n<\/p>\n
\n Dieses Element steht in direktem Zusammenhang mit dem Design, da Ihre Seite m\u00f6glicherweise mit schweren Bildern \u00fcberladen ist, die das Laden Ihrer Website verlangsamen. Entfernen Sie alles Unn\u00f6tige und optimieren Sie die wichtigen Bilder. Laut Statistik betr\u00e4gt die optimale Ladegeschwindigkeit der Website zwei bis f\u00fcnf Sekunden. Und in diesem Fall m\u00fcssen Sie nach einem niedrigeren Indikator streben, da 40 % der Benutzer angeben, dass sie eine Website schlie\u00dfen, deren Ladevorgang l\u00e4nger als drei Sekunden dauert, was bedeutet, dass Sie jedes Mal, wenn die Website langsamer wird, einen potenziellen Lead verlieren.\n<\/p>\n
\n Jan Tschichold sagt, dass negativer Raum als aktives Element gesehen werden sollte, nicht als passiver Hintergrund. Es besteht ein Zusammenhang zwischen Distanz und Aufmerksamkeit. Ein gr\u00f6\u00dferer Abstand erregt Aufmerksamkeit, und das Fehlen anderer Elemente hebt vorhandene Elemente st\u00e4rker hervor. Designer k\u00f6nnen diese Raumeigenschaft verwenden, um wichtige Elemente hervorzuheben. Durch das Hinzuf\u00fcgen von Leerzeichen zu einem bestimmten Segment des Inhalts wird der Benutzer auf diesen Bereich aufmerksam, einfach weil auf dem Bildschirm nichts mehr Aufmerksamkeit erregt. Wie Sie im folgenden Beispiel sehen k\u00f6nnen, ist Google ein gro\u00dfer Bef\u00fcrworter von Leerzeichen in seinen Projekten. Es hilft, den Zweck dieses Projekts sofort zu verstehen: Der Fokus liegt auf dem Hauptziel der Seite.\n<\/p>\n
\n Leider gibt es keinen allgemeing\u00fcltigen Rat, welche Farben besser konvertieren. Alles h\u00e4ngt von den Besonderheiten Ihres Unternehmens ab. Beispielsweise erzeugen wei\u00dfe und blaue Farben ein Gef\u00fchl von Stabilit\u00e4t und Zuverl\u00e4ssigkeit. Daher verwendet PayPal diese Kombination, um die richtigen Zuordnungen zu bilden.\n<\/p>\n
\n Wenn Sie sich nicht sicher sind, ob Ihre Farben richtig funktionieren, gehen Sie einfach zur\u00fcck zu den Urspr\u00fcngen der Farbpsychologie im Marketing und \u00fcberpr\u00fcfen Sie auch die Werte Ihres Unternehmens erneut und finden Sie Ihre perfekte \u00dcbereinstimmung.\n<\/p>\n
\n Au\u00dferdem gibt es unterschiedliche Meinungen \u00fcber die Farbe von Buttons, die schlechter oder besser konvertieren. Die richtige Farbe des Knopfes ist eine alte philosophische Frage. Jemand behauptet, dass die h\u00f6chste Conversion durch rote Kn\u00f6pfe erreicht wird. Andere sagen gr\u00fcn oder blau. Die richtige Antwort klingt wie folgt (wie viele andere Antworten in Marketing und Design): \u201eEs muss getestet werden.“ W\u00e4hlen Sie daher eine Schaltfl\u00e4chenfarbe, die sich von den Grundfarben des Designs abhebt, und f\u00fchren Sie ein paar Tests durch, um zu verstehen, welche Farbe konvertiert besser.\n<\/p>\n
\n Ein korrektes Bild kann mehr sagen als ein paar Abs\u00e4tze Text. Nutzen Sie daher die Kraft der visuellen Wahrnehmung und Emotionen bei der Gestaltung Ihrer Website. Sie k\u00f6nnen beispielsweise das Bild zum Hintergrund Ihrer Website machen und dann alle Ihre Elemente so platzieren, dass sie den Grundregeln des Webdesigns folgen. Ganz nebenbei tr\u00e4gt es auch noch zu besseren Conversions bei.\n<\/p>\n
\n Au\u00dferdem f\u00f6rdert dieser Ansatz Einfachheit und Minimalismus, was ein Trend der letzten Jahre ist, und ein richtig ausgew\u00e4hltes Bild weckt die notwendigen Emotionen und Assoziationen. Und umgekehrt machen zu viele Bilder, wie gesagt, die Auswahl komplizierter und lenken die Aufmerksamkeit des Benutzers ab.\n<\/p>\n
\n Mit anderen Worten, streben Sie nach maximaler Einfachheit. In der modernen F\u00fclle von Informationsrauschen sind Einfachheit und Klarheit zu einem echten Mangel geworden. Studien haben gezeigt, dass 76 % der Benutzer Einfachheit als Hauptentscheidungsfaktor beim Website-Design betrachten. Und hier gilt es, eine gekonnte Balance zwischen Schlichtheit, Minimalismus und gleichzeitig Funktionalit\u00e4t zu halten \u2013 denn Schlichtheit ist auch die Chance, mit wenigen Klicks das zu finden, was der Nutzer braucht.\n<\/p>\n
\n Leider ist das Internet voll von gef\u00e4lschten Bewertungen, und zweifeln Sie nicht daran, dass Ihre Benutzer auch davon wissen. Anstatt sie also zu zwingen, nach Feedback zu Ihren Produkten oder Dienstleistungen zu suchen (das von Ihren Konkurrenten geschrieben werden kann, um Ihr Gesch\u00e4ft zu untergraben), m\u00fcssen Sie ihnen diese Gelegenheit direkt vor Ort geben.\n<\/p>\n
\n Denken Sie daher \u00fcber das Design der Website so nach, dass Sie am Ende der Seite einige echte Bewertungen (und noch besser ein Karussell) platzieren k\u00f6nnen. Und stellen Sie sicher, dass Sie Fotos von lebenden Personen (idealerweise Ihren echten Kunden) verwenden, um den Eindruck eines starken sozialen Beweises zu erwecken.\n<\/p>\n
\n Sie haben wahrscheinlich Websites gesehen, die eine Million Kategorien enthalten, und es ist einfach unm\u00f6glich, beim ersten Versuch den richtigen Abschnitt auszuw\u00e4hlen. Und wenn Benutzer fr\u00fcher noch Zeit f\u00fcr eine solche Suche bezahlt haben, m\u00f6chten sie heute ohne zus\u00e4tzliche Aktionen sehen, was sie brauchen.\n<\/p>\n
\n \u00dcberdenken Sie daher Ihre Vorgehensweise beim Navigieren auf der Website, reduzieren Sie die Anzahl der Kategorien, entfernen Sie alle unn\u00f6tigen und lassen Sie nur die wichtigsten Abschnitte. Wie wir bereits gesagt haben, erschwert die gesamte Auswahl an Auswahlm\u00f6glichkeiten die Entscheidung oder zwingt den Benutzer im Allgemeinen, die Seite zu verlassen und die Aufgabe auf sp\u00e4ter zu verschieben.\n<\/p>\n
\n Dies ist ein psychologischer Trick, der eine unterbewusste Reaktion ausl\u00f6st \u2013 Menschen neigen dazu, Statistiken zu glauben. Und dies ist eine weitere Gelegenheit, die Conversion zu steigern, indem Vertrauen aufgebaut und ein Eindruck von Zuverl\u00e4ssigkeit erweckt wird. Aber es gibt einen entscheidenden Punkt. Erinnerst du dich, wir haben \u00fcber die Drittelregel und strategische Schnittpunkte gesprochen? Genau an diesen Stellen m\u00fcssen Sie Ihre Statistiken platzieren, damit sie im Mittelpunkt der Aufmerksamkeit und Wahrnehmung stehen.\n<\/p>\n
\n Vermarkter sind sich mit dieser Verkaufstaktik nicht einig, aber f\u00fcr schnelle und saisonale Verk\u00e4ufe ist dieser Ansatz immer noch angemessen. Wenn Sie also ein Saison- oder Aktionsangebot haben oder Interesse an einem neuen Produkt testen, ist es sinnvoll, die Illusion von Knappheit zu erzeugen und diese mit Hilfe von Design widerzuspiegeln. Sie k\u00f6nnen beispielsweise einen Countdown-Timer einstellen und die Zahlen erneut in den Fokus der Aufmerksamkeit des Besuchers r\u00fccken.\n<\/p>\n
\n Hier m\u00fcssen Sie die Call-to-Action-Buttons jedoch noch richtig positionieren. Und in diesem Fall ist es besser, dies nach dem Z-Schema zu tun.\n<\/p>\n
\n Die Aufmerksamkeit des Benutzers gleitet entlang der oberen Horizontalen schr\u00e4g nach unten und geht zu den Informationen unten. Platzieren Sie in der oberen linken Ecke das Logo horizontal \u2013 die Kopfzeilen. Die untere rechte Ecke ist ein idealer Ort f\u00fcr einen Aufruf zum Handeln.\n<\/p>\n
\n Dass dies in der Verantwortung des UX-Designers liegt, merkt man richtigerweise, in der Praxis ist dies aber nur dann der Fall, wenn Web- und UX-Designer zusammenarbeiten m\u00fcssen, um ein einheitliches Ergebnis zu erzielen. UX-Design ist ein weiterer Faktor, der sich direkt auf die Conversions auswirkt, und je weniger Schritte Benutzer von der Zielaktion trennen, desto wahrscheinlicher ist es, dass sie abgeschlossen wird.\n<\/p>\n
\n Daher m\u00fcssen Sie noch einmal sicherstellen, dass die Informationen oder Produkte, die er ben\u00f6tigt, nicht mehr als drei Klicks entfernt sind.\n<\/p>\n
\n Um die Konversion Ihrer Website zu verbessern, nutzen Sie die Drittelregel und das Z-Schema, wenn Sie Ihre Handlungsaufforderungen platzieren. Sie k\u00f6nnen die Wahrnehmung eines Handlungsaufrufs verbessern, wenn Sie ihn duplizieren \u2013 am Schnittpunkt der Linien und in der oberen rechten Ecke der Seite, wo die oberste Zeile des Buchstabens Z endet. So bleibt die Aufmerksamkeit des Benutzers zun\u00e4chst in der rechten oberen Ecke stehen, gleitet dann schr\u00e4g nach unten und bleibt direkt am strategischen Schnittpunkt der Linien auf der linken Seite.\n<\/p>\n
\n Moderne Benutzer sind sehr ungeduldig, und wir haben bereits im Abschnitt \u00fcber die Ladegeschwindigkeit Ihrer Seite dar\u00fcber gesprochen. Und ein riesiges Ausf\u00fcllformular kann Ihre Conversions zerst\u00f6ren, da niemand Zeit verschwenden m\u00f6chte, insbesondere von einem mobilen Ger\u00e4t. \u00dcberpr\u00fcfen Sie daher Ihr Registrierungsformular und hinterlassen Sie nur drei Zeilen \u2013 f\u00fcr einen Namen, eine E-Mail-Adresse und ein Passwort, und f\u00fcgen Sie die M\u00f6glichkeit hinzu, sich \u00fcber Google und Facebook zu registrieren.\n<\/p>\n
\n Wie Sie sehen k\u00f6nnen, k\u00f6nnen viele Tricks die Conversions beeinflussen. Das Wichtigste ist jedoch, dass jeder neue Ansatz an Benutzern getestet werden sollte. Jedes Unternehmen und jede Zielgruppe ist spezifisch; Daher kann es keine Vorlagenanweisungen geben, was Sie in Ihrem Design verwenden sollten, um die Conversions zu steigern. Dar\u00fcber hinaus ist das Design der erste, aber nicht der letzte Faktor, der konvertiert (oder nicht konvertiert), und dies muss ebenfalls ber\u00fccksichtigt werden.\n<\/p>\n<\/p>\n