Home Design-Tipps über der Falte: Wie Sie bei Ihren Besuchern einen guten ersten Eindruck hinterlassen

Design-Tipps über der Falte: Wie Sie bei Ihren Besuchern einen guten ersten Eindruck hinterlassen

Amie Parnaby
15/04/2022
Eye icon 441
Comment icon 0
Design-Tipps für den oberen Teil der Seite: Wie Sie bei Ihren Besuchern einen guten ersten Eindruck hinterlassen

This post is also available in: Englisch Französisch Spanisch Portugiesisch, Brasilien

Wenn man „above the fold“ in Google eingibt, erhält man Schlagzeilen wie „Ist es ein Mythos?“ und „Ist es noch relevant?“. Eine berechtigte Frage, wenn man bedenkt, wie viele Inhalte auf Medien konsumiert werden, die sich nicht falten lassen.

Heutzutage wird die Falzlinie üblicherweise als Schneckenlinie bezeichnet. Das bedeutet, dass die Notwendigkeit des Scrollens dort beginnt, wo die Falzlinie endet. „Above the fold“ bezieht sich auf alles, was auf dem Bildschirm sichtbar ist, bevor Sie mit dem Scrollen beginnen.

Eine der bekanntesten Studien zur Faltlinie stammt von der Nielsen Norman Group. Im Jahr 2010 führten sie eine Untersuchung durch und wiederholten sie 2018. Die Ergebnisse waren sehr interessant, und die Forscher wiesen auf Folgendes hin:

„In unserer jüngsten Studie verbrachten die Nutzer etwa 57 % der Zeit, die sie zum Betrachten der Seite benötigen, sind oberhalb der Falz. 74 % der Sehdauer entfielen auf die ersten beiden Bildschirme, bis zu 2160px.“

Interessant ist, dass die Nutzer im Jahr 2010 durchschnittlich 80 % ihrer Zeit oberhalb des Falzes verbrachten. 57 % sind zwar viel weniger, aber immer noch ein erheblicher Betrag. Auch wenn das Scrollen zur zweiten Natur geworden ist, entscheidet der Inhalt, den sie oberhalb des Falzes sehen, immer noch darüber, ob sie weiter scrollen werden. Um also all diese Google-Fragen zu beantworten: Ja, above the fold ist immer noch wichtig.

Quelle: https://www.nngroup.com/articles/scrolling-and-attention/

Wie können Scroll- und Above-the-Fold-Design zusammen funktionieren?

Cxpartners führte Benutzertests mit einem Eye-Tracker durch. Der Eye-Tracker wird verwendet, um zu sehen, was der Nutzer sieht, und die Daten werden dann verwendet, um eine Heatmap zu erstellen, die darstellt, was die gesamte Gruppe von Nutzern sieht. Eine der interessantesten Heatmaps, die sie erstellt haben, war für das Website-Design des Flughafens Bristol. Sie entdeckten, dass weniger Inhalt oberhalb des Falzes die Leute dazu ermutigte, sich unterhalb des Falzes umzusehen.

Mit anderen Worten: Sorgfältig geplante „above-the-fold“-Inhalte verleiteten die Leser zum Scrollen und zur Suche nach weiteren Informationen. Wir sehen jetzt, dass der Platz oberhalb der Falz in der Regel nicht dazu genutzt wird, einen Kunden zu konvertieren, sondern um ihn zum Weitersuchen zu bewegen.

„Nutzer scrollen, wenn es einen Grund dafür gibt. Wenn die Nutzer keine wertvollen Informationen sehen, hören sie auf zu scrollen.“ – Amy Schade, Director of User Experience, Nielsen Norman Group.

Heat Map der Website des Flughafens Bristol für das Above-the-Fold-Design

Quelle: https://www.cxpartners.co.uk/our-thinking/the_myth_of_the_page_fold_evidence_from_user_testing/

Was Sie über Above-the-Fold-Design wissen müssen

Die erste Frage ist, wo ist die Faltlinie, wenn es so viele Geräte mit unterschiedlichen Bildschirmgrößen gibt? Für Webseiten verwenden die meisten UX-Designer 1000×600 Pixel. Da wir aber jetzt Tablets und Smartphones haben, ist es am besten, wenn wir sagen, dass die durchschnittliche Faltung bei 800 Pixeln liegt.

Hier werden die wichtigsten Informationen untergebracht. Wenn Sie es richtig machen und die Besucher mit dem ersten, was sie sehen, ansprechen, werden sie zweifellos nach unten scrollen und länger auf Ihrer Website bleiben. Dann können Sie mehr Zeit darauf verwenden, die Nutzer für Ihr Produkt zu begeistern und sie möglicherweise zu konvertieren.

Die Menschen sind es gewohnt, zu scrollen, insbesondere auf mobilen Geräten, und laut dieser Studie beginnen 50 % innerhalb von 10 Sekunden und 90 % innerhalb von 14 Sekunden zu scrollen. Dies ist wichtig, denn Sie haben nur 10 Sekunden Zeit, um einen Eindruck zu hinterlassen. Es mag sehr kurz erscheinen, aber wenn Sie Ihre Arbeit gut gemacht haben, haben Sie ihre Aufmerksamkeit in wenigen Sekunden.

Wahrscheinlich wissen Sie das schon, aber wir gehen noch einmal darauf ein, weil es wichtig ist. Der „Above-the-fold“-Inhalt dient dazu, ein Bild von Ihrer Marke und den Erwartungen der Besucher an Ihre Website zu zeichnen und sie davon zu überzeugen, sich weiter umzusehen. Halten Sie das Bild also einfach, ansprechend und sofort erkennbar.

Im weiteren Verlauf dieses Artikels gehen wir auf die Elemente ein, die Sie in Ihr Segment oberhalb der Falz einfügen sollten, sowie auf einige Beispiele, die Ihre Kreativität beflügeln sollen.

Einzigartiges Verkaufsargument (USP)

Der wichtigste Aspekt des „above-the-fold“-Inhalts ist Ihr Alleinstellungsmerkmal oder USP. Es ist das, was Ihr Unternehmen (wie der Name schon sagt) von Ihren Mitbewerbern unterscheidet. Außerdem dient sie als Überschrift für Ihre Website.

Also, nichts überstürzen. Nehmen Sie sich Zeit und denken Sie darüber nach. Das Wichtigste ist, dass es einprägsam und ansprechend ist. Außerdem sollten Sie sich direkt an Ihre Zielgruppe wenden und darauf eingehen, warum diese überhaupt auf Ihre Website gekommen ist. Einzigartig zu sein bedeutet nicht viel, wenn Ihre Kunden keine Verbindung zu Ihnen herstellen können.

Ein gutes Beispiel dafür finden Sie auf der Website von Bosch. „Hightech #LikeABosch“. Das war’s dann auch schon. Sie benötigen nichts anderes. Sicher, sie haben ein schönes Bild einer Frau, die sich wie ein „Bosch“ verhält, was eine nette Note ist.

Daraus machten sie nicht nur ihren Slogan, sondern auch einen Hashtag für die sozialen Medien. Ganz zu schweigen von dem Lied aus dem Werbespot, das einem beim Lesen in den Kopf kommt.

Zeigen Sie Ihre USPs #likeaBosch oben in der Falte

Quelle: https://www.bosch.com/

Sofortige Kommunikation von Werten

Wenn Sie keine bekannte Marke wie Bosch sind, brauchen Sie mehr als nur eine Schlagzeile. An dieser Stelle kommt der Text unter der Überschrift ins Spiel. Sie können dies auf verschiedene Weise tun, z. B. indem Sie über Ihr Produkt schreiben, aber am besten ist es, wenn Sie Ihre Kunden berücksichtigen. Beantworten Sie die Frage : „Wie werden Sie ihr Leben besser oder einfacher machen?“

Sie müssen die Antwort auf diese Frage sofort wissen. Das ist für sie und ihre Aufmerksamkeit wichtiger als die Funktionsweise Ihres Produkts oder der Aufwand, den Sie betrieben haben, um es perfekt zu machen. Aus diesem Grund wurden diese Antworten oberhalb der Falz platziert. Denken Sie jedoch daran, dass Sie lange Sätze vermeiden sollten. Machen Sie sie kurz, leicht lesbar und auf den Punkt gebracht.

Mannequin Mall ist ein großartiges Beispiel für ein Unternehmen, das dies gut macht. Nach der Überschrift „Mannequins for Sale“ (Schaufensterpuppen zu verkaufen) folgen vier Sätze, die dem Kunden erklären, wie sie ihm helfen können. Schauen wir sie uns an:

  • „World’s Largest Selection of Mannequins Online“ erweckt den Eindruck, dass sie wissen, was sie tun, und dass es keinen Grund gibt, weiter zu suchen. Sie haben bereits alles, was Sie wollen oder brauchen.
  • Sie wissen, dass es einfach ist, das zu bekommen, was Sie wollen, wenn es „direkt zu Ihrer Tür geliefert wird“. Ihr Paket wird mit nur wenigen Klicks an Ihre Haustür geliefert. Sie müssen sich nicht einmal von Ihrem Stuhl erheben.
  • Der Satz „The Fashion Industry’s Preferred Mannequin & Dress Form Retailer“ verleiht ihnen Glaubwürdigkeit. Um in der Branche bevorzugt zu werden, muss man wissen, dass sie vertrauenswürdig sind und einen hervorragenden Service bieten.
  • Und zu guter Letzt: „10.000+ Bestellungen in den Vereinigten Staaten versandt“. Um so viele Kunden zu haben, müssen sie sehr gut sein in dem, was sie tun. Und wenn all diese Leute ihr Produkt verwenden, warum sollte ich es nicht tun?
Den Wert oberhalb der Falz kommunizieren

Quelle: https://mannequinmall.com/

Bringen Sie Ihre Glaubwürdigkeit auf den Punkt

Wenn Sie Ihre Glaubwürdigkeit unter Beweis stellen können, sollten Sie auf jeden Fall die Gelegenheit nutzen, den Platz oberhalb der Falz zu nutzen. Die Kunden lesen gerne die Bewertungen anderer und sehen deren Sternebewertungen. Selbst wenn es einige negative Bewertungen gibt und Ihre durchschnittliche Bewertung nicht bei 5 Sternen liegt, fühlen sich die Kunden dadurch wohler, wenn sie mit Ihnen Geschäfte machen. Wir alle wissen, dass man es nicht allen recht machen kann, und ein paar unzufriedene Kunden schaden auf lange Sicht nicht. Laut der Northwestern-Studie:

„Eine 5-Sterne-Bewertung war nicht diejenige, der die Verbraucher am meisten vertrauten, um ein Produkt zu kaufen. Die Verbraucher zeigten mehr Vertrauen und waren eher bereit, ein Produkt zu kaufen, wenn dessen Bewertung zwischen 4,2 und 4,5 Sternen lag“.

Zusätzlich zu den Bewertungen können Sie Zeugnisse oder Zahlen wie eine große Anzahl zufriedener Kunden, jahrelange Erfahrung in der Branche usw. angeben. Je nach Unternehmen können Sie auch Ihre Bewertung auf Bewertungsportalen wie Capterra oder Yelp angeben.

Gili Sports zeigt uns ein großartiges Beispiel für die Anwendung dieser Above-the-Fold-Taktik. Sie platzieren ihre 5-Sterne-Bewertung und mehr als 1000 zertifizierte Bewertungen direkt über dem Produktnamen und machen sie so zu einem der ersten visuellen Elemente, auf die die Augen des Käufers fallen. Die Kundenzufriedenheit wird für den Rest der Zeit, die sie auf dieser Seite verbringen, im Hinterkopf bleiben.

Neue Kunden sind beruhigt, wenn sie wissen, dass mehr als 1000 Menschen wie sie eine Bewertung hinterlassen haben, und wenn sie so viel Feedback haben, müssen sie viele Kunden haben, denn nicht jeder möchte eine Bewertung hinterlassen. Außerdem, wenn sie sich nicht scheuen, so offen mit ihrem Feedback umzugehen, müssen sie ziemlich gut sein in dem, was sie tun – und sie können es beweisen.

Beginnen Sie mit dem, was alle anderen von Ihnen denken 5*

Quelle: https://www.gilisports.com/products/106-air-inflatable-stand-up-paddle-board

Präsentieren Sie Ihre Produkte

Kommen wir nun zu dem Bild, das Sie oberhalb der Falz verwenden können. Sie sollte auffällig, aber nicht zu aufdringlich sein. Es wäre besser, wenn Sie Ihr Bild so ausbalancieren würden, dass es nicht die ganze Aufmerksamkeit von Ihrer Überschrift und dem Text darunter ablenkt.

  • Wenn Sie ein Produkt haben, ist es am besten, ein Bild davon beizufügen. Machen Sie es hochauflösend, damit die Kunden Ihr Produkt in seiner ganzen Pracht sehen können. Machen Sie auch ein Foto in einem realen Szenario, damit sie es sich in ihrem eigenen Leben besser vorstellen können.
  • Wenn Sie eine Dienstleistung verkaufen, verwenden Sie ein Bild einer realen Person, z. B. eines Ihrer Mitarbeiter oder sogar Ihrer selbst. Wenn ein Kunde Ihre Website besucht und ein Standard-Stockfoto sieht, das er wahrscheinlich schon auf anderen Websites gesehen hat, verpassen Sie die Gelegenheit, Ihre Marke zu differenzieren.

Es muss ja nicht einmal ein Bild sein. Viele Unternehmen verwenden heute animierte Gifs oder Videos, aber es gelten dieselben Regeln: Welches Format Sie auch immer verwenden, es muss auf die Bedürfnisse Ihres Unternehmens zugeschnitten sein. Wenn Sie ein Video verwenden, insbesondere wenn es in einer Schleife läuft, stellen Sie sicher, dass der Ton automatisch stummgeschaltet wird. Niemand öffnet gerne eine Website und hört Geräusche, die er nicht erwartet hat. In diesem Fall können Sie Untertitel verwenden, so dass die Besucher auch bei fehlendem Ton sehen können, was Sie sagen.

Ein gutes Beispiel dafür ist der US Fireplace Store. Sie beschlossen, nur das Bild ihres Produkts zu präsentieren, ohne Verkaufstext. Sie können das Produkt in seiner ganzen Pracht sehen, denn es gibt nichts, was Ihre Aufmerksamkeit ablenkt. Da ihr Produkt ein Prestigeprodukt ist, brauchen sie Sie nicht davon zu überzeugen, dass sie die Besten sind. Das mag als Risiko erscheinen, aber wenn man darüber nachdenkt, ist es eigentlich eine kluge Entscheidung. Hier ist der Grund dafür.

Präsentation der Produkte von Anfang an

Quelle: https://usfireplacestore.com/

Erinnern Sie sich daran, dass wir gesagt haben, Sie sollten berücksichtigen, was Ihre Kunden hören wollen? In diesem Fall geht es nur darum, was sie sehen wollen. Angenommen, Sie haben sich für den Kauf eines Kamins entschieden und suchen etwas, das die Ästhetik Ihres Hauses ergänzt. Als erstes sollten Sie wissen, wie der Kamin aussieht, alles andere kommt später.

Wenn Sie also Dekorationsartikel verkaufen, bei denen die Ästhetik wichtig ist, sollten Sie dieses Konzept in Betracht ziehen. Der US Fireplace Store ist auf jeden Fall eine gute Wahl.

Zeigen Sie Ihre Verfügbarkeit

Die Leichtigkeit, mit der ein Kunde Sie erreichen kann, ist ein wichtiger Faktor bei der Entscheidung, ob er sich für Sie oder Ihren Konkurrenten entscheidet. Und vergessen Sie nicht, dass sie in der Lage sein wollen, Geschäfte mit einer realen Person und nicht mit einem virtuellen Wesen zu tätigen.

Die Menschen sind skeptisch, weil es so viele Betrügereien gibt, und wenn Sie Ihre Kontaktinformationen transparent angeben, kann das beruhigend wirken. Außerdem wollen sie nicht lange auf Ihrer Website nach Ihren Kontaktinformationen suchen.

Stellen Sie also Ihre realen Kontaktinformationen in den Vordergrund. Sie können Ihre physische Adresse angeben, falls Sie eine haben, sowie Ihre E-Mail-Adresse und Telefonnummer. Wenn Sie einen Live-Chat anbieten, sollten Sie außerdem sicherstellen, dass er oberhalb der Falz sichtbar ist. Das wird einen erheblichen Unterschied ausmachen.

Schauen Sie sich an, wie Mixam die E-Mail-Adresse und Telefonnummer der Marke anzeigt. Es erweckt bei den Kunden sofort den Eindruck der Verfügbarkeit und eines hervorragenden Kundendienstes.

einfache Kontaktinformationen über der Falz

Quelle: https://mixam.com/booklets

Überzeugende CTAs

Zum Schluss noch ein Wort zu den CTA-Schaltflächen (Call to Action). Denken Sie bei den Aufrufen zum Handeln auf Ihrer Website daran, dass sie aussagekräftig sein sollten und dass sie einen großen Einfluss auf Ihr Unternehmen haben können. Ein guter CTA fällt auf und spielt eine wichtige Rolle im Konversionsprozess. Bei der Gestaltung des CTA-Textes können Sie kreativ sein und über den Typ „Demo ansehen“ hinausgehen. Suchen Sie nach Tipps und Tricks, wie Sie Ihre CTA-Schaltfläche perfektionieren können.

Ein großartiges Beispiel dafür ist Ultimate Meal Plans mit zwei CTAs oberhalb der Falz:

  • Auf dem ersten steht „14 Tage lang kostenlos testen“, und der Kunde wird auf eine Anmeldeseite weitergeleitet, auf der er mehr über das Angebot erfahren kann. Der Text selbst enthält das Wort „Kostenlos“, das die Kunden gerne hören, sowie „14 Tage“, eine großzügige Probezeit für den Mahlzeitendienst. Die Farbe lenkt die Aufmerksamkeit auf sich, und der Text präsentiert ein gutes Angebot.
  • Wenn Kunden sofort einen definitiven Kauf tätigen möchten, steht auf der zweiten CTA „Get started“, was sie direkt auf die reguläre Anmeldeseite führt. Es verkürzt den Kaufprozess und macht ihn einfacher und schneller.
oberhalb der Falz mit einem CTA an der richtigen Stelle

Quelle: https://ultimatemealplans.com/

Zum Abschluss

Das Design über dem Falz bleibt wichtig, da es eine neue Form und Funktion annimmt. Anstatt alles dort unterzubringen, ist der Platz oberhalb der Faltung nun minimalistisch und enthält nur die wichtigsten Informationen und einige wenige Elemente. Seine neue Aufgabe ist es, die Besucher dazu zu bringen, mehr Informationen zu suchen, nach unten zu scrollen und länger auf Ihrer Website zu verweilen. Nehmen Sie sich also Zeit für die Gestaltung, und Ihre Bemühungen werden sich sicher auszahlen.

Autor Bio

Travis Jamison ist ein Unternehmer und Investor. Nachdem er einige Unternehmen verkauft hatte, verlagerte er seinen Schwerpunkt auf Investitionen. Aus Enttäuschung über den Mangel an Möglichkeiten für unternehmerische Investitionen – wie den Kauf von Websites und die Investition in kleine, von Anfang an bestehende Unternehmen – gründete er Investing.io, um anderen Unternehmern, die zu Investoren wurden, ein Zuhause zu bieten.

Terminbuchung aus E-Mail-Kampagnen – Dyspatch Integration mit SimplyBook.me
Arrow iconPrevious post
7 fantastische Marketing Video Styles, die Ihnen bei Ihrem Verkaufstrichter helfen können
Next postArrow icon