10 Worst Website Design Fehler

Artikel geschrieben von:
  • Website Design
  • Aktualisiert: Aug 03, 2017

Ob Sie Kurse an der örtlichen Volkshochschule besucht haben, war Entwerfen von Websites für Jahre, oder ein Amateur lernt, während Sie gehen, es gibt einige Dinge, die jeder Webdesigner vermeiden sollte, wenn er möchte, dass Besucher Zeit auf seiner Seite verbringen.

Sie haben wahrscheinlich den Begriff "sticky" in Bezug auf eine Website gehört.

Das bedeutet einfach eine Seite, auf der die Besucherin bleiben möchte - eine Seite, die beim Browser bleibt und die sie liest und häufig besucht. Es gibt so viele Elemente, die dazu führen, dass eine Website so klebrig wird, dass es ein ganz anderes Thema ist.

Es gibt jedoch einige Web-Design-Fehler, die eine Website zu einem machen können, von dem Besucher weglaufen möchten. Hier sind die Design No-No's, die Sie vermeiden sollten.

Fehler #1: Jarring Colours

Farben, die so hell sind, dass sie Ihre Augen verletzen, oder Farben, die miteinander kollidieren, können dazu führen, dass ein Besucher einer Site vor einer Webseite davonläuft. Versuchen Sie bei der Planung des Themas Ihrer Website, Farben auszuwählen, die sich gegenseitig ergänzen. Gelb wirkt selten als Hauptfarbe, obwohl es als Akzent gut aussehen kann. Jede Farbe des Regenbogens ist auch selten eine gute Idee.

Site-Titel: Moradito

Schlechte Design Beispiele

Diese Seite verwendet fast jede erdenkliche Farbe in einem Puzzle-Muster. Die einzige Art, es zu beschreiben, ist hässlich.

Fehler #2: Zu viele Grafiken

Wenn Sie Ihre Webseite mit Grafiken überladen, treten zwei verschiedene Dinge auf. Erstens wird die Seite so beschäftigt, dass Besucher sich nicht sicher sind, wo sie klicken sollen oder was sie zuerst ansehen möchten. Zweitens, wenn ein Browser eine langsamere Internetverbindung hat, kann das Laden der Seite zu lange dauern. Nach 30 Sekunden werden die meisten Leute gehen und zu einer anderen Seite wechseln. Wir leben in einer Zeit, in der alles unmittelbar ist. Wenn Sie die Aufmerksamkeit des Kunden nicht in den ersten Sekunden auf sich ziehen, riskieren Sie, sie ganz zu verlieren.

Site-Titel: Kiefer-Sol

Schlechte Design Beispiele

Diese Seite hat so viele Grafiken, dass es nur unübersichtlich aussieht.

Zusätzlich zu den zahlreichen Grafiken bewegen sich die Bilder auf der gesamten Seite. Selbst wenn die Besucherin auf eines der Bilder klicken möchte, müsste sie sie mit ihrer Maus verfolgen.

Fehler #3: Langsame Ladezeit

Wird Ihre Website so langsam geladen, dass der Besucher Zeit hat, eine Tasse Kaffee und einen Donut zu sich zu nehmen, bevor er zurückkommt?

Das Hinzufügen von zu vielen Elementen wie Flash, Sound, Tonnen von hochauflösenden Grafiken oder Java-Skripten kann dazu führen, dass eine Website immer langsamer geladen wird. Denken Sie daran, dass die meisten Ihrer Besucher zwar über eine hohe Geschwindigkeit verfügen, es jedoch immer noch Kunden auf dem Lande gibt, die sich im DFÜ-Modus befinden und nicht in der Lage sind, auf Ihre Website zuzugreifen, wenn sie zu langsam lädt.

Geschwindigkeit ist nicht nur für die Benutzererfahrung unerlässlich, sondern auch ein sehr wichtiger Rankingfaktor. Die Seitengeschwindigkeit wurde zu einem Suchmaschinen-Rankingfaktor in 2010. Im Juni berichtete 2016, dass Google den Seitengeschwindigkeits-Rankingfaktor aktualisieren wird, um speziell die Seitengeschwindigkeit Ihrer mobilen Seiten zu untersuchen. Da die mobile Suche mehr als die Hälfte der Suchanfragen von Google ausmacht, muss auch die Geschwindigkeit der mobilen Seite optimiert werden.

- Quelle: Steigern Sie Ihre SEO mit besserer Website-Geschwindigkeit

Site-Titel: Das Museum von mir

Schlechte Design Beispiele

Der Flash auf dieser Website lädt ihn sehr langsam. Darüber hinaus gibt es keine gut sichtbare Verbindung, um den Flash zu überspringen. Browser mit langsameren Download-Geschwindigkeiten finden diese Seite so mühselig zu laden, dass sie wahrscheinlich aus der Site austreten und niemals zurückkehren werden.

Tip: Überprüfen Sie die Geschwindigkeit der Website und erhalten Sie Verbesserungstipps über Google Page Speed ​​Insights.

Fehler #4: Zu viel Werbung

Content-Websites und Blogs verdienen Geld mit Werbung anstatt mit dem Verkauf von Produkten. Wo jedoch viele Website-Besitzer versagen, wird so viel Werbung hinzugefügt, dass der Besucher den Unterschied zwischen Inhalt und Werbung nicht erkennen kann. Wenn der Besucher suchen muss, um den Artikel oder den Rest eines Artikels zu finden, gibt es zu viel Werbung auf der Seite. Ein oder zwei Anzeigen auf der Website sind am besten. Mehr als das und Sie riskieren Ihre Browser zu stören.

In der Tat, in einem digitaler Werbebericht Sie wurden von Upstream und YouGov in 2012 durchgeführt und fanden heraus, dass 20% der Verbraucher sagten, dass ein Unternehmen, das zu viel Werbung tätige, dieses Unternehmen nie wieder verwenden würde.

Site-Titel: Hemmy.net

Schlechte Design Beispiele

Auf mehreren Seiten dieser Website wird der gesamte Anzeigebereich oben auf der Seite über 90% -Anzeigen verschiedener Arten angezeigt. Um zum Inhalt der Seite zu gelangen, muss man nach unten scrollen. Auch dort ist zusätzliche Werbung verstreut. Es ist so ablenkend, dass es schwer ist, sich auf die Website zu konzentrieren.

Fehler #5: Amateur Fotobearbeitung

Nichts schreit Amateur lauter als ein Bild, das nicht richtig bearbeitet wurde. Websites mit dieser Art von Problem haben möglicherweise Bilder mit unscharfen Rändern, automatisch korrigierte Farben, die aussehen, schlechte Layering-Techniken, die deutlich machen, dass zwei Bilder zusammengefügt wurden, oder seltsame Größenanpassungen.

Site Title: Peters Busse

Schlechte Design Beispiele

Es gibt einige Probleme mit den Grafiken auf dieser Seite.

Da ist zum einen der Bus mit einem weißen statt einem durchsichtigen Hintergrund, der gerade auf die Seite geklebt wird und amateurhaft aussieht. Die zwei Fotos auf der rechten Seite sind ebenfalls problematisch, da sie gestreckt und in der Größe verändert wurden, ohne dass die Verhältnisse beibehalten wurden. Die Fotos sehen aus und die Leute in der Rechten scheinen so ausgestreckt, dass sie Riesen im Land Lilliput sein könnten.

Tip: Nutzen Sie kostenlose Bildbearbeitungstools online: canva, Pic Affe

Fehler #6: Entwürfe, die ein Dreijähriger erstellen könnte

Wenn Ihre Website so aussieht, als hätten Sie Microsoft Word geöffnet, ein Stück Word Art erstellt und die Website ins Internet gestellt, könnten Sie Ihre Designelemente überdenken. Während Einfachheit ist eine willkommene Erleichterung von einigen der belebteren Websites, wenn Sie zu einfach gehen, riskieren Sie Ihre Website suchen jugendlich und billig.

Seitentitel: Cyber ​​D-Sign Clan

Schlechte Design Beispiele

Schlechte Design Beispiele

Dieser Entwurf ist so einfach, dass er sofort als ein grundlegender Microsoft-Musterhintergrund und eine Wort-Kunst erkennbar ist.

Der Designer hat nicht einmal die Farben der Wörter aus dem Standarddesign geändert, mit dem MS beginnt. Darüber hinaus versucht eine Popup-Seite zu laden. Dies könnte übersehen werden, wenn das Design besser war, wenn Sie das Intro überspringen und auf die Hauptseite klicken. Das Design der verlinkten Seite (unten) ist jedoch genauso enttäuschend.

Fehler #7: Schlechte Navigation

Auch wenn eine Website optisch ansprechend gestaltet ist, können Besucher frustriert werden und schlechte Navigation verlassen. Zum Beispiel, Websites ohne eine klare Verbindung oder mit so vielen Elementen, dass es schwer zu entscheiden ist, wohin es gehen soll. Ein Problem, auf das viele Website-Besitzer stoßen, ist eine kleine Site, die plötzlich größer wird. Navigation, die funktionierte, wenn die Seite fünf Seiten hatte, funktioniert einfach nicht, wenn die Seite 500-Seiten hat. Sehen Sie sich an, wie die Site überarbeitet und in Kategorien und Unterkategorien umstrukturiert werden kann, damit die Besucher genau wissen, wo sie hingehen sollen. Es ist auch schlau, ein Suchfeld hinzuzufügen.

Site-Titel: LawnSignDirectory.com

Schlechte Design Beispiele

Der Besucher erwartet eine durchsuchbare Richtung für sein Gebiet, aber stattdessen gibt es Dutzende von Links auf der linken Seite der Seite, Anzeigen auf der rechten Seite und ein paar vorgestellten Unternehmen. Diese Website könnte von einer Neugestaltung der Organisationsstruktur profitieren, so dass Besucher die Ressourcen, nach denen sie suchen, leicht finden können.

Fehler #8: Textprobleme

Webdesigner, die einen beschäftigten Hintergrund verwenden und dann eine Textfarbe auswählen, die nicht genug Kontrast bietet, machen ihre Webseiten unlesbar. Wenn die Augen eines Besuchers nach dem Lesen eines Artikels schmerzen, warum sollte sie dann auf der Seite bleiben, um weitere Seiten Ihrer Website zu lesen? Wenn Sie einen ausgelasteten Hintergrund auswählen müssen, platzieren Sie mindestens eine Box, eine Ebene oder eine Inhaltstabelle mit einem durchgehenden Hintergrund und wählen Sie eine gegenüberliegende Textfarbe. Versuchen Sie, Grau auf Grau zu vermeiden, aber wählen Sie Weiß auf Dunkelrot, Schwarz auf Hellrosa usw.

Wörter, die sich überlappen, sind ebenfalls schwer zu lesen, ebenso wie Absätze, die teilweise Grafiken überlagern und teilweise auf einem festen Hintergrund liegen.

Site-Titel: Bermuda-Dreieck

Schlechte Design Beispiele

Es gibt nicht nur Kontraste auf dieser Seite, sondern der Text überschneidet sich mit anderen Texten, so dass es fast unmöglich ist, sie zu lesen.

Fehler #9: Tippfehler

Nichts schreit unprofessionell mehr als grelle Tippfehler und Grammatikprobleme. Obwohl niemand perfekt ist, können Sie versuchen, näher zu kommen. Bitten Sie Freunde und Verwandte, Ihre Seiten zu durchsuchen und Ihnen dabei zu helfen, diese Fehler zu finden, oder beauftragen Sie einen professionellen Bearbeiter, um Ihre Seiten zu prüfen. Das folgende Beispiel dient nur zum Spaß. Dies ist keine echte Webdesign-Firma, sondern ein ironischer Blick darauf, wie unprofessionell manche Firmen erscheinen.

Seitentitel: Web Tek Rocks

Schlechte Design Beispiele

Ein Tippfehler kann übersehen werden, aber diese Seite zeigt, wie einige schattige Seiten voller Fehler sind. Für ein Unternehmen, das Ihnen helfen möchte, Ihre Website ins Web zu stellen, wäre es wahrscheinlich besser, wenn Sie einige Zeit damit verbringen, die Probleme auf ihrer eigenen Website zu beheben, bevor Sie Ihre Website erstellen. "Special" wird SPECAIL geschrieben; "Expertise" wird "Experteze" geschrieben; Sie bieten an, "dir selbst" online zu helfen; "Wir können erbaut deine Website schneller als jeder andere! "

Tip: Lernen wie man Tippfehler und Fehler in Ihrem eigenen Schreiben.

Fehler #10: So schlimm, dass man es nicht erklären kann

Einige Websites sind nur an sich schlecht im Design. Manchmal ist es nicht eine Sache, die die Website für Ihre Augen schmerzhaft macht, sondern fast alles auf der Website.

Es kann eine Kombination aus hässlichen Farben, schlechter Navigation und anderen Dingen geben. Zum Glück sind diese Seiten selten, aber sie können Ihnen helfen, was zu wissen nicht zu tun, wenn Sie Ihre Website entwerfen.

Site-Titel: Das Leben nach dem Tod

Schlechte Design Beispiele

Diese Seite ist so schrecklich, dass es schwer zu beschreiben ist. Erstens sollte jeder, der anfällig für Krampfanfälle ist, von dieser Stelle fern bleiben, da er wahrscheinlich auch bei einer nicht anfallanfälligen Person einen Anfall auslösen wird. Die Website scrollt, ist mit animierten und blinkenden Grafiken gefüllt. Darüber hinaus sind die Grafiken größtenteils nicht ansprechend und enden mit einem Baby in Bandana, das Gitarre spielt. Besuchen Sie, wenn Sie es wagen.

Über Lori Soard

Lori Soard arbeitet seit 1996 als freie Autorin und Redakteurin. Sie hat einen Bachelor in Englisch und einen Doktortitel in Journalismus. Ihre Artikel erschienen in Zeitungen, Magazinen, online und sie hat mehrere Bücher veröffentlicht. Seit 1997 arbeitet sie als Webdesignerin und Promoterin für Autoren und kleine Unternehmen. Sie arbeitete sogar für eine kurze Zeit, um Websites für eine populäre Suchmaschine zu bewerten und eingehende SEO Taktiken für eine Anzahl von Klienten zu studieren. Sie genießt es, von ihren Lesern zu hören.