Designfehler können jedem passieren. Möglicherweise versuchen Sie, ein Projekt zu schnell abzuschließen, oder Sie arbeiten an einem komplexen Site-Design, bei dem nur etwas übersehen wird. Aber wenn sie passieren, müssen Sie sie reparieren? sofort!
Einige Designfehler können Ihren Inhalt ruinieren, dazu führen, dass Benutzer Ihre Website aufgeben oder das Vertrauen in die von Ihnen bereitgestellten Informationen verlieren. Es kann schwierig sein, sich davon zu erholen, wenn Sie keine Korrekturen vornehmen. Und damit Sie nicht verwirrt sind, enthält jeder der heutigen Tipps ein Beispiel für ein Design, das es in der Design Shack Gallery richtig macht!
1. Nachlässige Typografie
Der größte Typografie-Täter ist der Weltraum. Zeilenabstand oder Zeilenabstand und der Platz in Textumbrüchen sind häufig Straftäter. Während Sie manchmal zu viel Platz sehen, besteht das häufigere Problem darin, dass der Text nicht genügend Platz zum Atmen hat, wodurch das Design unübersichtlich und schwer lesbar wird.
Bei den meisten Blöcken schwerer Kopien - denken Sie an Absätze des Fließtextes - beträgt der normale Zeilenabstand für das Web etwa 120 bis 150 Prozent der Schriftgröße. Bei kleineren Texten, wie z. B. dem Rendern auf mobilen Geräten, können Sie sich zusätzlich zu einem kleinen Zeilenabstand irren, um die Lesbarkeit zu gewährleisten.
Der Trick ist in diesem glücklichen Medium, wo der Text leicht lesbar ist und einen natürlichen Fluss hat, aber nicht ermüdend für die Augen wird. Zu weit auseinander liegender Text kann genauso schwer zu verarbeiten sein wie Text, der zu nahe beieinander liegt.
Befolgen Sie bei Textumbrüchen die gleiche allgemeine Regel. Berücksichtigen Sie für verwandte Elemente, die umbrochen werden, die Regeln für den Zeilenabstand. Auf diese Weise hat alles ein einheitliches Gefühl, dass Elemente ähnlich sind, aber die Lesbarkeit erhöht.
Richtig machen: House of Khlebny
2. Alles gleich groß
Alle Fotokästen haben die gleiche Größe. Der gesamte Text hat die gleiche Größe. Alle Knöpfe haben die gleiche Größe. Während Konsistenz schön ist, ist die Monotonie einfach langweilig.
Mischen Sie es mit ein paar Größen- und Skalierungsoptionen für jeden Elementtyp. Auf diese Weise können Sie diese Konsistenz beibehalten, aber auch dazu beitragen, das Auge zu lenken und visuelles Interesse zu schaffen.
Eine der besten Möglichkeiten, die Sie tun können, ist, über die Foto-Skala in Frames nachzudenken. Der Heldenheader auf jeder Seite hat wahrscheinlich die gleiche Größe. Die Position des Fotos im Rahmen kann jedoch unterschiedlich sein. Verkleinern Sie Bilder, um ein weit entferntes Gefühl zu erzeugen, das mit weniger visuellem Gewicht kleiner erscheint. Verwenden Sie eine enge Ernte, um die Dinge näher und hervorzuheben. Ohne die tatsächliche Größe zu ändern - oder sogar die Website-Stile oder -Vorlage zu ändern -, haben Sie Elemente mit unterschiedlichen Größen erstellt.
Richtig machen: Brooke Promiitz
3. Die Hierarchie vergessen
Ein Benutzer kommt zu einer Website, von der erwartet wird, dass sie etwas findet oder tut. Machen Sie es ihnen leicht mit einer bestimmten Hierarchie von Elementen, die zu dieser Aktion führen.
Die größten Dinge im Design sollten die wichtigsten sein und auf Elemente von geringerer Bedeutung reduziert werden. Ordnen und gruppieren Sie Informationen zu durchsuchbaren Bits, die von den Benutzern auf einen Blick gelesen und verstanden werden können.
Und dann verwandeln Sie Ihre Hierarchie in eine Reihe von Regeln, um die Konsistenz zu gewährleisten. Auf diese Weise sieht eine Überschrift immer wie eine Überschrift aus, und Schaltflächen folgen denselben Regeln für Platzierung, Größe und Interaktion. All diese kleinen Dinge werden es den Benutzern einfacher machen, mit ihnen in Kontakt zu treten.
Richtig machen: Ragnar Theme
4. Vernachlässigung der Grundlagen
Wie oft sind Sie auf eine Website gestoßen, auf einen Link geklickt und nichts ist passiert? Oder nach einer E-Mail-Adresse oder einem Kontaktformular gesucht, um keine zu finden?
Vergessen Sie nicht, sich um alle Reinigungselemente im Design zu kümmern, und stellen Sie sicher, dass diese ausgefüllt, leicht zu finden und genau sind. Achten Sie besonders auf die Navigation, die Suche und die Fußzeile.
Es ist wichtig, dass diese Bereiche aktualisierte Links und Informationen enthalten. Benutzer erwarten von diesen Elementen eine bestimmte Art von Erfahrung und können leicht frustriert werden, wenn sie nicht vorhanden sind. Es bietet auch eine Legitimität für Ihre Website - defekte Links oder keine Kontaktinformationen können zu Misstrauen bei den Benutzern führen.
Richtig machen: Anagram Paris
5. Zu viele Wörter
Bearbeiten Sie Ihre Kopie, legen Sie sie zur Seite und bearbeiten Sie sie erneut.
Das Problem bei vielen Websites ist, dass sie zu viel Text verwenden, um einfache Dinge zu erklären. Die Sprache sollte klar und prägnant sein, da die Aufmerksamkeitsspanne kurz ist.
Verwenden Sie aktive, beschreibende Wörter, um am besten mit den Benutzern im Design zu sprechen. Stellen Sie klare Anweisungen für umsetzbare Elemente bereit, die den Benutzern genau sagen, was zu tun ist und was als Nächstes geschehen wird.
Diese schriftliche Klarheit wird dazu beitragen, dass die Benutzer interessiert bleiben und sich durch die Kopie bewegen.
Richtig machen: A ist für Albert
6. schlechte Auflösung alles
Ein schlechtes Image jeglicher Art sollte vermieden werden. Viele Benutzer betrachten Ihr Design auf hochauflösenden Geräten, von Retina-fähigen Bildschirmen auf Tablets bis hin zu Monitoren, die jeden Pixel genau darstellen. Ein schlecht aufgelöstes Bild macht jedes Design zunichte.
Der Trick besteht darin, das Wissen über Dateigrößen und die Komprimierung neu zu überdenken. Während diese Dinge von Bedeutung sind, haben sich die Regeln etwas geändert. Größere Dateien werden immer mehr zum Standard, und die meisten Internetverbindungen können die Last verarbeiten.
Die Realität sieht so aus: Wenn Sie kein scharfes, klares Bild verwenden können, verwenden Sie kein Bild. Ihr visueller erster Eindruck sagt den Benutzern viel über Sie aus. Ein schlechtes Image zeigt, dass Sie sich nicht interessieren, nicht glaubwürdig sind oder einfach nicht an Qualität denken. Natürlich möchten Sie nicht, dass die Benutzer denken, wenn sie das Design Ihrer Website besuchen.
Richtig machen: Orsolina 28
7. Zu viele Tricks
Das Übertreiben von Illustrationen, das Verwenden zu vieler Fotos und von zu weit gehenden Schatten- oder Tanzsymbolen sind einige der häufigsten Tricks, die den Benutzer von der Nachricht im Design ablenken können.Jede Designtechnik, die aus visuellen Gründen existiert, kann als Trick betrachtet werden - ungewöhnliche Farben, Animationen, ungewöhnliche Fotokombinationen und Illustrationen sind allesamt Designticks.
Und sie können wirksame Instrumente sein, um Interesse und Engagement zu schaffen.
Bei sparsamer Verwendung.
Begrenzen Sie die Tricks auf eine Sache, die Ihr Design unterscheidet. Und versuchen Sie es nicht zu übertreiben. Eine großartige Illustration kann zum Beispiel ein schönes Werkzeug sein, aber wenn Teile dieser Illustration zerkleinert werden und es im ganzen Design Illustrationen gibt, kann dies ablenkend wirken. Ein großer Trick? ist besser und im Allgemeinen effektiver als jede Menge kleiner Tricks.
Richtig machen: Wokine
Fazit
Lassen Sie sich nicht entmutigen, wenn Sie einen dieser Konstruktionsfehler begangen haben. Es passiert jedem. Wiederherstellen Sie gut und Ihre Inhalte werden sicher sein.
Um diese Fehler zu korrigieren, ist auch kein Redesign erforderlich. Ein paar Änderungen an den Designelementen können ausreichen, um häufige Designfehler zu bereinigen und zu optimieren. Der erste Schritt besteht darin, Ihr Design zu überprüfen, um Orte zu finden, an denen besondere Aufmerksamkeit erforderlich ist. Viel Glück!