Warum nimmt die Site-Conversion ab? Beispiele für 60 Design- und Usability-Fehler

Fehler in Design und Benutzerfreundlichkeit sind die Mängel, aufgrund derer Besucher die Website kritisieren, nichts kaufen, sich nicht anmelden und sich an Wettbewerber wenden möchten. Meistens beziehen sich diese Fehler auf technische Störungen, Logik, Navigation, Design, Marketing und Inhalte auf der Website.

In diesem Artikel werden Beispiele für wichtige UX-Fehler vorgestellt und 60 häufig auftretende Probleme hervorgehoben, deren Korrektur eine Steigerung der Conversion garantiert.

Wenn Sie Zweifel haben, dass Sie es brauchen - lesen Sie die Geschichte des unzufriedenen Vasya. Es zeigt, wie der Online-Shop aufgrund eines Fehlers einen Stammkunden verloren hat.

Wie Vasya ein Mikrofon in einem Online-Shop mit schlechter Benutzerfreundlichkeit auswählte

Der Name unseres Freundes ist Vasya. Er ist ein Anfänger, der ein Mikrofon brauchte, um Videos zu sprechen. Das zukünftige Mikrofon sollte drei Eigenschaften aufweisen: niedriger Preis, klarer Klang und Nachfrage nach Avito.

Der letzte Punkt ist besonders wichtig, da er mit Sprachausgabe möglicherweise nicht funktioniert und unser YouTube nicht abgeneigt ist, den größten Teil des investierten Geldes zurückzugeben. Die Anforderungen werden formuliert und Vasya geht hinter dem Mikrofon auf die Website eines vertrauenswürdigen Online-Shops.

Aufgrund der durchdachten Navigation war Vasya nicht ratlos und fand schnell die Kategorie „Mikrofone“.


Als Vasya die Kategorie „Mikrofone“ eröffnete, stieß er sofort auf das erste Problem in Form eines schlecht konzipierten Rubrikatorfilters. Dieser Filter ist nicht für Anfänger geeignet, da er ein Verständnis des Mikrofonthemas erfordert. Ohne das ist es schwierig:


Da der Rubrikator keine Hinweise enthielt, filterte Vasya die Waren nach ihrem Zweck heraus und wählte Studiomikrofone aus. Die Logik hier ist folgende: Wenn das Studio von hoher Qualität ist. Alles andere ist zweitrangig und unverständlich.

Im Abschnitt „Mikrofone“ wurde Vasya von einem komplexen Filter getroffen, den ein Anfänger nicht richtig konfigurieren kann. Wenn Sie ein Thema kennen, können Sie kein geeignetes Mikrofon auswählen.


Unter der Überschrift Studiomikrofone arrangierte Vasya die Produkte zu steigenden Preisen und entschied sich für das Superlux HO8-Mikrofon für 50 US-Dollar. Dies ist die kostengünstigste Option der verfügbaren Studiomikrofone und laut Kundenbewertungen das Geld wert. Das ist es, was Sie für einen Anfänger brauchen. Vasya macht den Kauf und hat bereits mit dem Kunden vereinbart, das erste Video zu sprechen.

Vasya hat sich für ein Superlux HO8-Mikrofon im Wert von 50 US-Dollar entschieden.


Vasya wartet auf das Paket, druckt sein Mikrofon aus, schließt es an den Computer an und erhält ein widerliches Geräusch. Es geht um Phantomspeisung, ohne die der Superlux HO8 nicht voll funktionsfähig ist. Eine Zeile wird zu diesem Moment in der Produktkarte angegeben, die Vasya aufgrund von Unerfahrenheit verpasst hat.

Ein Phantomspeisung ist ein zusätzliches Element, ohne das das Superlux HO8-Studiomikrofon nicht normal klingt. In der Produktkarte ist dieser Moment in einer Zeile geschrieben, die ein unvorbereiteter Anfänger leicht übersehen kann.


Als nächstes begann Vasya unabhängig Informationen über das ausgewählte Mikrofon zu sammeln und fand die folgenden Nuancen heraus:

1. Auf der Website des gleichen Online-Shops finden Sie die günstigste Installation von Phantomspeisung ZEEPIN 48V. Es kostet ca. 37 US-Dollar und ist nur auf Vorbestellung erhältlich. Die Kosten für teurere Installationen beginnen bei 65 USD.
2. Zusätzlich zur Phantomspeisung für das Superlux HO8-Mikrofon müssen Sie einen Ständer und einen Pop-Filter erwerben. Platziert noch keine externe Soundkarte und keinen akustischen Bildschirm, um unnötige Geräusche zu unterdrücken. Zusammen sind dies mindestens 100 US-Dollar.
3. Anstelle all der oben genannten Möglichkeiten können Sie auch ein preisgünstiges USB-Mikrofon erwerben, das die Anforderungen eines Anfängers erfüllt. Für 50 US-Dollar können Sie beispielsweise Trust GXT 232 kaufen. und für $ 85 - Blue Microphones Snowball iCE.

Was als Ergebnis geschah: Vasya warf vergeblich Geld und benutzte das gekaufte Mikrofon nicht, und der Besitzer des Online-Shops verlor einen Stammkunden.

Installieren einer $ 37 ZEEPIN 48V Phantomspeisung.



Um zu vermeiden, dass ein Kunde verloren geht, sollte der Besitzer eines Online-Shops seine Produkte aus einer unerfahrenen Perspektive betrachten und sich auf Bildungsinhalte konzentrieren - fügen Sie allen komplexen Produkten Tipps, nützliche Artikel oder Videos hinzu. Wenn Vasya rechtzeitig von der Phantomspeisung erfahren würde, würde er kein Produkt kaufen, das er nicht benötigte: Er würde mit einem Superlux HO8-Mikrofon auf die Seite gehen → Informationen zu Phantomspeisung aus den geöffneten Eingabeaufforderungen erhalten → einen Artikel lesen, der ausführlich über Phantomeinstellungen informiert → Material über Sorten untersucht Mikrofone → Ich würde zur Liste der Mikrofone zurückkehren und aus den verfügbaren Angeboten die beste Option mit einem USB-Anschluss auswählen. Jeder wäre zufrieden und würde die Zusammenarbeit fortsetzen. Und so Ressentiments und Fürsorge für Konkurrenten.

Der Mangel an Bildungsinhalten ist einer der vielen Fehler, die Online-Shop-Besitzer machen. Wir werden später über andere Themen sprechen.

Technischer Teil

Langsame Download-Geschwindigkeit

Ungefähr 40% der Benutzer verlassen Ihre Website, wenn sie in den ersten drei Sekunden nicht das ursprüngliche Erscheinungsbild sehen. Die gleiche Anzahl von Besuchern wird sofort nach dem Klicken auf einen Abschnitt verlassen und es wird wieder einfrieren. Um dies zu vermeiden, müssen Sie ständig Tests durchführen, schwere Bilder optimieren und die Geschwindigkeit des Herunterladens von Schriftarten überprüfen. Eine andere Situation mit dem Video ist, dass Sie, wenn es nichts ohne sie gibt, zusätzliche Mittel investieren und darüber nachdenken müssen, die Produktionskapazität der Website zu erhöhen. Wenn das Video durch Text und Bilder ersetzt werden kann, ist es besser, dies zu tun. Die Download-Geschwindigkeit ist wichtiger als das Inhaltsformat.

Lange Ladestelle.


Das Beispiel zeigt, dass die Ladezeit der Site 9,83 Sekunden beträgt. Dies ist keine gültige Option, da Besucher selten länger als 3 Sekunden warten.

Schwere Bilddateien.


Schwere Bilder sind einer der Schlüsselfaktoren, die die Ladegeschwindigkeit der Site beeinflussen. Wenn Sie die Geschwindigkeit erhöhen müssen, müssen Sie daher zunächst die Bilder neu laden.

Eine große Anzahl von Anfragen beim Laden von Seiten.


Amazon hat Nachforschungen angestellt und berechnet, dass die Umsatz-Conversion sofort um 1% abnimmt, wenn die Download-Geschwindigkeit der Website um mindestens 100 ms sinkt. Um dies zu verhindern, werden Websitebesitzer aufgefordert, zwei Arten von Tests durchzuführen. Der erste Test sollte in Echtzeit durchgeführt werden und Sie können sofort langsame Seiten daraus berechnen. Der zweite Test sollte regelmäßig sein (einmal pro Woche oder Monat) und alle langsamen Elemente können entsprechend den Ergebnissen korrigiert werden.

Defekte oder defekte Links

Wenn der Benutzer auf Ihre Website gekommen ist, bedeutet dies, dass er an einigen Informationen interessiert war, und dies sind die Informationen, die er erhalten sollte. Wenn dies nicht der Fall ist und anstelle der gesuchten Seite ein fehlerhafter Link angezeigt wird, verlässt der Benutzer die Website, setzt sie auf die schwarze Liste und kontaktiert in Zukunft immer die Konkurrenz.

Nicht nur Benutzer, sondern auch Suchroboter reagieren negativ auf defekte Links. Wenn der Roboter einen defekten Link findet, zieht er die folgende Schlussfolgerung: Es gibt keinen neuen Inhalt anstelle einer leeren Seite → Die Site entwickelt sich nicht und ist für den Eigentümer nicht interessant → Die Site kann in den Suchergebnissen gesenkt werden.

Defekte Links im Programmcode.


Ständige Überwachung ist der einzige Weg, um unterbrochene und unterbrochene Verbindungen zu vermeiden. Wenn Sie eine Fehlfunktion feststellen, korrigieren Sie sofort den Programmcode.

Beim Öffnen einer Seite in einem neuen Fenster.


Fehler 404


Wenn Ihre Site bis zu 100.000 Seiten umfasst, beginnen Sie mindestens einmal im Monat mit der Überwachung. Wenn mehr Seiten vorhanden sind, versuchen Sie, wöchentliche Überprüfungen durchzuführen.

Nicht optimiert Seite 404

Seite 404 ist der leere Ort, an den der Site-Besucher durch Klicken auf einen defekten oder nicht vorhandenen Link gelangt. Wenn diese Seite nicht optimiert ist, verlässt der Benutzer Ihre Website sofort und kehrt nicht ohne Grund dazu zurück. Wenn die Seite optimiert ist, tritt kein Verkehrsverlust auf und der Benutzer kann zum gewünschten Abschnitt wechseln.

Stellen Sie sicher, dass Seite 404 nicht langweilig und leer ist.


Befolgen Sie diese Richtlinien, um Ihre 404-Seite zu optimieren:

1. Beschreiben Sie kurz, wohin die Person gegangen ist und warum sie hier ist.
2. Platzieren Sie einen Link zur Hauptseite der Site.
3. Veröffentlichen Sie Links zu beliebten Abschnitten der Website.
4. Bitten Sie den Benutzer, den Fehler dem Site-Administrator zu melden.
5. Verwechseln Sie das Design und lassen Sie die 404-Seite im gleichen Stil wie die gesamte Website dekorieren.

Letzter Tipp - vergiss den Humor nicht. Wenn der Benutzer lächelt, erobern Sie seinen Standort und können sich auf seine weitere Aufmerksamkeit verlassen.

Schlecht implementiertes horizontales Scrollen

Das horizontale Scrollen ist eine der Möglichkeiten, um den Inhalt einer Site anzuzeigen, wenn Sie sich durch die Seiten bewegen. Dies erfolgt nicht von oben nach unten (), sondern von rechts nach links (). Das Problem beim horizontalen Scrollen besteht darin, dass es schwierig ist, sich an verschiedene Gerätetypen anzupassen. Wenn Sie kein Budget zuweisen und nicht jedes Element des Programmcodes ausarbeiten, fällt die Site auseinander und funktioniert nicht ordnungsgemäß.


Web-Scrolling-Studios arbeiten gerne mit horizontalem Scrolling, das durch eine derart komplexe Mehrkomponentenaktion seine Kompetenz unter Beweis stellt. Wenn Ihr Budget es Ihnen nicht erlaubt, ein individuelles Layout für jede Art von modernem Gadget zu bestellen, können Sie die Website nicht gut bearbeiten. In diesem Fall ist horizontales Scrollen nichts für Sie und Sie müssen eine Site mit einem klassischen Bewegungsschema entwerfen - führen Sie vertikales Scrollen durch.

Mangel an adaptivem Layout

Im Jahr 2019 kommt mehr als die Hälfte des Internetverkehrs von Nutzern von Smartphones und Tablets. In Zukunft kann sich dieses Verhältnis ändern, oder andere Geräte ersetzen Smartphones und Tablets. Das adaptive Layout ermöglicht es Ihnen, sich nicht auf diesen Trend zu verlassen und die Konvertierung aufgrund der technologischen Vorlieben des Publikums nicht zu verlieren. Das heißt, adaptives Layout ist, wenn eine Site sich korrekt an die Breite eines Bildschirms anpassen und auf Computern, Tablets, Smartphones und anderen modernen Geräten korrekt anzeigen kann.

Website ohne adaptives Layout.


Wenn Ihr Budget immer noch begrenzt ist und Sie kein adaptives Layout bestellen können, passen Sie die Site teilweise an. Eine teilweise Anpassung erfolgt, wenn Sie die Site an die Bildschirmbreite der Geräte anpassen, die Ihre Benutzer am häufigsten verwenden. In den meisten Fällen handelt es sich dabei um alle Arten von Smartphones.

Die Site ist nicht für ultrapräzise Ultra HD-Monitore konfiguriert

Im Jahr 2019 konzentrieren sich die meisten Websites auf Monitore mit zwei Arten von Auflösungen: HD und Full HD. Bei HD-Bildschirmen beträgt die Pixeldichte 1366 × 768 - dies sind die kostengünstigsten Monitore, die allmählich an Popularität verlieren. Bei Full-HD-Bildschirmen beträgt die Pixeldichte 1920 × 1080 - dies sind die beliebtesten Monitore, deren Auflösung sich die meisten Entwickler beim Einrichten des adaptiven Layouts orientieren.


Zusammen mit HD- und Full HD-Monitoren werden Bildschirme mit Ultra HD-Auflösung (4K-Monitore) immer beliebter. Bei Ultra HD-Bildschirmen beträgt die Pixeldichte 3840 x 2160 - dies ermöglicht es Ihnen, ultrascharfe Bilder mit detaillierter Anzeige der kleinsten Details auf der Site zu erzielen. Sie können auch einen 8K-Monitor mit einer Pixeldichte von 7680 × 4320 kaufen.

Angesichts dieses Trends kann davon ausgegangen werden, dass der Full HD-Standard bald in die Budgetkategorie übergehen wird und die beliebtesten Monitore mit Ultra HD-Auflösung sein werden. Daher ist es wichtig, einen zusätzlichen Test durchzuführen und sicherzustellen, dass alle Elemente der Site auf 4K-Monitoren korrekt angezeigt werden. Wenn dies nicht erfolgt, nimmt die Conversion Ihrer Website stetig ab, wenn Benutzer zu hochempfindlichen Monitoren wechseln.

Inaktive Suche auf der Website

Eine Suchmaschine auf einer Website ist ein solches Tool, dessen Verwendungshäufigkeit vom Format der Ressource abhängt: Sie wird nur selten auf Informationsseiten verwendet und kann in Online-Shops den kategorialen Filter vollständig ersetzen. Daher die Schlussfolgerung: Die Suchmaschine sollte und sollte immer korrekt funktionieren. Ist dies nicht der Fall, kann der Benutzer die erforderlichen Informationen oder Produkte nicht schnell finden, die Website verlassen, alles finden, was von Wettbewerbern benötigt wird, und wird mit hoher Wahrscheinlichkeit niemals zurückkehren.

Ungültige Priorität der Suchergebnisse.


Beachten Sie beim Konfigurieren einer Suchmaschine die Nuance, dass einige Abfragen häufig mit Fehlern eingegeben werden. Wenn der Benutzer es beispielsweise eilig hat, kann anstelle von "Laptop" "Laptop" eingegeben werden. Für eine Suchmaschine auf einer Website sollte dies kein Problem sein - sie sollte die Anfrage korrekt erkennen und das gewünschte Ergebnis liefern: „Laptop“ → „Laptop“ → eine Liste der erforderlichen Modelle.

Nicht konfigurierte automatische Speicherung im Bestellkorb

Der Warenkorb sollte alle Benutzerkäufe duplizieren. Dies bedeutet, dass, wenn der Benutzer drei Decken auf der Produktkarte angegeben hat, auch drei Decken im Warenkorb angezeigt werden sollten. Das Problem tritt nicht auf, wenn mehrere Wareneinheiten gekauft werden.

Alles ändert sich sehr, wenn ein Benutzer viele Einkäufe tätigt. In diesem Fall kann das Fehlen einer automatischen Speicherung zum Verlust des Clients führen.

Richten Sie die automatische Speicherung im Warenkorb ein und zwingen Sie Ihre Kunden nicht zur doppelten Arbeit. Andernfalls besteht die Gefahr, dass Sie keine Stammkunden mehr haben.

Standardmäßig ist der Warenkorb "0". Gemäß der Analyse unter Verwendung der Klickkarte sehen wir, dass der Benutzer aus diesem Grund eine unnötige Aktion ausführen muss: zuerst das Produkt in den Warenkorb legen und dann seine Menge angeben.


Auch wenn die automatische Speicherfunktion im Warenkorb ordnungsgemäß funktioniert, stellen Sie sicher, dass Ihre Manager Kunden immer zurückrufen und die Reihenfolge angeben. Manchmal klicken Kunden fälschlicherweise mehrmals auf die Schaltfläche "Kaufen", überprüfen den Warenkorb nicht und erhalten die falsche Warenmenge. Das ist auch schlecht, also ist es besser, zurückzurufen.

Layoutprobleme

Die Site sollte in allen Browsern immer korrekt angezeigt werden. Wenn das Layout wegfliegt, wird es für die Site schwierig sein, die geplante nützliche Aktion auszuführen, und die Besucher werden die Meinung haben, dass Laien daran beteiligt sind. Stellen Sie sich vor, der Kunde möchte eine Bestellung aufgeben und kann dies aufgrund des geflogenen Layouts nicht tun. Im besten Fall wird er die Seite neu laden und es erneut versuchen, im schlimmsten Fall wird er aufhören, mit Ihnen zu arbeiten. Dies sollte nicht erlaubt sein.

Ein Beispiel für ein abgestürztes Layout: Klicken Sie zum Ausfüllen auf das Formular → Der Bildschirm kehrt automatisch an seine ursprüngliche obere Position zurück.


Wenn der Bildschirm an seine ursprüngliche Position zurückkehrt, wird der Benutzer von der Bestellung entfernt. Wenn der Vorgang mindestens einmal wiederholt wird, können Sie ohne Client bleiben.

Ein Beispiel für ein abgestürztes Layout: Symbole für soziale Netzwerke passen in den Seitentext.


Wenn die Schaltflächen sozialer Netzwerke fehl am Platz sind, sieht es hässlich aus und provoziert Misstrauen gegenüber den Eigentümern der Ressource. Außerdem können Sie versehentlich auf eine der Schaltflächen klicken und eine zusätzliche Site öffnen. Das ist nervig.

Ein Beispiel für ein abgestürztes Layout: Falsche Anzeige von Text in der adaptiven Version einer Site.


Auf den meisten Websites fungiert der Text als Hauptinhaltseinheit - das Informationsmedium, für das sich der Benutzer im Internet befindet. Wenn das Lesen des Textes unpraktisch ist, möchte daher niemand mit einer solchen Site arbeiten.

Ein Beispiel für ein fehlerhaftes Layout: Brotkrumen überlappen den Titel des Artikels, und der Text beginnt nicht unter dem Hauptbild.


Oben haben wir nur einen kleinen Teil möglicher Beispiele veröffentlicht, bei denen eine Site möglicherweise Layoutprobleme aufweist. Das Gemeinsame in diesen Beispielen ist eines: Sie machen die Website hässlich und unangenehm zu lesen. Sehen Sie so etwas - dringend richtig.

Nicht anklickbare Schaltflächen

Die Schaltfläche auf der Website fungiert als Vertrag zwischen dem Eigentümer und dem Besucher der Website. Wenn dieser Vertrag nicht abgeschlossen werden kann, findet keine Transaktion statt.Wenn Sie eine Schaltfläche platzieren, überprüfen Sie daher deren Klickbarkeit.

Ein Beispiel für nicht anklickbare Schaltflächen: Die Schaltflächen "Auf Kredit kaufen" und "Mit einem Klick kaufen" funktionieren nicht.


Nach dem Klicken auf die Schaltfläche "Auf Kredit kaufen" sollte vor dem Benutzer eine Seite mit der Größe der monatlichen Zahlungen und Kreditbedingungen angezeigt werden. Es ist eine lange Zeit, alle Nuancen durch den Manager herauszufinden. Daher ist es einfacher, die Website zu schließen und alles von Mitbewerbern zu sehen. Die Schaltfläche „Mit 1 Klick kaufen“ wird für Stammkunden benötigt, die viel kaufen und ihre Zeit schätzen. Wenn die Schaltfläche nicht funktioniert, finden diese Benutzer sofort einen Ersatz für die unbequeme Site.

Ein Beispiel für nicht anklickbare Schaltflächen: Filter funktionieren nicht, um alternative Farblösungen zu bewerten oder die endgültige Auswahl zu treffen.


Wenn das Farbschema für den Benutzer wichtig ist, muss er das Produkt in der gewünschten Version sehen. Ohne dies wird das Bild auf anderen Websites durchsucht und die Reihenfolge bleibt dort, wo es implementiert wird.

Ein Beispiel für nicht anklickbare Schaltflächen: Wenn Sie auf Sternchen klicken, wechselt der Benutzer sofort zur Kopfzeile und es passiert nichts. Aus diesem Grund können Sie keinen Kommentar hinterlassen.


Wenn die Website eine nicht funktionierende Bewertung und ein System mit Kommentaren aufweist, sind Besucher möglicherweise der Meinung, dass der Websitebesitzer ihre Meinung vernachlässigt. Daher bilden sich Misstrauen und eine negative Einstellung gegenüber der Ressource.

Beispiel für nicht anklickbare Schaltflächen: Nicht anklickbares Banner auf der Hauptseite.


Im Beispiel kann das Banner nicht nur nicht angeklickt, sondern auch ohne Handlungsaufforderung erstellt werden. Um dies zu beheben, fügen Sie einfach die Arbeitsschaltflächen "Los" oder "Mehr" hinzu.

Nicht anklickbarer Warenkorb

Ein Warenkorb ist ein vertrauter Ort, an den Besucher eines Online-Shops gehen, bevor sie eine Bestellung bestätigen. Wenn das Symbol "Warenkorb" nicht anklickbar ist, möchten viele Benutzer nicht mit ungewöhnlichen Funktionen umgehen und kaufen woanders ein. Um dies zu vermeiden, experimentieren Sie nicht mit dem Warenkorb und machen Sie das Symbol immer anklickbar. Und noch etwas: Verwenden Sie keine anderen kreativen Namen anstelle des Wortes „Basket“. Es besteht die Gefahr, dass Benutzer nicht auf "Warenkorb", "Lager" oder "Lukoshko" klicken.

Selbststartende Audio- und Videodateien

Auf der Website haben Sie das Recht, Inhalte in dem Format zu veröffentlichen, das Sie für erforderlich halten. Gleichzeitig haben Besucher Ihrer Website das Recht zu wählen, welches Inhaltsformat sie ansehen möchten und wann sie es besser machen möchten. Wenn Sie den unabhängigen Start von Audio- und Videodateien hinzufügen, verletzen Sie die Rechte der Benutzer - sie haben nichts angefordert, und Sie haben beschlossen, den Inhalt der Website für sie anzuzeigen.


Manchmal kann die automatische Wiedergabe von Mediendateien eine gute Lösung sein, und manchmal verwenden sogar Forbes-Verlage dieses Format. In den meisten Fällen führt dies jedoch zu dem Wunsch, die Site sofort zu schließen und niemals wieder dorthin zurückzukehren. Wir empfehlen Ihnen daher, kein Risiko einzugehen und das Content-Management des Benutzers nicht zu beeinträchtigen.

Logik

Hamburger Button in der Hauptversion der Seite

Die Schaltfläche „Hamburger“ besteht aus drei horizontalen Streifen. Wenn Sie darauf klicken, wird das Site-Menü geöffnet. Diese Technik wurde für das adaptive Layout erfunden und wird verwendet, um den Inhalt der Website auf Gadgets mit einem schmalen Bildschirm zu übertragen.


Wenn dieselbe Technik in der Hauptversion der Site verwendet wird, wird die Navigation komplizierter und der Benutzer muss eine nutzlose zusätzliche Aktion ausführen, um die erforderlichen Informationen zu finden. Daher besteht das Risiko, dass sich der Benutzer unwohl fühlt und beim nächsten Mal eine Website mit durchdachterer Navigation auswählt.

Verwenden Sie die Schaltfläche „Hamburger“ im adaptiven Layout und lassen Sie für die Hauptwebsite ein einfaches lineares Menü.

Website ohne Logo

Das Logo ist ein bekanntes Attribut, das sich in der Kopfzeile der Website befindet und die Wiedererkennung verbessern soll. In der Regel wird das Logo in Verbindung mit dem Favicon verwendet - einem kleinen Symbol, das auf der Registerkarte des Browsers vor dem Namen der geöffneten Seite hervorgehoben wird. Wenn das Logo und das Favicon korrekt gestaltet sind, helfen sie dabei, sich an die Website zu erinnern und die Wahrscheinlichkeit einer Rückgabe zu erhöhen. Ohne diese Attribute wird es viel schwieriger, sich an Ihre Website zu erinnern.

Schieberegler auf der Hauptseite

Es ist zu beachten, dass 1-5% des gesamten Site-Verkehrs auf der Hauptseite angezeigt werden. Außerdem werden die meisten Schieberegler auf Mobilgeräten nicht gut angezeigt und haben dieselben Probleme wie Websites mit horizontalem Layout. Es ist manchmal teuer, einen Qualitätsregler zu erstellen, und Budgetoptionen beeinträchtigen sofort die allgemeine Vorstellung von der Ressource: Der Benutzer besucht die Website → sieht einen unbequemen und schlecht gestalteten Schieberegler → verlässt die Seite oder beginnt, die Seite mit einer negativen Einstellung zu studieren. Um dies zu vermeiden, reicht es aus, den Schieberegler auf der Hauptseite zu verlassen und das Präsentationsmaterial über die Site mithilfe einfacher Designlösungen zu verteilen: Text, Grafiken oder Videos.

Nicht ausgewählte Links

Link ist ein Tool, um Besucher einer Website zu binden. Der Benutzer liest den Artikel, den er mag → sieht einen zusätzlichen nützlichen Link → klickt auf diesen Link und bleibt dann auf der Site. Wenn der Link nicht erfolgreich markiert wurde, hat der Benutzer nichts, woran er sich festhalten kann, und nach dem Studium des gewünschten Themas schließt er die Site sofort. Um dies zu beheben, müssen Sie die Links sichtbar machen.


Um die Wahrscheinlichkeit eines Übergangs zu erhöhen, können Sie alle empfohlenen Links sammeln und im Abschluss des Artikels duplizieren. Der Benutzer wird also definitiv sehen, was er sonst noch zu dem ausgewählten Thema lesen muss.

Redundante Animationen

Jede Multimediadatei auf der Seite sollte eine nützliche Funktion erfüllen: unterhalten, eine Geschichte erzählen oder beim Umgang mit dem Thema helfen. Wenn zu viele Animationen vorhanden sind, ist die Seite redundant und schwer zu studieren. Das Kontrastprinzip wird ebenfalls verletzt und alle wichtigen Animationen werden mit sekundären Animationen gemischt. Infolgedessen wird sich der Benutzer an nichts erinnern oder sich sogar weigern, die überladene Seite zu studieren.

Vermeiden Sie Redundanz und konzentrieren Sie sich auf wichtige Animationen.

Ablenkende Elemente

Hier müssen Sie das gleiche Prinzip wie bei redundanten Animationen einhalten: Wenn ein Element für eine nützliche Aktion nicht funktioniert, ist es besser, es nicht auf der Seite zu veröffentlichen. Ausnahmen sind nur in Situationen zulässig, in denen diese Elemente in Form einer hochwertigen Dekoration präsentiert werden, die es Ihnen ermöglicht, eine angenehme Atmosphäre auf dem Gelände zu schaffen. Wenn Qualität ein Problem ist, ist es besser, keine störenden Elemente zu verwenden - auf diese Weise gibt es weniger verärgerte Besucher.

Popups ohne die Schaltfläche Schließen

Ein Site-Besucher ist ein Gast, dessen Handlungen nur freiwillig sein sollten. Wenn Sie der Site Popups hinzufügen und diese ohne die Schaltfläche Schließen entwerfen, hat der Benutzer keine freie Wahl. Aus diesem Grund wird er Ihre Website garantiert nicht mögen und beim nächsten Mal wird er definitiv eine konkurrierende Ressource auswählen. Wenn Sie also zufällig Popup-Fenster verwenden, müssen Sie ihnen eine große Schaltfläche "Schließen" hinzufügen.

Ärgerliches CAPTCHA

CAPTCHA ist ein nützliches Werkzeug, das die Seite vor dem Zustrom von Robotern schützt. Daher sollte und kann Captcha nicht darauf verzichten. Das Problem tritt dann auf, das Captcha ist falsch programmiert und setzt jeden neuen Besucher mit einem Bot gleich: Eine Person kommt auf interessante Weise zur Registrierung auf die Website → anstatt den Inhalt zu studieren, sollte sie Zeit damit verbringen, Zahlen und Buchstaben einzugeben, die für sie bedeutungslos sind. Die Situation verschärft sich, wenn das Captcha beschädigt oder zu lang ist - es ist für den Benutzer einfacher, die Seite zu schließen, als sie zu dekodieren. Um das Publikum nicht zu verlieren, sollten Sie das Captcha kompakt, unsichtbar, selten funktionierend und in der Lage machen, eine Person besser von einem Roboter zu unterscheiden. Norm Option ist reCAPTCHA.

Aufdringliche Popup-Fenster

Das Popup-Fenster ist ein Popup-Banner, das den Benutzer auffordert, bestimmte Maßnahmen zu ergreifen: Abonnieren Sie den Newsletter, hinterlassen Sie eine Telefonnummer oder folgen Sie einem bestimmten Link. Popups erfüllen eine Werbefunktion und sind in Situationen sehr ärgerlich, in denen ein Popup mit einer unangemessenen Meldung auf der Seite angezeigt wird:




Wenn Sie Popup-Fenster verwenden, bieten Sie ihnen etwas Nützliches an und konfigurieren Sie sie so, dass der Benutzer Zeit hat, den Inhalt der Site zumindest ein wenig zu studieren.

Obligatorisches Registrierungsverfahren

Wenn Sie sich vor dem Kauf im Online-Shop registrieren müssen, machen Sie sich bereit für eine niedrige Conversion.


Wenn Sie Benutzerdaten sicher erfassen möchten, erläutern Sie einfach die Vorteile des Registrierungsverfahrens und machen Sie es automatisch, wenn der erste Kauf erfolgt. Senden Sie das Passwort per E-Mail.


Das Sammeln von Kontakten interessierter Benutzer ist schwierig, aber das Verlieren ist einfach. Stören Sie daher Ihre Abonnenten nicht, senden Sie keinen Spam und keine nutzlose Werbung. Sie versprachen Informationen über vorteilhafte Boni - sprechen Sie zuerst über Boni, und danach können Sie Werbung einfügen. Es ist möglich, aber nicht anders.

Komplexes Registrierungsverfahren

Wenn sich der Benutzer für die Registrierung auf Ihrer Website entschieden hat, sollte dieser Vorgang nicht länger als eine Minute dauern. Wenn das Registrierungsformular zu komplex ist, mit den erforderlichen Feldern übersättigt ist und aus mehreren Schritten besteht, ist es für den Benutzer einfacher, seine Meinung zu ändern, als die vorgeschlagene Aktion auszuführen.

Wenn ein Benutzer viele erforderliche Daten für die Registrierung eingeben muss, überlegen Sie, wie Sie diesen Vorgang vereinfachen können. Sie können beispielsweise das Plugin verbinden und die erforderlichen Daten aus sozialen Netzwerken ziehen. Sie können die Registrierung auch in mehrere Teile unterteilen: E-Mail, Name und Telefonnummer werden zu Beginn eingegeben, und Sie können alle anderen Informationen in Ihr persönliches Konto einfügen.

Maskieren des Passwortfeldes

Das versteckte Kennworteingabefeld (****) eignet sich für das Online-Banking und auf Websites, auf denen Geld oder wichtige Benutzerdokumentationen gespeichert sind. In diesem Fall ist ein verstecktes Passwort erforderlich, das als zusätzliche Schutzmaßnahme verwendet wird. Wenn Sie sich beispielsweise für Online-Banking in einem öffentlichen Café entscheiden, können Sie sich anmelden und müssen sich keine Sorgen um die Sicherheit Ihres Kontos machen.

In allen anderen Situationen ist es besser, das versteckte Kennwortfeld nicht zu verwenden, da dies die Eingabe Ihres persönlichen Kontos erschwert. Wenn es aus irgendeinem Grund nicht möglich ist, das Kennworteingabefeld zu deklassieren, stellen Sie sicher, dass Benutzer diese Option nach eigenem Ermessen ein- und ausschalten können.

Navigation

Nicht konfigurierte Paginierung

Paginierung sind Seiten des Warenkatalogs, die von Suchrobotern unmittelbar nach der Hauptseite gelesen werden. Wenn die Paginierung im Online-Shop falsch gerahmt ist, wird die Website schlecht beworben und verkauft sich schlecht.

Wenn sich auf der Website eine große Anzahl von Produkten einer bestimmten Kategorie befindet, sollten Sie diese Kategorie in Paginierungsseiten unterteilen. Es lohnt sich, am Ende des Artikels eine Schaltfläche zum Wechseln der Seite hinzuzufügen, eine abgekürzte Liste aller Seiten. Oft finden Sie auf den Seiten der Paginierung eine zusätzliche Schaltfläche, um alle Produkte gleichzeitig anzuzeigen. Hier müssen Sie sehr vorsichtig sein und sicherstellen, dass beim Aktualisieren der Produktliste die URL geändert wird, auf die im Voraus kein Index gesetzt wird.

Schlecht konzipierte Reiseszenarien

Auf der Website sollte der Benutzer immer wissen, welche Aktionen er ausführen kann und was folgen wird. Sobald ein Punkt nicht vereinbart ist, beginnen Verwirrungs- und Konvertierungsprobleme. Um es klar zu machen - wir werden diesen Moment am Beispiel eines unkoordinierten Kaufs von Waren mit einem Klick analysieren:

Hier ist eine andere Situation. Stellen Sie sich vor, Sie müssen sich an den technischen Support-Manager wenden. Dies kann nur über eine Rückrufanforderung erfolgen. Sie geben eine Telefonnummer ein und erhalten keine Benachrichtigung. Aus diesem Grund wissen Sie nicht, ob der Manager Ihre Anfrage erhalten hat, wann Sie auf eine Antwort warten müssen und wo Sie Kontakt aufnehmen können, wenn die Situation dringend ist. Das heißt, es entsteht ein vorgefertigter Grund, für Wettbewerber abzureisen.

Die Telefonnummer wird angezeigt, es gibt jedoch keine Bestätigung, dass sie an den Manager übermittelt wurde.


Um dies zu beheben, werden wir einen anderen Fall analysieren. Programmierer haben die Site schlecht gestaltet und Benutzer haben Probleme mit Produktkarten. Auf den Karten können Sie die Anzahl der Wareneinheiten nicht ändern und das ausgewählte Produkt nicht aus dem Warenkorb löschen. Da es keine Hinweise gibt, wird der Benutzer schnell enttäuscht sein und in einem solchen Online-Shop nichts kaufen.

Die ausgewählte Anzahl von Einheiten wird nicht angezeigt und es gibt keine Möglichkeit, etwas zu ändern. Wenn Sie zum nächsten Schritt wechseln, steht darauf die Funktion zur Auswahl der Warenmenge nicht zur Verfügung


Vermeiden Sie Hautausschläge und sichern Sie jeden benutzerdefinierten Schritt mit Tipps zur Klärung. Dies ist ein einfacher Weg, um Konflikte zu vermeiden.

Keine Semmelbrösel

"Breadcrumbs" ist ein Navigationssystem, das die Bewegungskette des Benutzers von der Hauptseite zum aktuellen Abschnitt anzeigt. Es ist üblich, oben auf der Website „Breadcrumbs“ anzuzeigen. Mit ihrer Hilfe können Sie schnell zurückgehen und einen zuvor angezeigten Abschnitt finden. Wir haben das Produkt 10 gesehen - auf den „Semmelbröseln“ können Sie mit einem Klick zum Produkt 2 wechseln.

Neben der Navigationsfunktion wirken sich Breadcrumbs auf die SEO-Optimierung aus: Sie stellen eine Verknüpfung zwischen anderen Seiten her und beeinflussen den Verhaltensfaktor positiv. Wenn es keine „Brotkrumen“ gibt, ist es für Benutzer daher unangenehm, die Website lange zu studieren und schnell die Abschnitte zu finden, die ihnen gefallen.

Navigation auf der Startseite

"Home" ist die Seite, zu der der Benutzer zurückkehrt, wenn er sich auf der Website verirrt. Wenn es keine solche Seite gibt, verlassen einige Besucher bei den ersten Problemen mit der Navigation die Website. Damit die Startseite nützlichere Aufgaben ausführen kann, ist es ratsam, die Hauptüberschriften in die Beschreibung aufzunehmen oder über die gesamte Struktur der Website zu sprechen.

Für den Online-Shop kann dieser Menüpunkt weggelassen werden.

Es gibt keine Navigation in Site-Artikeln

Für große Blog-Artikel benötigen Sie eine eigene Navigation. Befolgen Sie zur Vorbereitung einfach zwei Schritte:

1. Installieren Sie ein Plugin, das automatisch Inhalte aus den Unterüberschriften des Artikels erstellt. Dieser Inhalt wird am Anfang des Artikels angezeigt und mit seiner Hilfe kann der Benutzer sofort mit dem Lesen des gewünschten Abschnitts beginnen.
2. Fügen Sie die Schaltfläche „Nach oben“ hinzu, mit der Sie schnell von einem beliebigen Abschnitt zurück zum Inhalt wechseln können.

Wenn der Artikel klein ist und in 3-5 Bildlaufbildschirme passt, ist das Hinzufügen einer Navigation nicht erforderlich. Der Benutzer findet schnell das richtige Material.

Formale Navigation

Die Navigation ist ein Tool, mit dem Sie die Site bereinigen können. Wenn die Navigation schwierig oder unlogisch ist, kann der Benutzer die Website nicht vollständig erkunden und die erforderlichen Conversion-Aktionen ausführen: Kaufen Sie ein, hinterlassen Sie eine Telefonnummer oder abonnieren Sie Nachrichten.

Das Menü mit der falschen Rangfolge der Kategorien wird unten veröffentlicht: Der Hauptabschnitt wird nicht hervorgehoben und die sekundären Kategorien sind nicht strukturiert.


Ein weiterer häufiger Fehler der formalen Navigation ist die Verdoppelung von Positionen. Dies ist der Fall, wenn Sie im Abschnitt "Zubehör" die Kategorie "Zubehör" finden. Ein solcher Zufall muss beseitigt werden und darf den Benutzer nicht verwirren.

Beispiel für doppelte Menüelemente, wenn in Abschnitt und Kategorie „Zubehör“ verwendet wird.


Vergessen Sie auch nicht, sicherzustellen, dass alle Seiten ein Menü der ersten Ebene haben. Wenn Sie es nicht hinzufügen, können Sie nicht schnell zwischen Kategorien wechseln und verschiedene Produkte durchsuchen.

Ein Beispiel für einen Produktkatalog ohne Menü der obersten Ebene. Benutzer haben nicht die Möglichkeit, mit einem Klick zur Auswahl einer anderen Kategorie zu wechseln.


Um die richtige Navigation zu erstellen, versetzen Sie sich in die Lage eines Neulings, der nichts über die Website weiß. Stellen Sie nun die Frage: Kann sich ein solcher Neuling schnell in den veröffentlichten Menüpunkten bewegen und die erforderlichen Informationen finden? Wenn die Antwort Nein lautet, sollte die Navigationskette überarbeitet werden.

Freigabe

Unangemessenes Design

Design ist ein visuelles Bild, das ein Publikum anziehen und die Interaktion mit der Website vereinfachen soll. Qualitätsdesign macht genau das. Ein schlecht durchdachtes, veraltetes oder übermäßig kreatives Design reduziert alle Conversion-Metriken und muss sofort behoben werden.

Ein Beispiel für unprofessionelles Design. Hier wird alles auf einem Haufen gemischt und mit einem roten Hintergrund überflutet.


Das Problem mit kreativem Design ist, dass es schwer zu erstellen ist. Wenn Sie Zweifel an Ihren Ideen haben, ist es daher besser, einfache Designtechniken zu bevorzugen, die für die gesamte Zielgruppe verständlich sind.

Ein Beispiel für kreatives Design, wenn ein Filtersystem nicht als Filter wahrgenommen wird.


Die Schönheit eines komplexen Designs kann nur der Websitebesitzer schätzen, der für dieses Design bezahlt hat. Wenn die Seiten keine Augen schneiden und alles klar darauf sortiert ist, reicht dies für die Benutzer aus. Der Rest ist überschüssig.

Ein Beispiel für ein kompliziertes Design, bei dem aus der üblichen Warenüberschrift ein Rebus wurde. Aus der Klickkarte geht hervor, dass die Benutzer hier die Möglichkeit der Interaktion mit den entsprechenden Symbolen nicht verstehen.


Qualitätsdesign muss nicht teuer und sperrig sein. Wenn ein einfacher minimalistischer Stil mit hochwertigen Dienstleistungen kombiniert wird, reicht dies aus, um ein loyales Publikum anzulocken. Es wird ein zufriedenes Publikum geben → der Umsatz wird steigen → professionelles Design wird erscheinen.

Unbequeme Textspalte

Der Text sollte 60-70% der Seitenbreite einnehmen. Wenn Sie einen schmalen Rand machen, wird der Text gedehnt und in ein unlesbares vertikales Blatt umgewandelt. Wenn Sie die maximale Breite verwenden, wird ein nicht lesbares Blatt horizontal gedehnt. Ein vollständiger Fehler liegt vor, wenn dem gestreckten Text Serifenschriftarten hinzugefügt werden. Denken Sie an Benutzer und verursachen Sie keine unnötigen Unannehmlichkeiten.

Überproportionale Bilder

Auf der Website sollte das gesamte visuelle Design den gleichen Stil haben. Akzentelemente sind akzeptabel, müssen jedoch ordentlich gestaltet sein und vom Benutzer verstanden werden. Wenn Sie beispielsweise eine Beschreibung des Produkts einer Person erstellen, ist es zulässig, Bilder mit unterschiedlichen Proportionen und Maßstäben in den Artikel einzufügen. Der Leser versteht, dass es sich um unterschiedliche Eigenschaften eines Produkts handelt. Gleichzeitig kann man die Proportionen im allgemeinen Warenkatalog nicht ändern - hier ist ohne zusätzliche Kommentare unklar, wie sich einige Bilder von anderen unterscheiden.

Ein Beispiel für ein zu hohes Bild in der Kopfzeile. Um zum Inhalt zu gelangen, müssen Sie die Seite scrollen. Das Problem wird gelöst, indem die Höhe der Kappe um 50-70% verringert wird.


Beim adaptiven Layout treten häufig Probleme mit der Proportionalität auf. Daher ist es wichtig, das Design auf so vielen Geräten wie möglich zu testen.

Ein Beispiel für die falsche Verteilung von Elementen in der mobilen Version der Site. Das erste Bild fällt aus dem Katalog und sieht größer aus als die anderen.


Überproportionale Bilder sorgen für Verwirrung und mangelnde Professionalität. Wenn einer der Benutzer darauf achtet, wird er das nächste Mal ohne solche Probleme auf der Website einkaufen gehen.

Inkompatibler Text und Hintergrund

Ideale Option ist schwarzer Text auf weißem Hintergrund. Etwa der gleiche Effekt ergibt weißen Text auf schwarzem Hintergrund. Sie können andere Farben kombinieren, die nicht miteinander verschmelzen, und so Informationen auf der Website leicht lesen. Wenn der gesamte Inhalt auf einen Blick leicht zu lesen ist, haben Sie den richtigen Text und Hintergrund ausgewählt.

Wenn Sie keine spezielle Entwurfsaufgabe haben, wählen Sie schwarzen Text auf weißem Hintergrund. Sie müssen nicht nur der Schönheit halber mit Blumen spielen - es ist besser, die eingesparte Zeit für die Produktion von Inhalten zu verwenden. Benutzer werden es auf jeden Fall zu schätzen wissen.

Ein Beispiel für schlecht lesbaren Text in Abbildungen.


Mit besonderer Sorgfalt müssen Sie sich den Text- und Hintergrundexperimenten im adaptiven Layout nähern. Auf Mobilgeräten sind Informationen schwieriger zu berücksichtigen, daher muss die Auswahl der Farben mit großer Sorgfalt erfolgen.

Ein Beispiel für unlesbaren Text im adaptiven Layout.


Wenn Ihnen der Klassiker in Form von schwarzem Text und weißem Hintergrund aus irgendeinem Grund nicht zusagt, denken Sie an diese Nuance: Verschiedene Geräte haben unterschiedliche Farben. Wenn auf Ihrem Computer alles gut aussieht, bedeutet dies nicht, dass ein Benutzer mit einem Budget-Smartphone unter Android eine ähnliche Lesbarkeit hat.

Rohtextdesign

Keiner der Benutzer ist daran interessiert, eine Volltext-Leinwand zu lesen, die keine visuellen Aufmerksamkeitssteuerungselemente enthält: Absätze, Unterüberschriften, Listen, Bilder und einzelne Blöcke mit wichtigen Informationen. Das Auge klammert sich an nichts, und selbst wenn es gut ist, ist es unwahrscheinlich, dass es gelesen wird.

Dies ist ein langweiliges Textblatt.


Textdesign ist kein magisches Werkzeug, um die Conversion zu steigern.Es ist nur so, dass mit seiner Hilfe die Chancen steigen, eine größere Anzahl von Zielgruppen anzulocken.

Gestalteter Text.


Wenn sich die Site auf die Veröffentlichung komplexer Fachartikel spezialisiert hat und niemand mit Ihnen in den ausgewählten Themen konkurriert, wird das Textdesign möglicherweise nicht benötigt. Sie sind der Meinungsführer und Sie müssen keine Zeit mit der Registrierung verschwenden. In allen anderen Fällen hilft das Design, die Conversion-Raten für jeden Artikel zu erhöhen.

Kreative Verwendung von Links in Schnittstellenelementen

Alle Links sollten sichtbar sein. Wenn dies nicht der Fall ist, ist es für den Benutzer schwierig, zur empfohlenen Seite zu wechseln und die auf der Website verbrachte Zeit zu verlängern. Oder es kann vorkommen, dass eine Person versehentlich auf einen versteckten Link klickt und wütend wird, weil sie gezwungen ist, Inhalte anzusehen, die sie nicht ausgewählt hat. Daher sollte die Benutzeroberfläche nicht kreativ sein und Links in ein Rätsel verwandeln.

Ein Beispiel für die atypische Verwendung von Links in Texten und Elementen. Das Symbol wird nicht mit dem Text kombiniert. Wenn Sie also auf das Symbol klicken, wird keine neue Seite angezeigt.


Bei der Arbeit mit Links in der Benutzeroberfläche ist es wichtig, zwei Punkte zu beachten: Der Benutzer muss verstehen, dass sich der Link vor ihm befindet, und er muss wissen, wohin dieser Link führt. Der erste Moment wird durch das richtige visuelle Design bestimmt, und für den zweiten Moment müssen häufig zusätzliche Tooltips verwendet werden.

Schlechtes Farbschema

Farbe ist ein wichtiger Bestandteil jedes Designs. Farbe beeinflusst die Stimmung und erleichtert es den Besuchern der Website, die angebotenen Inhalte zu studieren. Wenn das Farbschema schlecht gewählt ist, können Sie selbst bei qualitativ hochwertigen Inhalten viele negative Rückmeldungen erhalten. Und umgekehrt: Wenn es schön ist, auf der Website zu sein, werden Benutzer kleinere Fehler verzeihen.

Wenn Sie vorhaben, eine attraktive Farbseite zu entwerfen, lesen Sie die grundlegenden Farbstunden. Es gibt viele Nuancen, die sich nicht auf den Punkt bringen lassen. Organisieren Sie bei der Auswahl eines Farbschemas eine Fokusgruppe und versuchen Sie herauszufinden, welche Lösungen erfolgreich implementiert wurden und welche verbessert werden müssen.

Eine Lektion in Farbarithmetik.


Wenn Sie nicht daran interessiert sind, Farbe zu studieren und das Farbschema zu verstehen, lassen Sie einen weißen Hintergrund auf der Site. Dies wird von Apple verwendet und alles ist in Ordnung mit den Kunden.

Übermäßige Werbung

Moderne Benutzer durchsuchen Websites mit einem internen Radarwarner, der veröffentlichte Werbeangebote ignoriert. Aus diesem Grund wird ein Artikel mit einem und zehn Werbebannern ungefähr den gleichen Effekt erzielen. Gleichzeitig ist ein Artikel mit einem Werbebanner nicht ärgerlich, da er auf unauffällige Weise über nützliche Dienste spricht. Ein Artikel mit zehn Bannern verursacht Ekel und das Gefühl, dass der Autor sich bemüht, das beworbene Produkt dem Leser zugänglich zu machen. Wenn Sie weniger Kritik wünschen, geben Sie daher ehrliche Werbung und dosieren Sie deren Menge.

Unbearbeiteter Aufruf zum Handeln

Ein Aufruf zum Handeln ist der letzte Teil des Werbeangebots, der nach Erörterung der Vertragsbedingungen mit einem Handschlag verglichen werden kann. Daher sollte in jeder Werbung ein Aufruf zum Handeln enthalten sein, und dieser muss korrekt gerahmt sein.

Ein Beispiel für ein Banner mit einem schwachen Aufruf zum Handeln.


Wenn kein Aufruf zum Handeln vorliegt, entscheidet ein Teil des Publikums nicht über den Kauf oder überträgt ihn zu einem anderen Zeitpunkt. Dies ist Ihr Fehler, der leicht zu beheben ist.

Ein Beispiel für einen schwachen Aufruf zum Handeln. Weder in der Schaltfläche, im Banner noch im Text gibt es einen eindeutigen Satz.


Oft tritt kein schwacher Aufruf zum Handeln in Form eines Abonnements auf. Benutzer verwenden dieses Formular nur selten, selbst wenn es an der prominentesten Stelle platziert ist.

Ein Beispiel für einen schwachen Entwurf in einem Abonnementformular.


Manchmal verschwindet ein Aufruf zum Handeln, wenn eine Site in eine adaptive Version übersetzt wird. Dies ist ein technisches Problem, das rechtzeitig erkannt und behoben werden muss.

Ein Beispiel für einen beschädigten Anruf in einer adaptiven Version einer Site.


Handlungsaufforderung funktioniert nur dann gut, wenn sie mit einem Bannerbild gekoppelt ist. Eins ohne das andere wirkt schwach und bleibt oft unbemerkt.

Ein Beispiel für ein Banner ohne Handlungsaufforderung und einen klaren Vorschlag.


Rufen Sie zum Handeln auf - machen Sie es überzeugend und klar. Stellen Sie außerdem sicher, dass der Anruf gut zum Image eines Werbebanners passt. Ohne dies werden einige Kunden eine Bestellung auf anderen Websites aufgeben.

Minderwertige Bilder

Die meisten Benutzer beginnen mit dem Erkunden von Inhalten, indem sie Bilder anzeigen. Daher ist es wichtig sicherzustellen, dass diese Bilder klar und gut verarbeitet sind und dem Thema des veröffentlichten Materials entsprechen. Dies bildet eine ganzheitliche Geschichte, auf deren Grundlage der Benutzer leicht Kaufentscheidungen treffen kann.

Ein Beispiel für ein Produktfoto von geringer Qualität.


Um die Bildqualität schnell zu verbessern, kaufen Sie einen tragbaren chinesischen Würfel für Motivaufnahmen (Fotoboxen). Dies ist ein kostengünstiges Accessoire, das alle Bilder Ihres Online-Shop-Brandings liefert.

Fehlende oder überschüssige Abbildungen

Sie wissen bereits, dass der Benutzer anhand hochwertiger Abbildungen eine Kaufentscheidung trifft. Wenn Sie also etwas verkaufen, sollten Sie mindestens ein Bild haben. Wenn zu viele Abbildungen vorhanden sind, kann dies die Seite überlasten und einige Benutzer abschrecken. Um dies zu vermeiden, kombinieren Sie die Abbildungen mit dem Video. Nehmen Sie zum Beispiel ein Bild des Produkts aus den Hauptwinkeln auf und ergänzen Sie die Seite mit einer Videoüberprüfung, in der Entpackungen und Szenarien für die Verwendung des Produkts in verschiedenen Situationen vorgestellt werden.

Schlecht gemachte Social Media Buttons

Wenn die Schaltflächen von sozialen Netzwerken falsch gestaltet sind oder unordentlich aussehen, werden viele Benutzer nicht darauf klicken und sich nicht weiter mit Ihren Inhalten auf sozialen Plattformen vertraut machen. Um dies zu vermeiden - Layout schön.

Ein Beispiel für falsch gestaltete Schaltflächen für soziale Netzwerke mit einem veralteten Instagram-Widget.


Neben der visuellen Unattraktivität mit den Schaltflächen sozialer Netzwerke treten häufig zwei weitere Probleme auf. Das erste Problem hängt mit technischen Fehlern zusammen, durch die die Schaltflächen nicht anklickbar sind. Sie können sich nicht gegen einen solchen Fehler versichern. Daher müssen Sie die Website regelmäßig auf die Leistung aller anklickbaren Elemente testen. Das zweite Problem kann durch die Tatsache verursacht werden, dass soziale Netzwerke ausgewählt werden, ohne die Interessen des Publikums zu berücksichtigen. Wenn beispielsweise die meisten Ihrer Leser Telegramm verwenden und Sie nicht mit diesem Messenger arbeiten, geht der Datenverkehr verloren. In diesem Fall müssen Sie die Situation korrigieren oder den Verlust in Kauf nehmen.

Marketing

Es gibt kein klares Hauptangebot

Das Hauptangebot der Website ist das Thema, auf das sich Ihre Ressource spezialisiert hat. Dies ist der Hauptvorschlag, den der Benutzer in den ersten drei Sekunden seines Aufenthalts auf der Website zählen sollte. Verkaufe gebrauchte Apple-Geräte - platziere einen Katalog mit verfügbaren Gadgets auf der Hauptseite und erstelle ein Blog oder poste Nachrichten auf anderen Seiten. Im Gegenteil, dies ist unerwünscht, da dadurch die Klarheit des Hauptangebots der Website verloren geht. Wenn der Hauptvorschlag nicht offensichtlich ist, werden einige Benutzer nichts verstehen und mit Wettbewerbern einkaufen gehen.

Fehlende Garantien

Eine Garantie ist ein Zeichen dafür, dass der Verkäufer dem Produkt vertraut und für dessen Qualität bürgen kann. Nehmen Sie zwei Online-Shops, in denen das 2018 MacBook Air für 1.900 US-Dollar verkauft wird. Das erste Geschäft arbeitet ohne Garantie und im zweiten beträgt die Garantiezeit 12 Monate. Unter diesen Bedingungen tätigen die meisten Benutzer einen Kauf im zweiten Online-Shop.

Das 2018 MacBook Air ist ein Beispiel für ein Produkt, das in allen Online-Shops zum ungefähr gleichen Preis verkauft wird. Die Seite mit der besten Garantie gewinnt den Wettbewerb.


Wenn Sie Einweg- oder verderbliche Waren verkaufen, funktioniert die Garantie höchstwahrscheinlich nicht. In diesem Fall hindert Sie nichts daran, einen gleichwertigen Ersatz zu finden. In einem Geschäft, das Blumen verkauft, können Sie beispielsweise eine kostenlose Lieferung oder ein finanziertes Rabattsystem für Stammkunden implementieren.

Komplizierte Artikel werden ohne Aufforderung verkauft

Wenn Sie ein technologisches Produkt anbieten, das komplizierter ist als ein Cheburek im Gerät, benötigen Sie Tipps auf der Website. Alle Konzepte, mit denen der Benutzer auch theoretisch Schwierigkeiten haben kann, sollten in Eingabeaufforderungen herausgestellt werden. Erinnern Sie sich an Vasya vom Anfang des Artikels, der nichts über Phantomspeisung wusste und aufgrund des Mangels an Hinweisen den Online-Shop einen Stammkunden verlor. Wenn Sie Zweifel haben, geben Sie einen Hinweis oder nicht - setzen Sie ihn. Für diejenigen, die das Thema verstehen, wird dies nicht schaden, aber interessierte Neulinge werden helfen.

Online-Chat ohne Manager

Der Verkauf eines Produkts ist mit Nuancen verbunden, die mit Hilfe eines programmierten Chat-Bots, der Antworten auf häufig gestellte Fragen verteilen kann, nicht aufgedeckt werden können. Eine lebende Person - ein Manager sollte über diese Nuancen sprechen. Wenn einer der Benutzer eine Frage hat und Ihre Site keinen Live-Berater hat, wird die Bestellung fast immer an dem Ort belassen, an dem dieser Berater arbeitet. Wenn ein Manager live mit einem interessierten Benutzer kommuniziert, hat er außerdem die Möglichkeit, den durchschnittlichen Scheck zu erhöhen, indem er verwandte Produkte empfiehlt. Funktioniert für jeden vierten Käufer.

Es gibt keine Informationen über die Menge der verfügbaren Waren

Stellen Sie sich diese Situation vor: Ein großes IT-Unternehmen eröffnet ein neues Büro und kauft darin zweiundvierzig Dell P2418D-Monitore. Der Vertreter des IT-Unternehmens besucht die Website des Online-Shops → gibt eine Bestellung auf → erhält eine Rechnung mit der genauen Lieferzeit und teilt den Mitarbeitern ab diesem Zeitraum den Arbeitsbeginn im neuen Büro mit.

Wenn ein Unternehmen zweiundvierzig K Dell P2418D-Monitore benötigt, ist es wichtig zu wissen, ob es eine solche Menge an Waren an einem Ort kaufen kann. Normalerweise ist ein Großhandelskauf billiger.


Am nächsten Tag beginnt der Manager des Online-Shops mit der Abholung der Bestellung und es stellt sich heraus, dass es keine bestimmte Anzahl von Monitoren im Lager gibt: Sie benötigen vierzig Teile, aber nur zehn. Der Manager ruft den Kunden zurück und meldet das Problem. Der Vertreter des IT-Unternehmens storniert die Bestellung, da er über einen Unternehmensstandard verfügt, dessen Regeln nur den angegebenen Monitortyp verwenden dürfen. Darüber hinaus müssen Mitarbeiter, die vorzeitig abreisen, für jeden Tag, an dem sie zur Arbeit gehen, eine Strafe zahlen und können ihre Pflichten aufgrund fehlender Überwachung nicht erfüllen.

Es ist leicht zu erraten, dass es keine einzige Bestellung mehr von dem beleidigenden Online-Shop dieses Unternehmens geben wird. Unser Beispiel ist weit hergeholt, zeigt aber, wie wichtig die Information über die Menge der verfügbaren Waren sein kann. Beachten Sie dies, wenn Sie Produktkarten auf Ihrer eigenen Website entwerfen.

Es liegen keine Daten zu Liefer- und Zahlungsmethoden vor.

Carrier-Tarife können zusammen mit einer Zahlungsservice-Provision bis zu 15% zu den anfänglichen Kosten der Bestellung beitragen: Sie haben Waren für 100 USD ausgewählt → 115 USD für die Zahlung erhalten. Aus diesem Grund ist es wichtig, alle vom Online-Shop unterstützten Lieferservices und Zahlungssysteme vorzuschreiben:

1. Wenn die Auswahl groß ist, kann der Benutzer den optimalen Tarif und die optimale Lieferzeit auswählen. Sie können zu viel bezahlen und die Ware schneller erhalten oder umgekehrt - warten Sie länger und sparen Sie.
2. Wenn es keine Auswahl gibt oder diese begrenzt ist, wird der Benutzer im Voraus über die Provision informiert und wird zum Zeitpunkt des Wareneingangs keinen Anspruch geltend machen.

Die Aufgabe des Inhabers des Online-Shops besteht darin, den Benutzer detailliert zu informieren, der unabhängig entscheidet, was als nächstes zu tun ist. Wenn keine erforderlichen Informationen vorhanden sind, besteht die Möglichkeit, dass ein Stammkunde verloren geht.

Keine Bestätigungs-E-Mail

Benutzer verlieren häufig Informationen über die Bestellung, und Spediteure warnen nicht immer rechtzeitig vor deren Eingang. Aus diesem Grund kann es Fälle geben, in denen der Eigentümer des Online-Shops Kunden verliert und die Transportkosten der Spediteure verschwendet. Um dies zu vermeiden, reicht es aus, jede Bestellung per E-Mail zu duplizieren. Dann gibt es keinen Grund für Streitigkeiten.

Inhalt

Grammatikprobleme

Jegliches Textmaterial sollte ohne Fehler und Tippfehler veröffentlicht werden. Wenn dies nicht befolgt wird, kann dies das Image und das Vertrauen der Benutzer in die Ressource beeinträchtigen. Die Logik hier lautet: Wenn die Eigentümer der Website keine Zeit haben, ihre Texte zu überprüfen, wo finden sie dann Zeit für eine qualitativ hochwertige Ausführung von Kundenaufträgen?

Hier ist ein wichtiger Hinweis zu beachten: Selbst ein großer Verlag ist nicht vor Tippfehlern geschützt, bei denen jeder Vorschlag von einer Armee von Korrektoren überprüft wird. Daher sind Grammatikfehler unvermeidlich. Um dieses Problem zu lösen, müssen Sie zwei Aufgaben ausführen: Überprüfen Sie den Inhalt vor der Veröffentlichung mehrmals und folgen Sie den Überprüfungen, bei denen Benutzer Ihr Material für eine Analphabeteneinreichung kritisieren. Sah Kritik in den Bewertungen - danke dem Kommentator und bearbeite den Text.

Veraltete Informationen

Websites, deren Eigentümer traditionelle unternehmerische Aktivitäten mit Online-Geschäft verbinden, leiden häufig unter irrelevanten Inhalten. Zum Beispiel druckt ein Unternehmen Außenwerbung und hat, um mehr Kunden anzulocken, eine Website mit Preisen und Informationen über sich selbst gestartet.

Wenn Sie die Preise und Informationen über sich selbst nicht aktualisieren, entsteht für die Kunden die falsche Erwartung: Sie haben erwartet, Visitenkarten für 100 US-Dollar zu bestellen, und der Mindestpreis vor sechs Monaten stieg auf 200 US-Dollar. Dies ist ärgerlich, misstrauisch und ein Anreiz, niemals die Dienste eines Unternehmens in Anspruch zu nehmen.

Wenn es aus irgendeinem Grund nicht möglich ist, die Informationen schnell zu aktualisieren, schließen Sie die Seite vorübergehend mit irrelevanten Daten und veröffentlichen Sie die Kontakte des Managers an ihrer Stelle. Lassen Sie den Manager mit den Kunden kommunizieren und mündliche Beratungen durchführen.

Schlechter Text-Blog-Inhalt

Ein Blog ist ein Tool, das an der insgesamt nützlichen Aktion einer Website arbeiten sollte. Daher wird jeder Inhalt, der nicht zur Durchführung dieser nützlichen Aktion beiträgt, als minderwertig eingestuft. Wenn die Website beispielsweise dem Verkauf von Rasenmähern gewidmet ist, sollte das Blog auch dem Verkauf von Rasenmähern gewidmet sein: Der Kunde kommt auf die Website → Zweifel an der Auswahl des einen oder anderen Modells des Rasenmähers → geht zum Blog und liest Bewertungen → erhält die erforderlichen Antworten → gibt eine Bestellung auf oder sucht Rat. Dies ist Qualitätsinhalt.

Stellen Sie sich nun vor, der Kunde geht zum Blog und sieht anstelle von Life-Hacks der Wahl der Rasenmäher nur Fotos von niedlichen Hunden auf dem Hintergrund von frisch geschnittenem Gras. Dies ist ein Inhalt von geringer Qualität, da die Fotos Ihnen bei der Auswahl eines Rasenmähers nicht helfen und Ihr potenzieller Kunde nach Wettbewerbern mit allen erforderlichen Informationen suchen wird.

Fehlende obligatorische Seiten "Über uns" und "Kontakte"

Die Seite "Über uns" ist der einzige Ort auf der Website, an dem Unternehmen sich selbst loben und über ihre Leistungen sprechen können. Auf dieser Seite ist es wichtig zu zeigen, wie Sie sich von Ihren Mitbewerbern unterscheiden und warum es für Kunden von Vorteil ist, mit Ihnen zusammenzuarbeiten. Wenn die Seite "Über uns" fehlt oder formell zusammengestellt ist, führt dies zu Misstrauen.

Um eine nützliche Seite "Über uns" zu erstellen, bereiten Sie Antworten auf die folgenden Fragen vor: Wer Sie sind, was Ihre globale Mission ist, was Sie tun und welche Art von Arbeit Sie nicht ausführen, was ist Ihr Trick, in welchen nicht standardmäßigen Fällen können Sie helfen und mit welchen Belohnungen können Sie Ihre bestätigen Qualifikation.

Die Kontaktseite ist der Ort, an den alle Benutzer gehen, die eine Bestellung aufgeben oder Informationen auf der Website angeben möchten. Wenn sie dazu keine Gelegenheit haben, finden sie einfach alle Antworten der Wettbewerber.

Produkt- und / oder Kategorieseite zu lang

Wenn Sie Material für ein Blog vorbereiten, gibt es keine Einschränkungen hinsichtlich des Volumens und der Länge der Seite. Schreiben Sie so viel Sie brauchen. Die Hauptsache ist, dass der Artikel für den Leser nützlich ist. Wenn es um eine Seite mit einem Angebot zum Kauf eines Produkts geht, ist ein langes Seitenformat hier nicht geeignet: Benutzer werden müde, schneiden die Seite nicht zu, verlieren das Interesse und kaufen nichts. Daher gibt es nur Benutzer, die dieses Produkt ohne Beschreibung kaufen würden.

Die Produktangebotsseite ist zu lang. Laut der Bildlaufanalyse der Seite sehen wir, dass die Bildlauftiefe hier recht gering ist.


Die Ausnahme bilden alle Situationen, in denen ein komplexes Mehrkomponentenprodukt verkauft wird, von denen jeder Teil einer detaillierten Erläuterung bedarf. In diesem Fall kann die Seite mit Informationen überladen und von beliebiger Länge sein.

Es gibt eine Seite, aber keine Produktbeschreibung

Wenn der Online-Shop in Eile gestartet wird, bleiben viele seiner Seiten leer. Im besten Fall gibt es ein Foto, eine kurze Liste mit Merkmalen, Preis und Telefon, im schlimmsten Fall gibt es überhaupt nichts. Wenn es keine Produktbeschreibung gibt, ist es für den Besucher schwierig zu verstehen, was vor ihm liegt und warum es sich lohnt, es zu kaufen. In diesem Fall wird Ihr potenzieller Kunde auch zu einem niedrigen Preis versuchen, zu Wettbewerbern überzugehen, deren Websites in Ordnung gebracht wurden und die ausführlich über ihre Produkte sprechen.

Fehlende Beschreibung auf der Produktkartenseite.


In einigen Fällen kann die gesamte Textbeschreibung durch Videobewertungen ersetzt werden. Selbst wenn es ein Video gibt, müssen Sie eine kurze Liste der Hauptmerkmale hinzufügen: Der Benutzer sieht eine Videobewertung → Durch die Textbeschreibung gehen die Hauptpunkte durch → Treffen Sie eine Kaufentscheidung. Ohne einen Text-Spickzettel ist es schwieriger, eine Entscheidung zu treffen.

Inkonsistente Produktkartenstruktur

Produktkarte - Dies ist eine der Seiten des Online-Shops, auf der alle Merkmale der verkauften Waren aufgeführt sind. Eine durchdachte Produktkarte besteht aus zwei Versionen: kurz und erweitert. Die Kurzkarte listet nur die beliebtesten und wichtigsten Merkmale auf, anhand derer Benutzer ein Produkt auswählen. Die erweiterte Karte enthält alle technischen Daten zum betreffenden Produkt.

Wenn die Karte eine schlecht konzipierte Struktur hat, beschränkt sie sich nur auf eine kurze oder erweiterte Beschreibung. Wenn es nur eine kurze Beschreibung gibt, werden erfahrene Benutzer, die an den Details interessiert sind, ausgeschlossen. Wenn es nur eine erweiterte Beschreibung gibt, werden Anfänger gehen, die Angst vor den Details haben.

Fehlende Überschriften und Unterüberschriften

Überschriften und Unterüberschriften erfüllen mehrere wichtige Funktionen gleichzeitig: Sie geben an, worum es im Text geht und wo sich die erforderlichen Informationen in diesem Text befinden.

Höchstwahrscheinlich haben Sie sofort das richtige Beispiel mit Überschriften mit Unterüberschriften in Betracht gezogen: Es ist strukturiert, in Teile geschnitten und leicht zu erlernen. Das linke Beispiel wird in Form eines Textkuchens dargestellt, den ich nicht studieren möchte. Alle Besucher Ihrer Website denken über das Gleiche nach. Denken Sie daher über die Struktur nach, um sie nicht zu verärgern.

Unüberlegte Titel von Überschriften und Unterüberschriften

Im Internet werden die meisten Texte diagonal gelesen, und die Hauptpunkte zum Lesen sind Überschriften und Unterüberschriften. Wenn Sie nicht darüber nachdenken und sie zwingen, eine Geschichte zu erzählen, können Sie schnell Besucher verlieren.

Wenn der Leser keinen guten Grund hat, Ihren Inhalt zu studieren, wird er dies ohne durchdachte Überschriften und Unterüberschriften nicht tun: Es ist immer einfacher, die Seite zu schließen, als ihren Inhalt zu verstehen. Denken Sie daher beim Entwerfen eines Artikels immer an das diagonale Lesen.

Verschleiern Sie nützliche Inhalte

Wenn der Benutzer nach diagonalem Lesen beschlossen hat, Ihren Artikel zu studieren, wird er zunächst auf den ersten Absatz achten. Die Hauptidee des gesamten Artikels sollte in diesem Absatz veröffentlicht werden. Wenn dies nicht der Fall ist, wird ein erheblicher Teil der Benutzer den verbleibenden Text verlassen und nicht sehen.

Versuchen Sie immer, den Hauptpunkt im ersten Absatz zu verdeutlichen. Nach dem Hinzufügen der Argumente. Wenn Sie das Gegenteil tun, nimmt die Conversion ab.

Listen ignorieren

Die Liste ist ein Tool, das zwei Funktionen ausführt: Sie hilft beim Organisieren homogener Informationen und vereinfacht das Lesen von Artikeln auf der Website. Wenn der Benutzer die Liste sieht und versteht, wovon er spricht, ist das Lesen dieser Liste nicht erforderlich. Wenn es keine Liste gibt, müssen Sie alles lesen.

Ignorieren Sie keine Listen und fügen Sie sie hinzu, wenn mehrere homogene Entitäten aufgelistet sind. Wenn die Reihenfolge wichtig ist, verwenden Sie eine nummerierte Liste. In allen anderen Situationen können Sie eine Liste mit Aufzählungszeichen verwenden.

Was weiter

Schritt Nummer 1. Laden Sie die Checkliste mit den aufgeführten Design- und Usability-Fehlern herunter.

Schritt Nummer 2. Überprüfen Sie Ihre Website und markieren Sie alle Punkte, die verbessert werden müssen.

Schritt Nummer 3. Beheben Sie die festgestellten Probleme und messen Sie die Conversion der Site.

Und auf welche Fehler in Design und Benutzerfreundlichkeit stoßen Sie persönlich? Teilen Sie Ihre Erfahrungen in den Kommentaren.

Gepostet von Andrei Chorny, CEO von Plerdy.com