Ein erfolgreiches Projekt ist eine Kombination aus gutem Design, coolem Inhalt und etwas Glück. Zu oft wird ein Entwurf durch einfache UX-Fehler entgleist, die den Inhalt ruinieren und die beabsichtigten Aktionen der Benutzeroberfläche durcheinander bringen.
Benutzer können leicht den Überblick verlieren, warum sie da sind und was sie tun sollen. Zum Glück sind viele dieser Konstruktionsfehler leicht zu erkennen und zu korrigieren. (Als Bonus machen die Beispiele in diesem Beitrag die Dinge richtig; verwenden Sie sie als Leitfaden!)
1. Nicht lesbare Typografie
Es gab eine kurze Phase, in der Designs mit neuen Schriftarten gefüllt wurden. Dies ist zwar kein Problem an sich, stellt jedoch ein Problem dar, wenn die Wörter schwer lesbar sind. (Welcher Punkt sind Wörter in einem Design, wenn der Benutzer nicht herausfinden kann, was er sagt?)
Achten Sie bei Neuheiten darauf, wie Buchstaben mit den von Ihnen verwendeten Wörtern aussehen. Einige Kombinationen funktionieren in einer Schrift möglicherweise besser als andere. Achten Sie auf das Kerning und die Anzahl der verwendeten Zeichen, insbesondere bei einer neuen Schrift. (Weniger Zeichen sind oft besser, wenn Sie sich mit der Typografie der Anzeige beschäftigen.)
Woher wissen Sie, dass es schwer zu lesen ist? Seien Sie vorsichtig bei Schriften mit extremen Schräglagen, engen und verdichteten Buchstaben, übermäßig ausgearbeiteten Schwüngen, Schwänzen oder Ligaturen oder Buchstaben, die zusammen zu laufen scheinen oder ungewöhnliche Formen haben.
Reparier es jetzt: Wechseln Sie diese unlesbare Schrift gegen etwas breitere Haltung und häufigere Buchstabenformen. Sie müssen nicht bis zur Helvetica wechseln, sondern sich für etwas Lesbares und Interessantes entscheiden. Probieren Sie etwas aus dieser Google Fonts-Sammlung aus.
Richtig machen: LeadGen
2. schlechte Ausrichtung
Links, rechts, venter, gerechtfertigt?
Wir werden hier nicht die Vorzüge der Art der Ausrichtung ansprechen. Der große Einstieg ist: Konsequente Ausrichtung ist das, worauf es ankommt. Typ und Elemente sollten bequem in einem Raster liegen. Gezackte Kanten sollten vermieden werden.
Das Problem bei einer schlechten Ausrichtung besteht darin, dass der visuelle Fluss unterbrochen wird, so dass Benutzer nur schwer von einem Element zum nächsten im Entwurf wechseln können. Sie können im Chaos verloren gehen und möglicherweise das Wesentliche übersehen, wenn es um Inhalte geht.
Reparier es jetzt: Legen Sie Ausrichtungsstile für Elemente fest. Sind die Fotos zentriert oder sitzen sie mit dem Text am linken Rand? Erstellen Sie Richtlinien, passen Sie das Design an und halten Sie sich an die Regeln, die voranschreiten.
Richtig machen: Lorem Ipsum
3. Unangemessene Bilder
Unangemessene Bilder sind ein Inhaltsmörder. Es kann eine unzusammenhängende visuelle Verbindung mit Text herstellen oder Benutzer können sich am Kopf kratzen.
Während Bilder, die oft zu kurz kommen, in einem "Wissen" erscheinen, wenn Sie es sehen? Mode gibt es ein paar rote Fahnen, auf die Sie bei Ihren Projekten achten sollten.
- Dumme oder überstrapazierte Bilder: Wenn das Foto nicht echt erscheint (Personen, die ziellos lächeln), oder wenn Sie es auf anderen, ähnlichen Websites gesehen haben, vermeiden Sie es.
- Schlechte Bildqualität: Wenn das Foto unscharf, dunkel oder schlecht zusammengestellt ist, verwenden Sie es nicht. Kein Foto ist besser als ein schlechtes Foto.
- Bilder mit niedriger Auflösung: Ein pixeliertes Bild ist immer schlecht. Viele der Fotoregeln, die vor einigen Jahren Teil des Design-Workflows waren, müssen aufgrund der Dominanz und Beliebtheit hochauflösender Bildschirme überarbeitet werden.
- Flusenbilder verbessern den Inhalt nicht: Fügen Sie kein Foto hinzu, nur weil Sie es können, auch wenn es keinen Bezug zum Inhalt hat. Bilder sollten den Inhalt verbessern und ihn nicht trüben.
Reparier es jetzt: Foto-Audit durchführen Gehen Sie durch Ihr Design und entfernen Sie alle Bilder, die die roten Fahnen oben enthalten. Sie müssen kein Bild ersetzen, wenn Sie nicht über ein geeignetes Element verfügen.
Richtig machen: Xpand Laces
4. Vernachlässigung mobiler Details
Es ist allgemein bekannt, dass Websites in responsiven Frameworks gestaltet werden sollten. Es wäre schwierig, einen Designer oder Entwickler zu finden, der anders argumentiert. Eine responsive Vorlage ist jedoch keine Lösung aus einer Hand. Das Design muss für verschiedene Bildschirmgrößen angepasst werden.
Zu oft wird dieses Detail vernachlässigt. Die Website funktioniert auf mobilen Geräten, aber die Schriftgrößen sind etwas zu klein oder die Größe der Bilder ist abhängig von dem unterschiedlichen Seitenverhältnis eines mobilen Geräts. Diese kleinen Details können Benutzer ernsthaft stören.
Reparier es jetzt: Verbringen Sie etwas Zeit mit Ihrem mobilen Design. Beachten Sie alle Details, die fehl am Platz erscheinen und zu Frustration führen. Überprüfen Sie Textgrößen, Bilder, Ladezeiten und Platzierungen von Schaltflächen und nehmen Sie die erforderlichen Anpassungen vor, um ein nahtloseres Erlebnis zu bieten.
Richtig machen: Und Co
5. Verrückte Farbe
Ein gelangweilter Designer erstellt ein unzusammenhängendes Design. Dies manifestiert sich häufig in verrückten Farben und dem Fehlen einer definierten Palette.
Zu viel Farbe kann ablenken und wirkt oft amateurhaft. Für jedes einzelne Projekt, das eine vom Regenbogen inspirierte Palette abruft, schlagen weitere 1.000 Projekte fehl. Wenn Ihre Markenrichtlinien nicht die Verwendung eines solchen Farbschemas erfordern, sollten Sie dies vermeiden. (Und wenn Ihre Marke solche Richtlinien hat, fordern Sie eine Aktualisierung auf.)
Reparier es jetzt: Erstellen Sie eine starke Farbpalette. Beginnen Sie mit einer dominanten Farbe und einer oder zwei sekundären Optionen. Wenn Sie mehr Abweichungen benötigen, verwenden Sie Farbtöne und Farbtöne aus dieser Palette (und erstellen Sie auch Regeln). Füge nicht mehr Farbe hinzu.
Richtig machen: Rush Flyer Printing
6. Benutzern nicht etwas zu tun geben
Stellen Sie sich vor, Sie landen auf einer schönen Webseite, wissen aber nicht, was als Nächstes zu tun ist. Scrollen Sie? Klicken sie Gibt es einen nächsten Schritt, um weitere Inhalte zu finden?
Da sollte es sein.
Ein gutes Website-Design ist ein Netz von Aktionen, Interaktionen und Bewegungen, die von Seite zu Seite fließen. Ziel ist es, Besucher mit möglichst vielen Inhalten auf dem Weg zu einer gewünschten Aktion zu verbinden.
Reparier es jetzt: Jede Seite im Design sollte einen Aufruf zum Handeln enthalten.Benutzer sollten genau wissen, was das Ziel jeder Seite ist, und sie möchten auf die Schaltfläche klicken, ein Formular ausfüllen, ein Spiel spielen oder ein Produkt kaufen. Die Entwurfsstruktur sollte fett gedruckte Elemente der Benutzeroberfläche enthalten, um Klicks oder Klicks vom Schaltflächenstil zu umsetzbaren Anweisungen zu ermutigen.
Richtig machen: Vinebox
7. Zu viel des Guten
Gehen Sie mit Ihrem super coolen Element nicht über Bord.
Hast du eine tolle Illustration? Benutze es. Verwenden Sie es groß, sogar. Fülle es nicht mit vielen anderen Illustrationen, die das Bild verwässern.
Dasselbe gilt für Symbole oder andere Techniken, mit denen Sie Benutzer anlocken können. Sie wollen, dass sie mehr wollen und nicht vom Volumen überwältigt werden. Das hört sich ziemlich einfach an, kann aber in der Realität schwierig sein. (Denken Sie nur an das Icon-Pack, das Sie gekauft haben, und haben Sie das Bedürfnis, mit jedem Gegenstand Ihr Geld zu verdienen.)
Reparier es jetzt: Beschäftigen Sie weniger ist mehr Strategie. Verwenden Sie nur die Elemente, die Sie zur Verbesserung des Inhalts benötigen. Überfordern Sie es nicht. Gehen Sie das aktuelle Design durch und stellen Sie sich vor, jeder Seite ein Element wegzunehmen. Was würde es sein? Ist das Design besser dafür?
Richtig machen: Kunstliebhaber Australien
Fazit
Jeder Designer macht hier und da einen Designfehler. (Einige von uns machen mehr, als wir zugeben möchten.) Aber können Sie die Probleme erkennen und sich erholen?
Sie sollten jetzt einen guten Start in diese Richtung haben, mit dieser Liste von Fehlern und Möglichkeiten, sie zu korrigieren. Schämen Sie sich nicht, wenn Sie eine Entwurfssünde begehen, sich anpassen und weitergehen.