5 Beispiele für schlechtes Website-Design und wie man es besser macht
Das design einer website wirkt sich direkt auf die user experience., Eine schlecht gestaltete Website bringt Besucher weniger dazu, eine Aktion abzuschließen, z. B. den Kauf eines Produkts oder den Beitritt zu einer Mailingliste.
Wenn die Seite langsam geladen wird oder schwer zu navigieren ist, verlassen 95% der Besucher innerhalb von Sekunden.
Wenn Sie nicht die gewünschten Ergebnisse von einer Webseite erhalten, z. B. erhöhte Conversions und verringerte Absprungraten, bewerten Sie das Design.
Hier sind einige Fehler, die wir auf anderen Websites festgestellt haben. Vermeiden Sie es, eines dieser fünf Beispiele für schlechtes Website-Design zu wiederholen.
Was Bedeutet Schlechte Website-Design Aussehen?,
Die Durchschnittliche business-Besitzer können nicht verstehen, die Unterschiede zwischen guten und schlechten web-design, die ist, warum eine Menge von websites, die am Ende mit schrecklichen und ineffizient designs.
Während sich Designtrends ständig ändern, gibt es grundlegende Komponenten einer Website, die universell bleiben, einschließlich:
- Einfache Navigation
- Sauberes Layout
- Kompatibilität
- Branchenübliches Design
Benutzer sollten nicht raten müssen, wie Sie eine Seite auf Ihrer Website finden. Alles sollte klar organisiert sein, mit einfachen Menüs und Navigationsfunktionen.,
Ein sauberes Layout wird ebenfalls empfohlen. Wenn die Seite mit Informationen, Grafiken und Videos überfüllt ist, dauert das Laden länger und wird schwieriger zu lesen.
Kompatibilität ist weniger ein Problem, da die meisten Websites jetzt responsive Designs verwenden, die der Größe des Bildschirms des Benutzers entsprechen. Es sind jedoch häufig gründliche Tests erforderlich, um sicherzustellen, dass Elemente auf verschiedenen Geräten ordnungsgemäß geladen werden.
Das visuelle Erscheinungsbild der Website ist ein subjektives Detail, da jeder seinen eigenen Geschmack hat. Unabhängig davon benötigen Sie ein Design, das branchenüblich ist., Zum Beispiel, während auffällige Grafiken möglicherweise nicht auf einer Website für ein Bestattungsunternehmen funktionieren, Sie können auf einer Website für ein Partymietgeschäft arbeiten.
Denken Sie daran, wie wir die schlimmsten Website-Design-Fehler überprüfen.
Websites ohne klare Botschaft
Einer der schlimmsten Designfehler, die Sie machen können, ist keine klare Botschaft in Bezug auf den Zweck Ihrer Website. Benutzer sollten sofort wissen, den Namen des Unternehmens und was sie verkaufen.
Wenn Sie beispielsweise zum ersten Mal 3D Mailbox besuchen, dauert es einige Sekunden, um zu verstehen, was Sie sich ansehen., Es scheint eine Webseite für irgendeine Art von E-Mail-Software zu sein. Es ist schwer festzustellen, ob es sich bei der Software um einen Spiel -, Bildschirmschoner – oder E-Mail-Client handelt.
Die Website CyberDsignClan ist ein weiteres Beispiel für eine Website ohne klare Botschaft. Sie sehen einfach eine große Grafik mit der Aufschrift “ Intro überspringen.“Nach dem Klicken auf die Seite wird die echte Homepage geladen, was genauso verwirrend ist wie 3D Mailbox.
Beiden Seiten fehlt eine klare Botschaft. Um mehr über das Produkt zu erfahren, müssen Besucher durch die Seite scrollen oder auf andere Links klicken.,
Alles, was auf der Seite angezeigt wird, bevor Benutzer weiter scrollen müssen, wird über der Falte betrachtet. Wir nennen dies den „Helden“.“Dies ist der Bereich, in dem der Name des Unternehmens und einige Hinweise darauf, was sie verkaufen, enthalten sein sollten. Der Anfang der Seite sollte auch eine Art Navigation bieten.
Website-Besucher bilden innerhalb von Sekundenbruchteilen Meinungen über das Geschäft. Wenn Benutzer durch die Seite scrollen müssen, um herauszufinden, was das Unternehmen tut, verlassen sie wahrscheinlich die Seite.,
Zu viele Elemente, die die Seite überladen
Neben einer klaren Nachricht sollte die Site ein klares Layout haben. Wenn die Seite überladen ist, wird es schwierig zu navigieren, wodurch Besucher gehen.
Arngren.net ist ein gutes Beispiel für schlechtes design. Diese klassifizierte Website enthält Auflistungen, die ohne Struktur zusammengeworfen werden. Die Auflistungen sind nicht in Kategorien unterteilt und passen wie ein Puzzle zusammen.
Ein weiteres Beispiel finden Sie unter Lings Cars., Die Website ist für Gebrauchtwagen, hat aber so viele verschiedene Elemente, dass Sie den Zweck der Website übersehen können. Der Designer enthielt mindestens ein halbes Dutzend animierte Elemente über der Falte, was es unglaublich schwierig machte, auf der Seite zu navigieren.
Es ist möglich, viele Inhalte anzuzeigen, ohne die Seite zu überladen. Ein gutes Webdesign-Beispiel mit mehreren Produkten finden Sie bei Amazon oder AliExpress. Während beide Websites eine unendliche Anzahl von Produkten enthalten, sind sie in Gittern organisiert, anstatt wie ein Mosaik zusammengeworfen zu werden.,
Abgesehen davon, dass die Seite mit einem Sammelsurium von Links überfüllt ist, sind einige Websites mit Popups, schwebenden Anzeigen, automatisch ladenden Videos und anderen Elementen überladen, die Besucher ablenken.
Seiten Ohne Mobile Optimierung
die Meisten internet-traffic in den USA kommt jetzt von mobilen Geräten, aber viele Webseiten sind noch immer gebaut für desktop-Computer erste. Wenn die Website nicht für mobile Geräte optimiert ist, erhalten die meisten Besucher keine gute Benutzererfahrung.,
Viele Websites enthalten jetzt Responsive Design, mit dem die Webseite Elemente basierend auf der Bildschirmbreite des Geräts des Benutzers anpassen kann. Die Site kann auch Elemente ausblenden, Schriftarten ändern oder Hintergründe entfernen, wenn ein kleinerer Bildschirm erkannt wird.
Diese Details ermöglichen es der Site, auf jedem Gerät zu arbeiten. Während responsive Designs üblich sind, gibt es immer noch viele Websites, die auf mobilen Geräten nicht lesbar sind.
Fast alle bereits diskutierten Beispiele haben kein responsives Design. Die Deque University hat ein Beispiel für nicht reaktionsfähiges Webdesign.,
Wenn Sie dies in Ihrem Webbrowser lesen, versuchen Sie, die Website zu besuchen und die Breite des Browsers anzupassen. Da das Browserfenster kleiner wird, ändert die Seite ihr Layout nicht. Der Text kann nicht mehr gelesen werden, ohne nach rechts zu scrollen.
Wenn Sie ein Beispiel für responsive Webdesign sehen möchten, besuchen Sie fast jede Website eines großen Unternehmens wie Nike oder Microsoft.
Mangel an einfacher Navigation und Links
Wenn Benutzer eine Site erreichen, sollten sie kein Problem damit haben, im Menü zu surfen und die benötigten Informationen zu finden., Auf der offiziellen Website der University of Advancing Technology befindet sich oben auf der Seite ein großes animiertes Display mit schwebenden Grafiken.
Die schwebenden Grafiken sind anklickbare Links, die schwer zu klicken sind und die Ladegeschwindigkeit der Seite verlangsamen. Obwohl dies äußerst innovativ ist, gibt es andere kreative Möglichkeiten, eine Website zu entwerfen, ohne die Navigation zu erschweren. Anstatt diese schwebenden Elemente als Links zu verwenden, sollte sich die University of Advancing Technology darauf konzentriert haben, ein Menü zu erstellen, das einfach zu öffnen und zu durchsuchen ist.,
Schließlich gibt es viele Websites, die Parallaxenscrolling und eingebettete Videoelemente enthalten, die die Seite nicht überwältigen und ihre Navigierbarkeit einschränken.
Unlesbarer Text oder nicht anklickbare Schaltflächen
Aufgrund der Anforderungen an den Webbrowser ist das Menü auf der vorherigen Site fast nicht anklickbar. Dies ist auch ein Problem, wenn Websites nicht für mobile Geräte optimiert sind. Wenn sich die Elemente nicht an den kleineren Bildschirm anpassen, können sie sich überlappen oder zu klein zum Lesen werden.,
Die Vermeidung dieses Problems ist einfach, wenn Sie vor dem Start Ihrer Website detaillierte Tests durchführen. Verwenden Sie Emulatoren oder Software, um zu emulieren, wie Ihre Website auf verschiedenen mobilen Geräten angezeigt wird, einschließlich der neuesten Smartphones und Tablets.
So vermeiden Sie schlechtes Design für Ihre Website
Die diskutierten Beispiele sind relativ einfach zu vermeiden, da Sie jetzt wissen, wonach Sie suchen müssen. Die Umsetzung der erforderlichen Änderungen kann jedoch technische Expertise erfordern., Bei WANDR erhalten Sie die Hilfe erfahrener UX-Designer, die verstehen, was es braucht, um eine bessere Benutzererfahrung zu schaffen.
Wenn Sie sicherstellen möchten, dass Ihre Website keine der diskutierten schlechten Designbeispiele enthält, sollten Sie mit Fachleuten zusammenarbeiten.