21 allgemeine Designfehler der Benutzeroberfläche (UI), die Ihr Unternehmen viel Geld kosten

Verbraucher sind heute anspruchsvoller denn je, insbesondere wenn es um die digitale Welt geht. Sie erwarten eine ansprechend gestaltete, intuitive Benutzeroberfläche, die beim Durchsuchen einer Website in Sekundenschnelle geladen wird, und stimmen mit ihren Augäpfeln ab, wenn sie etwas finden, das ihren anspruchsvollen Standards nicht entspricht.

Tatsächlich deuten Statistiken aus einer Vielzahl von Branchen darauf hin, dass:

• 38 % der Besucher verlassen eine Website, wenn sie das grundlegende Layout oder den Inhalt nicht ansprechend finden
• 47 % der Menschen erwarten, dass eine Webseite in weniger als zwei Sekunden geladen wird;
• Die überwiegende Mehrheit (95%) der Menschen glaubt, dass das wichtigste Element jeder Website die Benutzererfahrung (UX) ist; und
• Wenn die Qualität des Webdesigns nachgelassen hat, werden 94 % der Menschen aufhören, einer Website zu vertrauen oder sie zu nutzen.

Viele Unternehmen, die ihre Website als integralen Bestandteil ihrer Online-Marketingstrategie betrachten, sind sich vielleicht nicht bewusst, dass ein schlechtes UI-Design sie in Bezug auf Seitenaufrufe, Klickraten und Konversionsraten viel kosten kann.

Hier sind 21 häufige Fehler beim UI-Design

#1. Überladenes Layout

Benutzer finden Websites, die zu unübersichtlich sind, sehr frustrierend. Es fehlt ihnen an visueller Ordnung und sie können Menschen überwältigen, wenn sie Schwierigkeiten haben zu verstehen, welche die wichtigsten Elemente sind und worauf sie ihre Aufmerksamkeit richten sollten. Typischerweise kann sich eine Website-Seite überladen anfühlen, wenn:

• Es gibt zu viel Inhalt – insbesondere Text – auf dem Bildschirm;
• Es scheint keine Logik oder Ordnung zu geben, wie der Inhalt angezeigt wird; und
• Das visuelle Design ist unattraktiv oder Farben und Schriftarten kollidieren zu stark.

[Tweet „“Bei Webdesign geht es nicht nur darum, hübsche Layouts zu erstellen. Es geht darum, die Marketing-Herausforderung hinter Ihrem Unternehmen zu verstehen. ― Mohamed Saad ””]

Nicht zu wissen, wo oder wonach sie auf einer Seite suchen sollen, kann dazu führen, dass Besucher abbiegen, was zu entgangenen Verkäufen oder potenziellen Conversions führt.

„Ein Fehler, den ich oft sehe, besteht darin, während der Designphase keine authentischen Inhalte zu verwenden. Text (als Beispiel) spielt eine bedeutende Rolle in modernen Designs, aber sobald das Produkt veröffentlicht wird, werden perfekte Textbeispiele durch echten Inhalt ersetzt. Hier endet die Harmonie und es treten verschiedene Probleme auf: lange Sätze, die nicht passen, falsch ausgerichtete Beschriftungen, Lücken zwischen Zeilen und Unordnung (und das noch bevor wir uns überhaupt mit Lokalisierungsherausforderungen befassen).“
– Gil Bouhnick ist CTO & Mitbegründer von Missbeez und Eigentümer von Mobile Spoon. Folgen Sie ihm auf Twitter @GilBouhnick

#2. Nicht einladende CTAs (Call to Actions)

Die CTA-Buttons (Call to Action) sind wohl das wichtigste Element auf jeder Landingpage. Sie sind das Gerät, das einen zufälligen Besucher einer Website in einen potenziellen Kunden umwandelt. Es ist daher von entscheidender Bedeutung, dass die CTA-Schaltflächen auffällig, ansprechend und einfach zu verwenden sind, damit Besucher direkt die gewünschten Aktionen ausführen können, sei es, sie zu einer Produktseite, einem Einkaufswagen oder einer Kassenfunktion zu leiten .

[Tweet „„Einem prophetischen Aufruf zum Handeln zu gehorchen bringt positive Vorteile.“ ― Sherry K. White, Im Reichtum des Vaters wandeln: Der Wohlstand der Sohnschaft“]

Bei der Beurteilung, ob ihre CTA-Buttons effektiv sind, müssen sich Unternehmen die folgenden Fragen stellen:

• Ist der CTA klar und eindeutig? Ist es handlungsorientiert und vermittelt es dem Besucher ein Gefühl der Dringlichkeit?
• Ist die Schaltfläche an der richtigen Stelle auf der Seite platziert? Kann es leicht lokalisiert werden? und
• Wie einfach ist es zu bedienen? Hebt es sich vom Rest der Seite ab und erregt die Aufmerksamkeit des Besuchers.

#3. Nicht intuitive Navigation

Eine Website sollte organisiert und einfach zu navigieren sein. Das heißt, es sollte eine Hierarchie und eine leicht nachvollziehbare logische Anordnung haben, mit Überschriften und Unterüberschriften, die klar aufeinander bezogen sind und klar und eindeutig formuliert sind,

[Tweet „Der moralische Kompass des Menschen funktioniert noch nicht in Welten, in denen der Instinkt das Leben navigiert.“ ― Toba Beta, mein Vorfahre war ein alter Astronaut“]

Stellen Sie immer ein Menü bereit und positionieren Sie es dort, wo Benutzer es erwarten – entweder vertikal auf der linken Seite der Seite als Seitenleiste oder horizontal am oberen Rand der Seite. Und nehmen Sie nicht zu viele Gerichte in Ihr Menü auf – sechs oder weniger ist die empfohlene Menge.

Die Navigation muss für den durchschnittlichen Benutzer intuitiv sein – wenn er es zu kompliziert findet oder nicht weiß, wo er suchen soll, wird er einfach woanders hingehen.

#4. Generische Bilder

Generische Bilder sind die Verwendung von Stock-Fotos und anderen offensichtlich gefälschten Bildern, um Produkte oder Dienstleistungen zu verkaufen oder zu bewerben. Die Probleme mit dieser Art von Bildern sind zweifach – die Bilder selbst sind nicht nur nicht echt, sondern auch generisch – dieselben Bilder können auf mehreren Websites gefunden werden.

Ein Bild sagt mehr als tausend Worte und ein gutes, fesselndes Bild, das ein starkes Marketinginstrument sein kann, das bei einem Kunden ein Gefühl oder Vertrauen und sogar Wohlbefinden hervorruft. Aber ein generisches Image untergräbt dieses Vertrauen sofort.

#5. Kein sozialer Beweis

Sozialer Beweis ist die Idee, dass Menschen sich an Normen halten, um von der Gesellschaft gemocht oder akzeptiert zu werden. Verbraucher kaufen Produkte, die ihnen ein gutes Gefühl geben, aber sie suchen nach Gründen dafür, dass das, was sie tun, das Richtige ist. Das bedeutet, dass sie sich bei der Kaufentscheidung an Online-Produktbewertungen, Erfahrungsberichten und Vertrauenssymbolen orientieren.

Untersuchungen haben gezeigt, dass 85 % der Menschen Online-Rezensionen lesen, bevor sie eine Kaufentscheidung treffen. Sie fungieren als wertvoller Teil des Kaufprozesses.

[Tweet „“Der Mensch ist ein soziales Wesen; Es ist nicht verwunderlich, dass wir Social Proofs lieben, es verkauft Marken schnell“ – Bernard Kelvin Clive“]

Wenn Ihre Website keine Online-Bewertungen oder Erfahrungsberichte von früheren oder bestehenden Kunden enthält, gibt es keinen sozialen Beweis und die Wahrscheinlichkeit, dass Besucher mit einem Verkauf fortfahren, ist viel geringer.

#6. Das Fehlen eines Styleguides

Ein Styleguide ist ein Satz visueller Standards für die Formatierung und Gestaltung einer Website. Sie gewährleisten ein einheitliches Design auf einer Website und helfen dabei, Inkonsistenzen wie unterschiedliche Schriftarten und Textgrößen, Farben oder Größen oder die Verwendung unterschiedlicher Stile zu vermeiden.

Best Practices schlagen vor, dass ein UI-Designer seinen Styleguide erstellen sollte, sobald er das Briefing für eine Website verstanden hat, aber bevor er mit dem Design der einzelnen Seiten beginnt. Das sorgt nicht nur für Konsistenz, sondern spart viel Zeit – viele der grafischen Elemente sind bereits vorhanden und müssen nicht neu erstellt werden.

#7. Verhältnis Text & Grafik/Bild

Zu viel Text und zu wenig Bilder oder grafische Inhalte können das Nutzererlebnis einer Website beeinträchtigen. Es gibt keine genaue Formel für die richtige Balance, obwohl einige Experten mindestens 60 % Text und höchstens 40 % Grafiken oder Bilder empfehlen.

Best-Practice-Vorschläge:

• Finden Sie die Balance, die für Ihr Unternehmen sinnvoll ist;
• Verwenden Sie im Text Ihrer Nachricht genügend Text, damit die Zuschauer alle wichtigen Punkte verstehen können, ohne sie zu überfordern; v
• Verwenden Sie verstärkt Bilder für Personen, die Websites auf Mobilgeräten anzeigen, da diese einfacher zu sehen sind als Unmengen von Text;
• Testen Sie die Text-Bild-Verhältnisse kontinuierlich, um die optimale Konfiguration für Unternehmen zu ermitteln.

#8. Langsame Seitenladegeschwindigkeit

So gut der Rest Ihres Designs auch sein mag, wenn Ihre Webseiten zu lange zum Laden brauchen, verlieren Sie automatisch viel Traffic. Untersuchungen haben gezeigt, dass 47 % der Menschen erwarten, dass eine Webseite in zwei Sekunden oder weniger geladen wird. Dieselbe Studie zeigte auch die Kosten für Unternehmen von nur einer Sekunde Verzögerung der Seitenladezeiten – 11 % weniger Seitenaufrufe und 7 % weniger Conversions.

Darüber hinaus wirkt sich die Seitenladegeschwindigkeit auch auf das Ranking in Google und den anderen Suchmaschinen aus.

[Tweet „73 % der mobilen Internetnutzer sagen, dass sie auf eine Website gestoßen sind, die zu langsam geladen wurde.“ ― Neil Patel”]

#9. Den Benutzer zum Nachdenken bringen

Der Zweck einer Website für ein Unternehmen besteht in erster Linie darin, als Marketinginstrument zu fungieren. Es sollte erklären, was Sie verkaufen, wie viel es kostet und wie Sie es so einfach und präzise wie möglich bekommen. Das ultimative Ziel ist es, einen Website-Besucher so schnell und schmerzlos wie möglich in einen Kunden umzuwandeln.

Wenn ein Benutzer jedoch über die Entscheidung nachdenken oder etwas für sich selbst erarbeiten muss, besteht die Möglichkeit, dass er seine Meinung ändert und woanders hingeht. Machen Sie die Benutzererfahrung für sie reibungslos und nahtlos, damit sie nicht für sich selbst denken müssen.

#10. Für sich selbst gestalten

Ein häufiger Fehler vieler Webdesigner besteht darin, für sich selbst zu entwerfen, ohne den Endbenutzer im Auge zu behalten. Dies kann nur Zügellosigkeit sein und nicht den Bedürfnissen und Anforderungen entsprechen, die der potenzielle Besucher einer Website haben wird. Stattdessen sollte ein Webdesigner eng mit Marketing- und Vertriebsteams zusammenarbeiten, um sicherzustellen, dass das Design zunächst aus Benutzersicht optimiert wird. Und Websites sollten dann an tatsächlichen Benutzern getestet und entsprechend ihrem Feedback modifiziert werden.

#11. Die zu leeren leeren Staaten

In Bezug auf die Benutzeroberfläche ist ein leerer Zustand das, was ein Besucher einer Website sieht, wenn keine Daten auf dem Bildschirm angezeigt werden können. Dies kann verschiedene Gründe haben: Ein Benutzer hat sich gerade angemeldet; Sie haben die Daten selbst gelöscht oder es ist ein Fehler aufgetreten.

Ein leerer Zustand an sich ist nichts Schlechtes – sie können verwendet werden, um einem Betrachter zu sagen, wozu er dient, warum er ihn sieht und wie er ihn füllen kann.

Sie können jedoch auch für die Zuschauer frustrierend sein, wenn keine Anleitung gegeben wird, was als nächstes passieren soll. Aus diesem Grund wird empfohlen, sie nicht zu leer zu lassen, sondern mit einer Illustration, einem Symbol oder einem Textblock zu füllen, der die nächsten Schritte vorschlägt.

#12. Fehlende Typografie-Hierarchie

In jedem Designprojekt ist die visuelle Hierarchie wichtig: Sie sagt den Menschen, wo sie hinschauen und welche Dinge auf einem Bildschirm sehen sollen. Die Hierarchie in der Typografie organisiert und gibt den Textelementen in einem Design die Reihenfolge. Es sagt dem Leser, was wichtig ist, und erleichtert das Lesen erheblich. Ohne sie können sich Besucher verirren oder abgelenkt werden und entweder wichtige Botschaften verpassen oder frustriert sein und eine Website verlassen.

[Tweet „„Typografie muss hörbar sein. Typografie muss gefühlt werden. Typografie muss erlebt werden.“ — Helmut Schmid, Grafikdesigner und Typograf“]

#13. Zu viel von allem

Beim Webdesign ist manchmal weniger besser als mehr. Dies gilt insbesondere für große Textblöcke, kann aber auch für Bilder gelten. Wenn es zu viele Informationen gibt, die aufgenommen werden müssen, werden sich die Leute nicht die Mühe machen, sie zu lesen. Halten Sie die Informationen einfach und prägnant, verwenden Sie nach Möglichkeit Bilder und Grafiken anstelle von Wörtern und versuchen Sie, nicht zu viel davon auf einer Seite unterzubringen.

#14. Design für ein zu breites Publikum

Während Sie möchten, dass Ihre Produkte oder Dienstleistungen ein möglichst breites Publikum ansprechen, besteht die Gefahr, dass Sie Ihre Botschaft zu breit fassen und keine bestimmte Gruppe oder kein bestimmtes Segment ansprechen. Bevor Sie Ihre Website entwerfen, recherchieren Sie Ihr potenzielles Publikum und passen Sie die Materialien und Marketingbotschaften an, die sie wahrscheinlich direkt ansprechen. Das Zuschneiden von Inhalten auf eine Zielgruppe ist eine viel effektivere Art des Marketings und sorgt für viel mehr Konversionen als die Anwendung eines zufälligen Scatter-Gun-Ansatzes.

#fünfzehn. Entwerfen für nur eine Bildschirmgröße

Ein häufiger Fehler, den viele Webdesigner machen, ist, dass sie ihre Websites nur für Vollbildschirme entwerfen, ohne vorher zu prüfen, ob sie auf kleineren Bildschirmen oder mobilen Geräten angezeigt werden können. Das ist ein großer Fehler. Fast 70 % der Verbraucher konsumieren heute zuerst Medien oder sehen sich Webseiten auf ihren Smartphones an, auch wenn sie ihre Einkäufe später auf einem Laptop oder Desktop tätigen. Wenn Ihre Website nicht für alle Bildschirme optimiert ist, werden Sie möglicherweise eine große Anzahl potenzieller Conversions über Bord werfen.

#16. Benutzertests überspringen

Benutzertests sind für hohe Konversionsraten von entscheidender Bedeutung. Auch wenn Webdesigner, Marketing- und Vertriebsmitarbeiter in einem Unternehmen eine gute Vorstellung davon haben, was Besucher wünschen oder wie die Benutzererfahrung sein wird, gibt es keinen Ersatz dafür, tatsächliche Benutzer dazu zu bringen, Ihre Website und ihre Leistung zu testen und zu integrieren ihr Feedback.

Tatsächlich sollten Benutzertests ein kontinuierlicher Prozess sein, auch wenn eine Website live gegangen ist, damit die Leistung Ihrer Website immer optimiert wird.

#17. Zu viele Popups

Popups funktionieren. Forschungsstudien haben gezeigt, dass Websites, die Popups verwenden, bis zu 400 % mehr Conversions erzielen können. Sie sind effektiv, weil sie die Aufmerksamkeit der Menschen auf sich ziehen und Schlüsselbotschaften in einer leicht verdaulichen Form übermitteln können.

Das Problem ist jedoch, dass sie den Designern im Weg stehen und sie daran hindern, zugängliche und attraktive Websites zu entwerfen. Sie beanspruchen Platz und können Seiteninhalte stören. Das Hauptproblem bei Pop-ups ist jedoch, dass sie sehr irritierend sein können. Viele Menschen ziehen es vor, selbst zu lesen oder die Benutzererfahrung zu genießen, ohne ständig an diese Bilder oder Eingabeaufforderungen erinnert zu werden.

Wenn Pop-ups verwendet werden sollen, sollten sie verantwortungsbewusst und sparsam eingesetzt werden, damit sie die Besucher informieren, ohne sie zu überwältigen oder zu bombardieren.

Es gibt noch einen weiteren Grund, warum zu viele Popups vermieden werden sollten. Ab Januar 2017 begann Google, Websites mit zu vielen aufdringlichen Popups in ihren globalen Suchrankings zu bestrafen.

#18. Verwenden Sie Langformkopie

Eine Langform-Kopie ist die Internetversion einer alten Copywriting-Tradition und wird oft als Marketinginstrument verwendet, um Besucher mit Techniken wie gelber Hervorhebung, roten Überschriften und blinkenden Pfeilen zum Kauf zu drängen. Es kann unter bestimmten Umständen erfolgreich sein, z. B. beim Verkauf an kalte Interessenten, die ein bestimmtes Problem lösen müssen, da es das Produkt ohne Ablenkung hervorhebt.

Diese Techniken sind jedoch mit Pay-per-Click-Kampagnen verbunden, die nicht nur teurer sind als früher, sondern auch dazu geführt haben, dass Webbesucher aufgrund der zunehmenden Verbreitung von Malware und Viren im Internet vorsichtig sind, auf diese zu klicken , Und, was am wichtigsten ist, Langform-Kopien sind eine aggressive Form der Werbung, und Sie werden wahrscheinlich mehr Besucher abschrecken, als Sie anziehen.

#19. Schwer lesbare Schriftarten und schlechter Farbkontrast

Leider hat nicht jeder ein perfektes Sehvermögen und ist in der Lage, subtile Schattierungen und Farben zu unterscheiden. Tatsächlich haben Menschen mit eingeschränktem Sehvermögen Probleme, Text zu lesen, der sich nicht von seinem Hintergrund abhebt. Und gerade Männer leiden oft unter einem Farbmangel, besonders bei der Unterscheidung von Rot und Grün. Das bedeutet, wenn Sie schwer lesbare Schriftarten oder schlechte Farbkontraste auf Ihrer Website verwenden, können Sie Seiten schwer lesbar machen und sehen, dass Ihre Seitenabsprungrate zu steigen beginnt.

#20. Das Recht des Benutzers auf Datenschutz

Websites fordern Menschen ständig auf, ihnen vertrauliche, persönliche Informationen anzuvertrauen. Doch je mehr ein Nutzer preisgeben muss, desto mehr Bedeutung muss der Website-Designer und -Betreiber dem Datenschutz beimessen. Daher müssen Unternehmen beim Entwerfen einer Website oder eines Online-Formulars, das private, geschützte Informationen sammelt, über klare Richtlinien und Verfahren verfügen, wie Benutzerdaten gesammelt und gespeichert werden. Dies muss den Besuchern auch in Form einer Datenschutzerklärung und der Allgemeinen Geschäftsbedingungen einer Website mitgeteilt werden.

Auch dies ist nicht nur gesetzlich vorgeschrieben. Die Nichteinhaltung ihrer Verpflichtungen aus Gesetzen wie der DSGVO (Datenschutz-Grundverordnung) kann Unternehmen Tausende oder sogar Hunderttausende Dollar an Bußgeldern und Strafanzeigen gegen Unternehmensinhaber kosten.

#21. Bietet zu viel Auswahl

Das Entwerfen einer Website mit zu vielen Optionen, zu vielen Schaltflächen zum Klicken oder Umschalten kann zur Lähmung des Benutzers führen. Sie wissen nicht, was sie als nächstes tun sollen, und tun am Ende oft nichts. Das goldene Prinzip beim Website-Design lautet: Weniger ist mehr.

Fazit

Es kann schwierig sein, den Wert einer gut gestalteten Website für Ihr Unternehmen einzuschätzen – bis Sie feststellen, dass eine schlecht gestaltete oder nicht gut funktionierende Website Ihr Unternehmen oder Ihre Organisation durch entgangene Verkäufe und Conversions viel Geld kosten kann.

Das bedeutet, dass Ihre Website sauber, attraktiv, übersichtlich und organisiert sowie leicht zu lesen und zu navigieren sein muss. Es muss außerdem schnell, einfach zu laden und auf allen Geräten oder Bildschirmgrößen sichtbar sein. Denken Sie an Ihre Zielgruppe, legen Sie Wert auf Social Proof und denken Sie an das allgemeine Gebot, dass weniger mehr ist.

Last but not least, gehen Sie nicht davon aus, dass Ihre Arbeit erledigt ist, sobald eine Website gestartet ist. Weit davon entfernt. Eine Website sollte sich ständig weiterentwickeln und kontinuierliches Kunden- und Benutzerfeedback einbeziehen, um sicherzustellen, dass sie so weit wie möglich optimiert wird und so viele Klicks und Conversions erzielt werden.