E-Store-Webdesign: Ein Plädoyer für Typografie
Schnelles Laden? Geprüft! Einfache Navigation? Geprüft! Überzeugende Call-to-Action-Buttons? Geprüft! Hochwertige Produktbilder? Geprüft! Leistungsstarker Produktinhalt? Geprüft! Gesicherter Check-out-Prozess? Geprüft!
Typografie? Wirklich?! Spielt Typografie eine Rolle? – Eine Frage, die vielen E-Commerce-Unternehmern in den Sinn kommt, die bereit sind, ihren Shop online zu eröffnen.
Die Antwort ist „JA” – und dieser Artikel wird Ihnen diese Tatsache beweisen!
Im Idealfall sind neue E-Store-Unternehmer voller Eifer und Enthusiasmus, um ihren stationären Laden in ein profitables Online-Geschäft umzuwandeln. In ihrer Eile, ihre Websites online gehen zu sehen, konzentrieren sich viele dieser Unternehmer möglicherweise nur auf größere und umfassendere Fragen. Ignorieren Sie einige kleine, aber sehr wirkungsvolle Designelemente wie Typografie.
Tatsache ist jedoch, dass Typografie eines der wichtigsten Elemente des Webdesigns ist, das sich bei Nichtbeachtung negativ auf den Umsatz auswirken kann.
Lassen Sie uns also auf das Wesentliche der Typografie eingehen, um ihre Bedeutung und Auswirkungen auf die Verkäufe in E-Stores zu verstehen:
Typografie: Was ist das genau?
Hier ist die Wiki- Definition:
„Typografie ist die Kunst und Technik, Schrift zu arrangieren, um geschriebene Sprache lesbar, lesbar und ansprechend zu machen, wenn sie angezeigt wird. Die Anordnung des Typs umfasst die Auswahl von Schriftarten, Punktgrößen, Zeilenlängen, Zeilenabstand (Führung) und Buchstabenabstand (Laufweite) sowie die Anpassung des Abstands zwischen Buchstabenpaaren (Kerning)."
Einfluss der Typografie auf die Benutzererfahrung
Typografie spricht zu Ihren Besuchern.
Die Leute betrachten Ihre Homepage als Ganzes, scannen den Text, die Schriftart, die Größe der Buchstaben und die Länge der Zeilen. Wenn sie Ihren Inhalt jetzt nicht lesbar finden, verlassen sie die Website sofort und springen zur Website Ihres Konkurrenten. Dies ist keine bewusste Entscheidung. Aber das Website-Design (das Typ, Schriftgröße, Farbe und Leerraum umfasst) veranlasst sie dazu.
Es gibt eine Forschungsstudie, die beweist, dass Schriftarten einen großen Einfluss auf die Art und Weise haben, wie wir Informationen verarbeiten. Eine Studie wurde vom Oscar-Preisträger Dokumentarfilmer Errol Morris durchgeführt und trug den Titel „Sind Sie ein Optimist oder Pessimist?” In dieser interessanten Studie entdeckte er, dass Leser eher einer Aussage vertrauen, wenn sie in der Schriftart Baskerville geschrieben wurde, als in einer anderen Schriftart wie Georgia, Comic Sans, Computer Modern, Helvetica oder Trebuchet.
Aus dieser Studie geht eindeutig hervor, dass es nicht ausreicht, einfach über stichwortreiche Seiten oder qualitativ hochwertigen Inhalt (Produktbeschreibung, Produktbilder und Produktvideos) zu verfügen, um Verkäufe zu generieren. Es ist jedoch ebenso wichtig, die richtige Schriftart und -größe in Ihrem Webshop zu haben.
Die Auswahl der richtigen Typografie bietet Ihren Besuchern ein außergewöhnliches Benutzererlebnis. Es wird Ihnen helfen, die Aufmerksamkeit des Besuchers lange zu halten; Stellen Sie sicher, dass sich die Besucher voll und ganz auf die von Ihnen angebotenen Produkte/Dienstleistungen konzentrieren. Eine gezielte Aufmerksamkeit wird Ihnen helfen, Ihren Umsatz zu steigern.
Einfluss der Typografie auf Google Rankings
Der Suchranking-Algorithmus von Google berücksichtigt fast 200 Signale, um eine Website zu ranken. Typografie hat derzeit keinen Platz in dieser Liste der Rankingfaktoren. Die Wahl der richtigen Schriftart und Schriftgröße wird Ihnen also nicht direkt dabei helfen, in den SERPs einen hohen Rang einzunehmen.
Alle E-Store-Webdesigner sind sich jedoch der Tatsache bewusst, dass die Bereitstellung einer guten Benutzererfahrung für Besucher ihnen hilft, in Google höher zu ranken als Websites, die eine schlechte Web-Erfahrung bieten. Aus dem oben genannten Punkt geht hervor, dass Typografie eine wichtige Rolle spielt, wenn es darum geht, den Benutzern eine gute Benutzererfahrung zu bieten. Die Gleichung lautet also jetzt:
Hier ist Steve Jobs’ Typografie
Steve Jobs, zu Recht als Godfather of Fonts bekannt, hatte in einer der inspirierendsten Antrittsrede, die er an der Stanford University hielt, über Typografie gesagt:
Zu berücksichtigende Faktoren vor der Auswahl der Typografie
Nachdem wir nun die Auswirkungen der Typografie auf die Konversionsraten kennen, wollen wir uns eingehend damit befassen, wie Sie typografiebezogene Entscheidungen treffen können:
Es gibt keine einheitliche Formel für Typografie, die für alle E-Stores funktionieren kann. Dies hängt von einigen kritischen Faktoren ab, wie der Zielgruppe, Ihrem Markenimage, der Branche, in die Ihr Unternehmen fällt, ob es sich um ein B2B- oder B2C-Unternehmen handelt, den Produkten/Dienstleistungen, die Sie verkaufen möchten, und der Botschaft, die Sie Ihren Besuchern vermitteln möchten. Eine kritische Bewertung all dieser Faktoren hilft Ihnen bei der Auswahl der richtigen Typografie für Ihr Unternehmen.
Beispielsweise muss sich ein B2B-Unternehmen für Schriftarten wie Sans Serif entscheiden, die ihm helfen, Respekt und Vertrauen im digitalen Raum zu gewinnen. Yapstone, ein Online-Zahlungsdienstleister, verwendet beispielsweise die Schriftart Gotham, die der Marke ein vertrauenswürdiges Image verleiht. Gotham wurde sogar im Wahlkampfmaterial für Barack Obama bei den Präsidentschaftswahlen 2008 verwendet.
Quelle: Yapstone.com
Auf der anderen Seite muss sich ein E-Shop, der Kinderartikel wie Kleidung oder Spielzeug verkauft, für Schriftarten entscheiden, die ein verspieltes und lustiges Gefühl vermitteln. Sehen Sie sich an, wie es childrensplace gelingt, unsere Herzen mit seiner Typografie zu erobern:
Quelle: Childrensplace.com
Ein weiterer wichtiger Faktor, der berücksichtigt werden muss, ist das mobile Publikum. Da immer mehr Menschen auf M-Commerce umsteigen, müssen Sie die mobile Zielgruppe im Auge behalten, bevor Sie sich auf Typografie konzentrieren.
Kurz gesagt, wählen Sie nach gründlicher Analyse der oben genannten Faktoren die Typografie, die zu Ihrem Markenimage passt.
Typografische Elemente
Es ist klar, dass Typografie das Erlebnis Ihrer Besucher verbessert. Ich habe hier einige Elemente der Typografie aufgeführt, um das organische Ranking und die Benutzererfahrung Ihrer Website zu verbessern:
Farbe:
Farbe ist eines der wichtigsten Elemente der Typografie. Die richtige Farbe zieht die Aufmerksamkeit der Besucher auf sich und gleichzeitig erhöhen schlechte Farben auf der Homepage die Absprungrate Ihrer Website.
Viele beliebte Websites wie Skype, WordPress, Twitter, LinkedIn verwenden blaue Farbe auf ihrer Homepage. Einer der Hauptgründe dafür ist, dass blaue Farbe Vertrauenswürdigkeit und Ehrlichkeit symbolisiert. Daher ist es für Webdesigner von entscheidender Bedeutung, ein tiefes Verständnis der Farbpsychologie und ihrer Auswirkungen auf E-Commerce-Conversions zu haben. In einem Experiment fand Monetate heraus, dass blaue CTAs orangefarbene CTAs um 9 % übertreffen.
Quelle: Monetate.com
Wir haben jedoch gesehen, dass Amazon, der größte E-Commerce-Händler der Welt, orangefarbene CTAs auf seinen Produktseiten hat. Daher ist es ratsam, keine verallgemeinerten Experimente durchzuführen und die beste Farbe auszuwählen, die für Ihr Markenimage und Ihre Conversions am besten geeignet ist.
Zeilenlänge und Zeilenabstand:
Zu lange oder zu kurze Linien sehen nicht ästhetisch ansprechend aus. Die durchschnittliche Zeilenlänge beträgt 45-90 Zeichen einschließlich Leerzeichen.
Der Zeilenabstand ist der Abstand zwischen zwei Textzeilen. Der empfohlene Zeilenabstand liegt zwischen 120 % und 145 % der Schriftgröße.
Leerzeichen:
Whitespace verleiht Ihrem Website-Layout ein elegantes Aussehen. Eine Produktseite, die mit allen Informationen über das Produkt wie Produktbeschreibung, Bilder, Videos und CTAs überladen ist, konvertiert weniger als eine Produktseite mit übersichtlichen Produktinformationen. Darüber hinaus erleichtert es Online-Käufern, gewünschte Informationen über das Produkt leicht zu finden.
Verwenden Sie Leerzeichen angemessen, um Ihre Produktseiten optisch ansprechend zu gestalten.
Schriftgröße und -typ:
Schriftarten spielen eine wichtige Rolle bei der Lesbarkeit der Inhalte. Schwer lesbare Schriftarten werden Ihre Besucher abschrecken. Alternativ überzeugen die richtigen Schriftarten die Besucher, die gewünschte Aktion auszuführen.
Wählen Sie diejenige, die lesbar und mit allen Browsern und Bildschirmgrößen kompatibel ist und die am besten zu Ihrem Markenimage passt. Verwenden Sie nicht mehr als 2 Schriftarten. Wählen Sie eine Schriftart für Überschriften und eine andere für die Produktbeschreibung.
Kleine oder winzige Schriftarten verbrauchen mehr Zeit beim Lesen und können daher Website-Besucher sofort vertreiben. Stellen Sie daher sicher, dass die Schriftgröße groß genug ist, damit Webbesucher den Inhalt leicht lesen können.
Es gibt zwar keine ideale Schriftgröße oder Schriftart für E-Commerce-Designs, aber die Faustregel lautet, diejenige auszuwählen, die lesbar ist, zu Ihrem Markenimage passt und zu den von Ihnen verkauften Produkten passt.
Welche der folgenden 3 Schriftarten zum Beispiel wird Ihrer Meinung nach den Eindruck von Zuverlässigkeit und Vertrauenswürdigkeit für ein medizinisches Online-Geschäft erwecken?
Es ist nicht schwer zu erraten, dass Webdesigner von medizinischen E-Shops sich für die Schriftart Arial entscheiden werden.
Bewerten Sie Ihre Typografieleistung
Sie haben Schriftart, Schriftgröße, Farben Ihrer CTAs und alle anderen Gestaltungselemente Ihrer Typografie festgelegt. Aber funktioniert es für Ihre E-Commerce-Website?
Der beste Weg, um herauszufinden, ob die ausgewählte Typografie für Ihren E-Store funktioniert oder nicht, ist, einige A/B-Split-Tests durchzuführen. Sehr viele E-Store-Besitzer behaupten, dass sie keine Zeit haben, Typografie-Tests durchzuführen. Ist es nicht wie zu sagen: „Ich habe keine Zeit zum Tanken, weil ich mit dem Fahren beschäftigt bin”? (Analogie aus Robin Sharmas Bestseller – „Ein Mönch, der seinen Ferrari verkaufte”) Letztendlich werden Sie den Preis dafür bezahlen; und die betroffenen Metriken wären – Besucherzahl, Absprungrate und Konversionsrate.
Auf der anderen Seite erfahren Sie durch Tests, ob die Wahl von Farben, Schriftart, Schriftgröße, Schriftarten und Leerzeichen den gewünschten Effekt auf Ihre Verkäufe hat oder nicht. Seien Sie experimentierfreudig und finden Sie heraus, was für Ihre Zielgruppe am besten funktioniert!
Verpacken
Typografie ist ein wichtiger Bestandteil des E-Commerce-Webdesign-Rezepts. Ein E-Commerce-Unternehmer, der Tausende von Dollar für die Beauftragung einer teuren Entwicklungsagentur mit der Entwicklung einer hochmodernen E-Commerce-Plattform ausgegeben hat, kann sehen, dass sein E-Commerce-Startup scheitert, wenn dieses grundlegende und entscheidende Designelement ignoriert wird.
Es muss einfach genug sein, um lesbar zu sein und gleichzeitig überzeugend genug, um die Zielgruppe zum Surfen und längeren Verweilen auf der Website zu bewegen.
Eine solide Typografie wird eine starke Markenidentität aufbauen, neue Besucher anziehen und Kunden dazu verleiten, Ihre Website erneut zu besuchen; Dadurch steigern Sie Umsatz und Gewinn für Ihr Unternehmen.
Senden Sie mit Typografie die richtige Botschaft an Ihre Interessenten? Welche Schriftarten verwenden Sie für Ihr Unternehmen, um maximale Conversions zu erzielen? Teilen Sie uns Ihre Ideen oder Fragen in den Kommentaren unten mit.