\n Kluge Vermarkter wissen, dass ein Webdesign die Konversionsrate entweder steigern oder senken kann.\n<\/p>\n
\n Obwohl es stimmt, dass SEO und Social-Media-Marketing f\u00fcr Conversions von entscheidender Bedeutung sind, kann ein exzellentes Design den Unterschied ausmachen.\n<\/p>\n
\n Alle Komponenten des digitalen Marketings sind wichtig. Webdesign kann jedoch die Conversion-Raten verbessern oder beeintr\u00e4chtigen. In einer Studie der Stanford University gaben 46,1 Prozent der Befragten an, dass ihr wichtigster Ma\u00dfstab, um zu unterscheiden, ob ein Unternehmen glaubw\u00fcrdig ist oder nicht, das Webdesign ist. Vor diesem Hintergrund ist das Design Ihrer Website von entscheidender Bedeutung und muss professionell aussehen.\n<\/p>\n
\n Auch die \u00c4sthetik Ihrer Website kann bei Conversions eine Rolle spielen. Laut einer Studie von Adobe w\u00fcrden zwei Drittel der Nutzer Inhalte konsumieren und bleiben, wenn die Website sch\u00f6n gestaltet ist. Allerdings muss Ihre Website attraktiv aussehen, wenn Sie m\u00f6chten, dass Ihre Besucher Ihre Beitr\u00e4ge lesen.\n<\/p>\n
\n Dann kommen Sie am Webdesign nicht vorbei. Sie k\u00f6nnen einen Freiberufler beauftragen oder einen Designer beauftragen, um sicherzustellen, dass Ihre Website \u00e4sthetisch ansprechend ist.\n<\/p>\n
\n Hier sind einige Webdesign-Tricks, mit denen Sie Ihre Conversions nachhaltig steigern k\u00f6nnen.<\/strong>\n<\/p>\n \n Das Gesetz besagt, dass durch die Erh\u00f6hung der Anzahl von Optionen auch die Zeit verl\u00e4ngert wird, die eine Person ben\u00f6tigt, um eine Entscheidung zu treffen. Auf dieses Gesetz wird im Webdesign h\u00e4ufig Bezug genommen. In dieser Studie fanden die Forscher heraus, dass mehr nicht immer besser ist, da ein Tisch mit weniger Marmeladensorten mehr Menschen anzog als ein Tisch mit 24 Marmeladensorten. Die Leute kauften wahrscheinlich, wenn sie ein kleines Display sahen.\n<\/p>\n \n Um das Gesetz im Webdesign anzuwenden, m\u00fcssen Sie die Anzahl der Optionen, die Sie f\u00fcr Ihre Besucher haben, einschr\u00e4nken. Werten Sie auf Ihrer Website aus, was sich in Ihrer Navigationsleiste befindet. Es ist der beste Ort, um herauszufinden, was Sie loswerden k\u00f6nnen, um die Anzahl der Optionen zu verringern. Je mehr Links Ihre Besucher ausw\u00e4hlen k\u00f6nnen, desto mehr verlieren Ihre Benutzer das Interesse an Ihrer Website.\n<\/p>\n \n Abgesehen von der Navigationsleiste sollten Sie sich auch die anderen Elemente auf Ihrer Website ansehen, die Besucher entscheiden m\u00fcssen, wenn sie sich auf Ihrer Website befinden. Dazu geh\u00f6rt die Entscheidung, ob die Leser die Seite weiter nach unten scrollen oder die Navigationsleiste verwenden d\u00fcrfen; sich entscheiden, Ihr eBook herunterzuladen oder Ihren Beitrag in sozialen Medien zu teilen, oder sich daf\u00fcr entscheiden, eine Produktbewertung zu lesen oder weitere Produkte zu durchsuchen.\n<\/p>\n \n Da es auf Ihrer Website verschiedene Stellen geben kann, an denen Sie die Anzahl der Optionen einschr\u00e4nken k\u00f6nnen, m\u00f6chten Sie m\u00f6glicherweise ein Willkommenstor auf Ihrer Homepage installieren. Hier sehen Ihre Besucher eine Willkommensnachricht, die den gesamten Bildschirm abdeckt, und sie kommt mit einem einzigen Aufruf zum Handeln. Aus diesem Grund haben Besucher nur eine Wahl, wenn sie Ihre Website besuchen. Wenn sie weitere Optionen sehen m\u00f6chten, k\u00f6nnen sie nach unten scrollen, wodurch Ablenkungen auf Ihrer Homepage minimiert werden.\n<\/p>\n \n Wenn Sie dieses Gesetz anwenden, ist es jedoch wichtig, dass Sie die Ma\u00dfnahmen ber\u00fccksichtigen, die f\u00fcr Ihr Endergebnis entscheidend sind. Denken Sie daran, dass jede Seite Ihrer Website ein prim\u00e4res Ziel erreichen muss. Je weniger Auswahlm\u00f6glichkeiten Ihre Besucher haben, desto einfacher k\u00f6nnen sie Ihre Website verwenden, was die Konversionsrate Ihrer Website erh\u00f6hen kann.\n<\/p>\n \n Ihre Besucher sind ungeduldig, wenn sie im Internet surfen. Eine zweite Verz\u00f6gerung kann zu einer Reduzierung der Conversion um 7 Prozent f\u00fchren. Es gibt mehrere Tools, mit denen Sie Ihre Seitengeschwindigkeit \u00fcberpr\u00fcfen und mehr \u00fcber ihre Probleme erfahren k\u00f6nnen. Sie k\u00f6nnen unter anderem PageSpeed \u200b\u200bInsights von Google, Page Load Speed \u200b\u200bAnalyzer von SEO Chat und Pingdom verwenden.\n<\/p>\n \n Denken Sie daran, dass Sie acht Sekunden Zeit haben, um die Aufmerksamkeit Ihres Lesers zu gewinnen. In diesem Fall haben Sie eine winzige Menge Gelegenheit, Ihre Besucher anzuziehen, nachdem Sie auf Ihrer Website gelandet sind. Wenn Ihre Website langsam geladen wird, verlassen sie sie und kommen nie wieder zur\u00fcck.\n<\/p>\n \n Neben der Beschleunigung Ihrer Website sollten Sie eine kurze \u00dcberschrift und ein auff\u00e4lliges Bild in Betracht ziehen, das den Zweck Ihrer Seite kommunizieren oder die Augen der Besucher auf den prim\u00e4ren Aufruf zum Handeln lenken kann. Stellen Sie sicher, dass Ihre Anmeldeschaltfl\u00e4chen gro\u00df und einfach sind. Und stellen Sie sicher, dass Ihre Kopie verlockend ist.\n<\/p>\n \n Die Drittelregel ist ein fotografisches Prinzip, das Webdesigner umsetzen k\u00f6nnen. Bei dieser Regel m\u00fcssen Sie Ihre Webseite in Drittel unterteilen, sodass Sie neun gleich gro\u00dfe Quadrate erhalten. Die vier mittleren Quadrate sind Sehensw\u00fcrdigkeiten. Jedes Objekt, das Sie an diesen Stellen platzieren, kann einen enormen Einfluss auf Ihre Website haben und dadurch die Conversions steigern.\n<\/p>\n \n In diesen Bereichen k\u00f6nnen Sie Ihren wichtigsten Call-to-Action-Button platzieren. Platzieren Sie Ihre Navigationsleiste jedoch nicht an diesen Stellen. Auf diese Weise konzentrieren sich Ihre Besucher auf die prim\u00e4re Handlungsaufforderung auf Ihrer Webseite.\n<\/p>\n \n Sie m\u00fcssen nicht Ihre gesamte Website neu gestalten. Stattdessen k\u00f6nnen Sie die Drittelregel verwenden, um die wichtigsten Teile Ihrer Website zu platzieren. Zuerst m\u00fcssen Sie einen Screenshot Ihrer Website „above the fold“ machen. Teilen Sie es dann in neun gleiche Anteile. Von dort aus k\u00f6nnen Sie entscheiden, ob Sie Ihre Website optimieren m\u00f6chten oder nicht.\n<\/p>\n \n In diesen Bereichen k\u00f6nnen Sie Ihr Video, Audio und andere interaktive Inhalte platzieren. Erw\u00e4gen Sie Hover-Effekte auf Ihren Call-to-Action-Buttons. Auf diese Weise werden Ihre Besucher eher zum Klicken verleitet. F\u00fcgen Sie dann einige animierte Exit-Popups hinzu. Sie sind wichtig, um Ihre Besucher wieder anzusprechen, wenn sie das Interesse verlieren.\n<\/p>\n \n Negativraum ist der Leerraum im Webdesign. Dieser Platz ist eine positive Sache, da er Ihre Website lesbarer und benutzerfreundlicher macht. Dieser Abstand ist nicht nur der Abstand zwischen den Elementen auf Ihrer Seite. Vielmehr bezieht es sich auch auf den Abstand zwischen den kleinen Elementen auf Ihrer Seite, wie z. B. den Bereich zwischen den Abs\u00e4tzen oder Textzeilen.\n<\/p>\n \n Sie m\u00fcssen auf die negativen Bereiche auf Ihrer Website achten, da sie Ihre Website angenehm f\u00fcr die Augen machen und zu einer erh\u00f6hten Konversion f\u00fchren. Abh\u00e4ngig von Ihrem Webdesign k\u00f6nnen Sie eine Menge negativer Fl\u00e4chen auf Ihrer Homepage verwenden. Auf diese Weise konzentrieren sich Ihre Besucher auf den prim\u00e4ren Call-to-Action.\n<\/p>\n \n Um gen\u00fcgend negativen Platz zu haben, k\u00f6nnen Sie eine kleinere Schriftart verwenden, um mehr Platz zwischen den Buchstaben zu haben. Dann sollte die Zeilenh\u00f6he 1,5 betragen. Wenn Sie sich f\u00fcr kleinere Schriftarten entscheiden, sollten Sie mehr Zeilenh\u00f6hen verwenden.\n<\/p>\n \n Teilen Sie dann diese gro\u00dfen Textbl\u00f6cke in kleinere Abs\u00e4tze auf, um den negativen Abstand zwischen den Abs\u00e4tzen zu vergr\u00f6\u00dfern und die Beitr\u00e4ge dadurch lesbarer zu machen. Vergessen Sie nicht, R\u00e4nder und Auff\u00fcllungen zu verwenden, um Leerraum zwischen den gro\u00dfen Elementen auf Ihrer Website hinzuzuf\u00fcgen.\n<\/p>\n \n Wieso den? Sie k\u00f6nnen Ihre Conversion-Raten nur beeintr\u00e4chtigen. Fr\u00fcher waren sie spannend. Aber jetzt werden sie zu Haustierfelsen. Dar\u00fcber hinaus verlangsamen Slider Ihre Website aufgrund der verwendeten gro\u00dfen Bilder. Sie lenken auch ab, da sie Besuchern nicht erlauben, Ihre Inhalte zu konsumieren.\n<\/p>\n \n Diese Elemente sind aufgrund der Reaktion des menschlichen Auges auf die Umgebung verwirrend. Das menschliche Gehirn ist darauf ausgelegt, Bewegungen in einer statischen Landschaft zu erkennen. Fr\u00fcher war es hilfreich, Mammuts durch eine Tundra zu verfolgen. Aber diese Reaktion f\u00fchrt dazu, dass die Leute der Bewegung der Schieberegler mehr Aufmerksamkeit schenken und Conversion-Punkte ignorieren, auf die sie sich konzentrieren sollen.\n<\/p>\n \n Dar\u00fcber hinaus sind Schieberegler nicht sinnvoll, wenn Ihre Besucher \u00fcber ein mobiles Ger\u00e4t auf Ihrer Website navigieren. Und deshalb finden es die Leute einfacher zu scrollen als zu wischen. Denken Sie daran, dass Sie h\u00f6here Konversionsraten erhalten, je einfacher es Ihren Besuchern ist, mit ihren Mobilger\u00e4ten auf Ihrer Website zu navigieren.\n<\/p>\n \n Slider verursachen auch zu viele H1-Tags auf Ihrer Website. Sie denken vielleicht, dass sie gro\u00dfartig f\u00fcr Ihre Website sind, aber Webcrawler verachten sie. Der Grund daf\u00fcr ist, dass sie die Informationshierarchie auf Ihrer Website durcheinander bringen. Da Webcrawler sie hassen, k\u00f6nnen sie Ihr Seitenranking erheblich beeinflussen. Stellen Sie daher sicher, dass Sie sie so weit wie m\u00f6glich vermeiden.\n<\/p>\n \n Anstatt Schieberegler zu verwenden, entscheiden Sie sich f\u00fcr ein statisches Bild mit einer eindringlichen \u00dcberschrift.\n<\/p>\n \n In verschiedenen Studien fanden Forscher heraus, dass die meisten Benutzer im Internet surfen, um einen Beitrag in einem F-Muster zu lesen. Das hei\u00dft, sie sehen von links nach rechts am oberen Rand des Bildschirms. Danach scannen sie die Seite nach unten und nehmen einige Lesungen in den Inhalt vor. Selten erreichen sie das untere rechte Ende einer Seite.\n<\/p>\n \n Wie k\u00f6nnen Sie das F-Muster verwenden, um Ihre Conversions zu steigern? Platzieren Sie diese kritischen Handlungsaufforderungen und Objekte entlang der F-f\u00f6rmigen Linien. F\u00fcgen Sie dann die weniger wichtigen Objekte in Bereichen mit geringer Sichtbarkeit ein.\n<\/p>\n \n Da Ihre Besucher zuerst auf die linke Seite der Seite schauen, sollten Sie in Betracht ziehen, den prim\u00e4ren Call-to-Action in diesem Bereich zu platzieren. Platzieren Sie dann \u00dcberschriften auf der linken Seite der Seite. Jetzt k\u00f6nnen Sie Ihre gesponserten Anzeigen in die Seitenleiste im rechten Teil Ihrer Seite einf\u00fcgen. Alles, was nicht sichtbar sein muss, aber f\u00fcr Webcrawler wichtig ist, sollte im unteren rechten Teil der Seite platziert werden.\n<\/p>\n \n Da Farben Emotionen hervorrufen k\u00f6nnen, m\u00fcssen Sie die Farbkombination w\u00e4hlen, die die Pers\u00f6nlichkeit Ihrer Marke vermittelt und Menschen zum Handeln anregt. Denken Sie daran, dass Menschen ihre Kaufentscheidung von einem emotionalen Ort aus treffen werden. Die Farbkombination, die Sie f\u00fcr Ihre Website ausw\u00e4hlen, spielt jedoch eine wichtige Rolle bei der Optimierung der Konversionsraten.\n<\/p>\n \n Ein Vorschlag ist, ein Pinterest-Board mit einigen Fotos zu kuratieren, die die Vision Ihrer Marke widerspiegeln. Verwenden Sie das Farbrad von Adobe, um ein Farbschema basierend auf den Farben in diesen Fotos zu erstellen. Aber Sie k\u00f6nnen die einzelnen Farben twittern, indem Sie die Auswahl verschieben.\n<\/p>\n \n Stellen Sie nach dem Erstellen eines Farbschemas sicher, dass Sie Kontrast verwenden, da dies Ihre Konvertierungen beeinflussen oder beeintr\u00e4chtigen kann. Kontrast kann verwendet werden, um \u00dcberschriften, Text und Call-to-Action-Schaltfl\u00e4chen besser lesbar und wahrnehmbar zu machen. Die Farben der Vorderseite und der Schaltfl\u00e4chen m\u00fcssen sich vom Hintergrund und den anderen Elementen abheben, die Sie hervorheben m\u00f6chten, z. B. Schaltfl\u00e4chen zum Abonnieren. Sie m\u00fcssen in einem Ton sein, der sich wirklich vom Rest der Seite abhebt.\n<\/p>\n \n In einem Test von Hubspot wurde festgestellt, dass rote Schaltfl\u00e4chen besser sind als gr\u00fcne Schaltfl\u00e4chen. Bevor Sie rote Schaltfl\u00e4chen in Betracht ziehen, stellen Sie wiederum sicher, dass Rot nicht die dominierende Farbe auf Ihrer Seite ist. Andernfalls wird es nicht mehr Kontrast erzeugen.\n<\/p>\n \n Wie bereits erw\u00e4hnt, k\u00f6nnen Sie das Farbrad verwenden, um eine Komplement\u00e4rfarbe auszuw\u00e4hlen, die das komplette Gegenteil Ihrer dominanten Farbe ist.\n<\/p>\n \n Bevor Sie jedoch die richtige Farbkombination ausw\u00e4hlen, m\u00fcssen Sie verstehen, dass Menschen Farben unterschiedlich betrachten. Die Farben h\u00e4ngen immer davon ab, wie sie zu Ihrer Marke passen. Aus diesem Grund m\u00fcssen Sie eine Farbe ausw\u00e4hlen, die zur Pers\u00f6nlichkeit Ihrer Marke passt, da sie die Kaufentscheidungen Ihrer Besucher beeinflusst.\n<\/p>\n \n Wenn Ihre Marke beispielsweise robust oder maskulin ist, d\u00fcrfen Sie sich nicht f\u00fcr einen rosafarbenen Call-to-Action-Button entscheiden. Entscheiden Sie sich stattdessen f\u00fcr einen gro\u00dfen orangefarbenen Knopf.\n<\/p>\n \n Wie sich Farben auf Conversions auswirken, h\u00e4ngt vom Kontext ab. Da beispielsweise Blau eine h\u00e4ufig verwendete Farbe in Webdesigns f\u00fcr Hyperlinks ist, verbinden die Leute sie immer mit Hyperlinks. So wissen sie, dass sie auf blauen Text klicken k\u00f6nnen.\n<\/p>\n \n Dies gilt auch f\u00fcr CTA-Buttons. Sie m\u00fcssen nicht blau w\u00e4hlen. Denken Sie jedoch daran, dass jede Farbe, die Sie f\u00fcr eine Schaltfl\u00e4che ausw\u00e4hlen, mit einer Aktion verkn\u00fcpft ist. Verwenden Sie diese Farbe konsequent f\u00fcr alle CTAs auf Ihrer Website. Vermeiden Sie jedoch die Verwendung derselben Farben f\u00fcr Elemente, die nicht anklickbar sind. Verwenden Sie au\u00dferdem keine unterschiedlichen CTA-Farben auf derselben Seite.\n<\/p>\n \n Das \u201eOffensichtliche gewinnt immer“ im Webdesign. Aus diesem Grund verbessert ein flaches, minimalistisches Design die Konversionsraten. Der Grund daf\u00fcr ist, dass es sich auf die wichtigsten Elemente konzentriert. Ein klares Design tritt gegen\u00fcber anderen dramatischen visuellen Effekten hervor. Durch die Konzentration auf die grundlegenden Elemente und diese Versch\u00f6nerungen loszuwerden, kann dieser Ansatz hilfreich sein, um ein organisiertes Layout zu erstellen, das sicherlich die Konversionsraten optimieren kann.\n<\/p>\n \n Dar\u00fcber hinaus erm\u00f6glicht ein minimalistisches Design, auf Ihrer Website mehr Platz f\u00fcr relevante CTAs zu haben, wodurch verhindert wird, dass die Seite unwesentliche Elemente enth\u00e4lt.\n<\/p>\n \n Auch wenn das minimalistische Design gro\u00dfartig ist, sollten Sie es nicht \u00fcbertreiben, da die Leute das Interesse verlieren. Bei CTA-Schaltfl\u00e4chen sind die Menschen beispielsweise daran gew\u00f6hnt, Schaltfl\u00e4chen mit Tiefe oder Dimension zu sehen. Diese Merkmale sind Indikatoren f\u00fcr Interaktion.\n<\/p>\n \n Wenn Sie jedoch einen flachen Button haben, k\u00f6nnen Ihre Besucher ihn leicht \u00fcbersehen, wenn sie durch Ihre Seite bl\u00e4ttern. Achten Sie deshalb darauf, dass Sie eine kontrastierende Knopffarbe verwenden. Und w\u00e4hlen Sie einen Ort, an dem Schaltfl\u00e4chen sichtbar sind.\n<\/p>\n \n Daher m\u00fcssen Sie sich jedes Mal, wenn Sie eine Seite erstellen, fragen, ob es eine M\u00f6glichkeit gibt, eine einfachere Version zu haben. Wenn Sie es einfach halten, k\u00f6nnen Sie bessere Konvertierungen und ein \u00e4sthetisch ansprechenderes Design erwarten.\n<\/p>\n \n Ein einfaches Design richtet sich an Personen, die weniger Informationen gleichzeitig verarbeiten k\u00f6nnen. Wenn Ihre Besucher eine Menge Dinge auf einer Seite sehen, werden sie \u00fcberw\u00e4ltigt und gehen. Wenn Sie Ihren Benutzern ein gro\u00dfartiges Erlebnis auf Ihrer Website bieten, stellen Sie sicher, dass Sie die unwesentlichen Elemente entfernen.\n<\/p>\n \n Es ist ein Gestaltungsprinzip, das das \u00c4hnlichkeitsgesetz anpackt. Hier besagt das Gesetz, dass das menschliche Gehirn gerne gleiche Objekte gruppiert. Dieser Mechanismus erm\u00f6glicht es Menschen, Dinge zu verstehen und ihnen zu helfen, laute Umgebungen zu organisieren.\n<\/p>\n \n Wenn Sie diesem Prinzip folgen, m\u00fcssen Sie \u00e4hnliche Elemente oder Elemente gruppieren, die miteinander verkn\u00fcpft werden k\u00f6nnen. Dazu geh\u00f6ren Konvertierungsschaltfl\u00e4chen, Bilder und Testimonial-Boxen.\n<\/p>\n \n Zum Beispiel k\u00f6nnen Sie ein erstaunliches Zeugnis f\u00fcr Ihr Opt-in-Formular haben, um die Conversions zu steigern. Obwohl Testimonials nicht f\u00fcr Bleimagnete ausgelegt sind, k\u00f6nnen die Besucher sie assoziieren, da sie sich immer noch in der N\u00e4he befinden.\n<\/p>\n \n Wenn Menschen das Gesicht eines anderen Menschen sehen, werden sie dazu veranlasst, sich in diese Person hineinzuversetzen. Wenn Sie also ein Problem vermitteln, k\u00f6nnen Ihre Besucher es verstehen oder sich damit verbunden f\u00fchlen. Aus diesem Grund empfehlen Experten unter anderem die Einbindung menschlicher Gesichter in die Artikel, Opt-in-Seiten und Fallstudien.\n<\/p>\n \n Wenn Sie einen Endorser Ihrer Marke haben oder das Gesicht Ihrer Marke sind, m\u00fcssen Sie ein Fotoshooting machen lassen. Bitten Sie den Fotografen, horizontale Aufnahmen mit viel negativem Raum auf einer Seite zu machen, wo Sie einen CTA oder Text platzieren k\u00f6nnen.\n<\/p>\n \n F\u00fcr eine Immobilienwebsite besteht eines der Geheimnisse von Immobilienfotos darin, ein menschliches Gesicht hinzuzuf\u00fcgen und nicht nur das Bild eines Hauses oder eines Teils des Grundst\u00fccks. Sie k\u00f6nnen Models einstellen oder einfach Stockfotos verwenden. Stellen Sie jedoch sicher, dass das ausgew\u00e4hlte Gesicht Ihre Marke genau repr\u00e4sentiert. Durch die Verwendung von Gesichtern, die Ihre demografische Zielgruppe widerspiegeln, kann dies dazu beitragen, die Konversionsrate Ihrer Website erheblich zu steigern.\n<\/p>\n<\/p>\n\n 1 Siehe Hicks Gesetz
\n<\/h5>\n\n 2 Beschleunigen Sie Ihre Website
\n<\/h5>\n\n 3 Befolgen Sie dieses Fotografie-Prinzip
\n<\/h5>\n\n 4 Negativen Raum nutzen
\n<\/h5>\n\n 5 Befreien Sie sich von Schiebereglern oder Karussells
\n<\/h5>\n\n 6 Betrachten Sie das F-Muster
\n<\/h5>\n\n 7 W\u00e4hlen Sie die richtigen Farben
\n<\/h5>\n\n 8 Halten Sie es einfach
\n<\/h5>\n\n 9 Befolgen Sie das Gestalt\u00e4hnlichkeitsprinzip
\n<\/h5>\n\n 10 Gesichter hinzuf\u00fcgen
\n<\/h5>\n