Manchmal machen mich Websites mürrisch. Ich klicke mit Vorfreude und dann? Design-Katastrophe. Gib es zu, du hast auch mehr als ein paar Mal auf dem Bildschirm herumgeknurrt.
Von schlechtem Typ über fehlende Verknüpfungen bis hin zu Problemen mit der Benutzerfreundlichkeit werde ich die Fehler teilen, die mich absolut verrückt machen. Passen Sie auf! Dies sind Dinge, die Sie auf Ihrer eigenen Website ansprechen und beheben müssen, bevor jemand anderes auf sie stößt!
1. Mangel an Kontrast
Der Text und die Bilder auf Ihrer Website müssen lesbar sein. Der einfachste Weg, dies zu erreichen, ist durch Kontrast. Aber zu viele Designer vergessen diese einfache Tatsache.
Das größte Problem ist oft der mangelnde Kontrast zwischen Text und Hintergrund, wodurch die Schrift unlesbar wird. (Ist das nicht der ganze inhaltliche Punkt?)
Es ist wichtig sicherzustellen, dass jede Platzierung genügend Kontrast zu den umgebenden Elementen aufweist, um sie so voneinander abzugrenzen, dass die Elemente für sich alleine stehen. Denken Sie an einige Grundlagen des Designs, wenn Sie über Kontrast nachdenken - Farbe, Raum und Größe. Wenn Sie diese Elemente verwenden, können Sie die Elemente voneinander unterscheiden.
Das Bild oben enthält zwei Kontrastprobleme mit Text. Schauen Sie sich die Farbe der Links vor dem Hintergrund an. Der Text ist ziemlich schwer zu lesen. Sehen Sie sich dann die Größe des Textes im Vergleich zur Skalierung der Bilder auf dem Bildschirm an. Es ist viel zu klein und weiße Schrift auf hellem Hintergrund verstärkt das Problem.
2. Schlechte Navigation und Fluss
Sobald ich auf Ihrer Website gelandet bin, sollte ich wissen, was Sie als nächstes von mir erwarten. Klickmuster und Informationsfluss sollten offensichtlich sein. (Dies ist ein Grund, warum die Navigation und die Menüs häufig oben auf der Seite stehen.)
Navigationstricks und -effekte sollten klar gekennzeichnet sein und intuitiv funktionieren. Dies ist für alle von Ihnen, die mit dem Scrollen von links nach rechts oder mit anderen ungewöhnlichen animierten Effekten experimentieren. Geben Sie den Benutzern einen Hinweis darauf, wie es funktioniert. Benutzer, die übermäßig komplizierte Designtricks frustrieren, verlassen Ihre Website.
3. Schlechte Verwendung oder Behandlung von Fotos
Es gibt nichts Schlimmeres als ein tolles Bild, das von anderen Designelementen verdeckt wird. Wenn Sie sich die Zeit nehmen, großartige Bilder auf Ihrer Website zu verwenden, verwenden Sie diese ohne zu viele Effekte. Fügen Sie eine einfache Textzeile hinzu und stoppen Sie. (Daher die Beliebtheit der Geister-Knöpfe.)
Es gibt viele Möglichkeiten, wie dies passieren kann, aber die Falle passiert oft, wenn Designer versuchen, "zu trendy" zu sein. Heldenheader machen Spaß. Slider sind großartig. Wenn Sie diese Elemente jedoch mit Text kombinieren, können sie gefährlich werden. Jedes Bild im Set muss mit dem Text arbeiten, damit jedes Wort lesbar ist und alle wichtigen Elemente im Foto sichtbar sind.
Bedecken Sie die wichtigen Teile eines Bildes nicht mit Text oder Schaltflächen. Wenn Sie das Gefühl haben, dass dies in Ihrem Design geschieht, ist es vielleicht besser, sich für einen einfachen Hintergrund zu entscheiden und Fotos anderswo zu verwenden.
Auf den ersten Blick erfasst Sie das Bild oben, da es sich im legalen Skizzenstil befindet. Aber schauen Sie genauer hin, Gesichter werden durch Text verdeckt und alles wird durch ein Zeugnis, das das Bild nicht verdecken muss, etwas durcheinander geraten.
4. Kein Raster verwenden
Es gibt eine gewisse Menge glückliches Chaos im Webdesign. Asymmetrie ist ein solches Element. Das Fehlen eines Gitters geht nicht.
Die Verwendung eines Gitters ist eine dieser professionellen Polituren, die das gute Design von den schlechten unterscheidet. Raster sorgen für Übersichtlichkeit und Organisation, tragen dazu bei, einen angemessenen und konsistenten Abstand zwischen den Elementen zu schaffen, und geben Ihnen Aufschluss darüber, wo und wie Elemente platziert werden. Das Raster kann dabei helfen, die Entscheidungsfindung für Elementgröße, Textgröße und -raum sowie für das Design innerhalb angemessen gewichteter Proportionen zu fokussieren.
5. Responsive Design nicht verwenden
Bitte verwenden Sie für Ihre Websites ein Responsive Framework. Ihre Site muss auf einem Mobiltelefon funktionieren. Zeitraum. Umgekehrt muss es auch auf meinem Desktop genauso gut funktionieren.
Ich stoßen weiterhin auf Websites, die auf meinem Telefon als vollständige Webseiten dargestellt werden. Websites, die nicht reagieren oder zumindest keine mobile Version haben, verpassen jeden Tag Traffic und Conversions. (Websites, die nur mobile Versionen anbieten, sind zwar eher ungewöhnlich, aber auch frustrierend.)
Und viele andere Benutzer sind wahrscheinlich wie ich. Wenn ich Ihre Site auf meinem Handy versuche und es nicht funktioniert, komme ich nicht zurück oder probiere es auch nicht auf meinem Desktop.
6. Fehlende Links
Defekte Links sind eine der größten Frustrationen im Web. Gewöhnen Sie sich an, ein jährliches Link-Audit für Ihre Website durchzuführen. Dies können Sie manuell oder mithilfe eines Tools wie dem Website Link Checker durchführen.
Die andere Sache, die mich nur nervt? Wenn das Logo kein Link zur Startseite von jeder Seite ist. Es sollte immer ein "Zuhause" geben. Funktion. (Und deaktivieren Sie währenddessen nicht die Zurück-Taste.)
Wenn es um Links geht, denken Sie an die Benutzerfreundlichkeit. Stellen Sie sicher, dass Links, insbesondere solche im Text, sichtbar und groß genug sind, um zu klicken oder zu tippen, ohne dass Sie aus Versehen einen benachbarten Link erhalten. Fügen Sie aus diesem Grund nicht zu viele In-Text-Links ein, da es schwierig werden kann, den richtigen Link zu verwenden, insbesondere auf kleineren Geräten.
7. Auto-Play-Sound
Sound auf Ihrer Website kann Spaß machen. Ton, der ohne Aufforderung abgespielt wird, ist nicht.
Sie sollten Benutzern immer eine Option zum Ein- / Ausschalten des Sounds geben und standardmäßig deaktivieren. Der Ton kann für Benutzer verblüffen, ist für Arbeitsumgebungen möglicherweise nicht sicher und ist im Allgemeinen ärgerlich. Die meisten Benutzer möchten die Kontrolle über das Website-Erlebnis übernehmen, und der Ton der automatischen Wiedergabe nimmt einige dieser Steuerelemente weg. Es ist viel wahrscheinlicher, dass ich mich mit dem Sound beschäftige und ihn spiele, wenn mir die Option gegeben wird. Auto-Play führt oft dazu, dass ich die Site verlasse, ohne einen Ort zu suchen, an dem sie zum Schweigen gebracht werden kann.
Es gibt einige Orte, an denen dies schwierig sein kann - zum Beispiel Werbung. Wenn Sie einen Sound haben, der abgespielt werden muss, sollten Sie eine Popup-Box mit einer großen Stummschalttaste in Betracht ziehen.Benutzer sind mehr geschult? einige Sekunden der Anzeigenwiedergabe akzeptieren, um den Inhalt anzuzeigen. Es ist immer noch keine ideale Situation, kann aber eine bessere Lösung sein.
Schauen Sie sich das Bild von der Website oben an. Es spielt automatisch Klänge - sie sollen ruhig sein - aber sehen Sie, ob Sie den Klang auf einen Blick erkennen können. Die Schaltfläche ist relativ klein, insbesondere im Vergleich zu anderen Elementen.
7 Mehr Pet Peeves
Leider gibt es noch viele andere Kleinigkeiten, die mich beim Navigieren im Web verrückt machen können. Versuchen Sie, keinem dieser unvorsichtigen Fehler zum Opfer zu fallen.
- Keine Suche
- Grammatikfehler oder Rechtschreibfehler
- Kein Aufruf zum Handeln
- Zu viele Links in der Kopie
- Text mit Bindestrich
- Superkleine Knöpfe
- Schlechte Typografie und Lesbarkeit
Fazit
In einige dieser Designfallen zu fallen, ist zu einfach und kann jedem passieren. (Einige dieser Fehler lauern in Websites mit einem insgesamt großartigen Design.)
Seien Sie also vorsichtig und konzentrieren Sie sich auf die Details während des Designprozesses und des Startvorgangs, sodass Sie viele dieser Probleme vermeiden können. Du willst mich nicht mürrisch machen, oder?