Die 20 UX-Tipps, die Sie kennen müssen
Das Sammeln von UX-Tipps von Experten könnte der Schlüssel zum Erfolg Ihrer Website sein. In den letzten 20 Jahren habe ich mit einigen großartigen Marken aus verschiedenen Disziplinen zusammengearbeitet. Wenn Sie dies tun, neigen Sie dazu, auf dem Weg, den Sie täglich nutzen, einen Haufen Wissen zu sammeln, ohne darüber nachzudenken. Die Art von Dingen, die tief verwurzelt werden. Egal, ob Sie neu in der Benutzererfahrung und im UI-Design sind oder ein vielseitiger Design-Veteran, ich hoffe, dies ist ein kleiner Einblick in meine Top-20-Pro-Tipps, um die bestmögliche Erfahrung für Ihre Benutzer zu schaffen.
Wenn Sie ein brandneues UX entwerfen, möchten Sie sehen, wie es dem Benutzer ergeht. Lesen Sie die praktische Anleitung zu Creative Bloq Benutzertests für alles, was Sie wissen müssen. Eine neue Site entwerfen? Wählen Sie die rechte Webseitenersteller mit unserem Führer.
01. Kennen Sie Ihre Benutzer
Als Designer ist es wirklich wichtig zu gestalten, wie Ihre Benutzer bei der Erkundung wahrscheinlich mit einer Website, einem Produkt oder einer mobilen Anwendung interagieren. Verwenden Sie nicht nur Analysen und Statistiken. Schlüpfen Sie in die Rolle Ihrer Benutzer. Grabe ein bisschen tiefer. Nachdem Sie die Benutzer verstanden haben, können Sie fundierte Entscheidungen in Ihrem Design treffen.
02. Schreiben Sie Benutzerprofile und User Stories
Stellen Sie beim Erstellen von Benutzerprofilen sicher, dass Sie tatsächlich eine Person interviewen. Immer wieder sehe ich eine Menge Profilerstellung, die sich zusammensetzt und nicht auf irgendeiner Form von Forschung basiert. Wenn Sie User Stories schreiben, hilft es Ihnen, eine tatsächliche Person im Auge zu behalten, um diese Benutzer dazu zu bringen, die gewünschten Entscheidungen zu treffen. Niemals als Designer annehmen. Es ist empfehlenswert, in die Routine des Schreibens von User Stories einzusteigen.
Eine User Story ist eine allgemeine Definition einer Anforderung, die gerade genug Informationen enthält, damit Sie sie in Ihrer UX implementieren können. Dies hilft nicht nur, die Hierarchie dessen zu fokussieren, wozu Sie die Leute bewegen möchten, sondern auch, Benutzerziele klar zu definieren. Zeigen Sie die User Stories zurück auf Ihre Benutzerprofile in Ihrem Interaktionsdesign. Letztendlich hilft dies bei der Konvertierung und erstellt auch eine Testhierarchie, anhand derer gearbeitet werden kann.
03. Hören Sie Ihren Benutzern zu
Zuhören ist einer der wichtigsten Aspekte eines guten UX-Designs. Nehmen Sie sich immer Zeit, um Ihren Kunden zuzuhören, und vor allem, wenn Sie mit Conversion-Rate-Spezialisten zusammenarbeiten. Als UX-Designer liegt es in Ihrer Verantwortung, alle Anforderungen einer Vielzahl von Stakeholdern zusammenzuführen.
Aus diesem Grund sind die größten digitalen Projekte häufig solche, bei denen ein perfektes Gleichgewicht zwischen den Zielen des Kunden und den Bedürfnissen des Benutzers besteht. Setzen Sie sich auf diesen Zaun und balancieren Sie gut.
04. Verlassen Sie die Laborumgebung, wenn Sie Mobilgeräte testen
Ich habe lange über Benutzertests nachgedacht. Warum sollten Sie einen Benutzer in einem Labor testen, wenn der Großteil seiner Zeit mit einem Mobiltelefon unterwegs ist? Sie können hervorragende Einblicke gewinnen, indem Sie die Art und Weise, wie Sie testen und wo Sie testen, ändern.
05. Verwenden Sie effektive Tools für kollaborative Teams
Wenn Sie ein unabhängiges Unternehmen sind, werden Sie zweifellos mit einer Reihe von Fachleuten an einem Projekt zusammenarbeiten. Das Einrichten klarer Kommunikationskanäle ist ein Muss. Ich verbringe mehr Zeit damit, Teams zu planen, zusammenzuarbeiten und zu organisieren, um großartige Produkte und Designs zu liefern. Ich neige dazu, Software wie Jira oder Confluence für die schwergewichtigeren Projekte und Trello oder Asana für kleinere Projekte zu verwenden, die mit Slack verbunden sind (siehe auch diese oben Cloud-Speicher Optionen). Dies sind fantastische Tools, die Ihnen das Leben bei der Durchführung von Projekten erleichtern. Dies spart auch Ihren Posteingang und die Möglichkeit, eine wichtige E-Mail zu verlieren.
06. Design mit Blick auf UX
Es ist gut, sich inspirieren zu lassen. Es gibt viele großartige Online-Ressourcen und riesige Benutzergemeinschaften, die ihre Arbeit, Forschung und Ergebnisse teilen. Suchen Sie also nach diesen. Ich finde UX-Inspiration gerne auf Instagram und auf Websites wie awwwards.com und Behance .
07. Umarme den weißen Raum
Ich verwende immer konsistente Typografie und Leerzeichen. Ihre Kunden erwarten von Ihnen, dass Sie den Raum ausfüllen oder das Logo auf jeden Fall vergrößern, aber der weiße Raum ist besonders wichtig, insbesondere für das mobile Design. Stellen Sie sicher, dass Sie einigen einfachen Rastersystemen folgen. Ich mache das die ganze Zeit mit Layouts. Dies vereinfacht nicht nur den Entwurfsprozess, sondern ist auch konsistent. Viel Spaß mit Leerzeichen und haben Sie keine Angst, mit der Größe typografischer Überschriften und den von Ihnen verwendeten Schriftarten herumzuspielen. Stellen Sie sich eine Website wie einen Roadtrip vor: Bewegen Sie Benutzer nahtlos von einem Abschnitt zum nächsten, indem Sie die Personas, Ziele und Bedürfnisse der Benutzer verstehen. (Denken Sie daran, Ihre Web-Hosting Der Service ist auf die Bedürfnisse Ihrer Website zugeschnitten.)
08. Stellen Sie niemals Emotionen vor Logik
Benutzer empfinden visuell ansprechende Designs häufig als einfach zu bedienen. Es gibt jedoch eine feine Grenze zwischen der Ablenkung eines Benutzers von seiner Aufgabe und der Durchsetzung von Branding / Marketing. Benutzer bemerken Elemente in der Reihenfolge ihrer Wichtigkeit eher am oberen Rand der Seite.
09. Animation einschließen
Begrüßungsbildschirme und einfache Ladeanimationen sorgen für Markenintrigenz. Wenn Sie einen Benutzer zum ersten Mal einbinden, gehen Sie mit einfachen Animationen, Top-Tipps oder sogar mit einigen Markenanimationen noch einen Schritt weiter. Ermöglichen Sie dem Benutzer, zu überspringen oder 'Nicht anzuzeigen', wenn er zurückkehrt, aber überladen Sie Ihre Animationen nicht. Eine Ladezeit von mehr als drei Sekunden führt zu einer Absprungrate von rund 55 Prozent. Geben Sie den Benutzern Feedback, wenn ihre Wartezeit mehr als eine Sekunde beträgt.
10. Reduzieren Sie den Bedarf an Karussells
Okay, ich werde meine Hand heben und zugeben, dass ich in einem kürzlich durchgeführten Projekt ein Karussell verwendet habe, aber es diente dazu, den Prozess eines Kunden zu erklären, und es war nicht nur das neueste Promo-Marketing, das mich gebeten hatte, eine Startseite hinzuzufügen. Statistiken zeigen an, dass die meisten Benutzer den Karussellinhalt nach drei oder vier Folien nicht mehr anzeigen. Überladen Sie ein Karussell nicht mit mehr als vier Folien oder noch besser, gewöhnen Sie sich an, sie überhaupt nicht zu benutzen.
11. Konzentrieren Sie sich auf Details
Denken Sie daran, sich auf die anderen kleinen Details zu konzentrieren, da dies Ihre Benutzererfahrung auf die nächste Ebene bringt. Wann haben Sie das letzte Mal eine interessante 404-Seite entworfen? Hier sind einige gute Beispiele für das Entwerfen einer 404-Fehlerseite - und wie nicht.
12. Konzentrieren Sie sich auf den Inhalt
Kopier- und Inhaltsregel, wenn es um Ihre Benutzeroberfläche geht. Verwenden Sie Überschriften, Unterüberschriften und Kopierpausen. Erstellen Sie kleinere Absätze, damit die Betrachter Ihre Webseiten schnell scannen können, um Ihre Inhalte benutzerfreundlicher zu gestalten. Ich möchte sicherstellen, dass die Kopie nicht zu lang ist. Seien Sie klar und präzise mit dem, was Sie sagen. Benutzer scrollen auf der Webseite nach unten, solange klar ist, dass relevante Informationen unterhalb der Falte liegen. Machen Sie die Seiten jedoch nicht zu lang. Es ist alles in der Balance.
13. Design mit Inhalt und nicht lateinischem Text
Ich sehe das die ganze Zeit, wenn Designer nicht mit dem Inhalt arbeiten. Es hilft Kunden zwar dabei, die Felder auszufüllen, aber bei UX- und UI-Design sollte es niemals darum gehen. Wenn ich entwerfe, möchte ich den Inhalt schreiben oder mit einem Texter zusammenarbeiten. Es gibt einem Kunden mehr Kontext mit Ihren Drahtgittern und frühen Entwurfsphasen. Selbst wenn es sich um den ersten Inhaltsentwurf handelt, können Sie fundiertere Entscheidungen darüber treffen, wie die Inhalte präsentiert werden, mit denen sich die Benutzer beschäftigen.
14. Unterhalten Sie sich mit den Benutzern Ihrer Website
Nun, nicht wörtlich, sondern metaphorisch. Machen Sie Online-Erlebnisse im Gespräch. Inhalte können viel ansprechender sein, wenn Ihre Benutzer eine Verbindung herstellen. Lassen Sie Benutzer nicht im Dunkeln. Bieten Sie eine einfache Anleitung (ich meine nicht Waffel) an, was sie tun müssen. Es macht es ansprechender. Marken wie Innocent Drinks sind ein gutes Beispiel dafür, wie man mit Markenerlebnis gute Gespräche führt.
15. Wisse, dass weniger mehr ist
Paul Rand Der 1914 geborene amerikanische Art Director und Grafikdesigner sagte einmal: 'Gutes Design ist nicht aktuell, schlechtes Design schon'. Wir neigen dazu, viele Designtrends und -stile zu sehen, die kommen und gehen, nicht nur in Bezug auf Benutzeroberfläche und UX, sondern im gesamten Design im Allgemeinen. Finden Sie Ihren eigenen Designstil. Arbeiten Sie hart daran, erstellen Sie Regeln, befolgen Sie die Entwurfspraxis und fragen Sie, warum. Jedes großartige Design hat immer eines gemeinsam: Einfachheit. Streben Sie also nach Einfachheit und Klarheit in Ihrem Design, um sicherzustellen, dass es vom Publikum auf einen Blick oder in einer Interaktion empfangen wird. Minimalistische und einfache Designs sind leicht zu verstehen und werden von Ihrem Publikum mehr geschätzt.
16. Lerne Hicks Gesetz
Wenn Sie nichts wissen Hicks Gesetz , recherchieren Sie etwas darüber, da dies die Art und Weise ändern wird, wie Sie mit dem Design von Benutzeroberflächen umgehen. Das Hick-Gesetz - auch als Hick-Hyman-Gesetz bekannt - leitet seinen Spitznamen von den britischen und amerikanischen Psychologen William Edmund Hick und Ray Hyman ab und legt die Zeit fest, die eine Person benötigt, um eine Entscheidung auf der Grundlage der verfügbaren Entscheidungen zu treffen.
Das Hicksche Gesetz bewertet die Informationskapazität in Auswahlreaktionsexperimenten. Die Zeit, die benötigt wird, um eine bestimmte Anzahl von Bits im Hick-Hyman-Gesetz zu verarbeiten, wird als Informationsgewinnrate bezeichnet. Halten Sie diese Optionen im Wesentlichen auf ein Minimum. Wenden Sie diesen praktischen Rat auf Ihre Entwürfe an. Entfernen Sie unnötige Geräusche, damit Benutzer einen klaren Weg der Interaktion haben.
Sie müssen die Balance zwischen der Schaffung eines ansprechenden Markenerlebnisses, das Benutzer konvertiert, und der Gestaltung von etwas finden, das aussieht, als wäre es direkt aus den 1990er Jahren. Beschleunigen Sie die Dinge, indem Sie die Wahrscheinlichkeit verringern, dass Benutzer abgelenkt werden und gehen. Erforschen Sie mehr über das Gesetz von Hick, da es zweifellos bei Ihrem Endprodukt helfen wird. es hat mir sicherlich geholfen.
17. Unterbrechen Sie Benutzer niemals ohne Grund
Lassen Sie mich nicht mit Chatbots oder Sofortnachrichten beginnen. Obwohl die Verwendung von Chatbots Vor- und Nachteile hat, wirkt sich die Unterbrechung eines Benutzers zu Beginn seiner Problemlösungsreise nachteilig auf seine Erfahrung aus. Zum Beispiel ist das Öffnen eines Dialogfelds, ohne dass der Benutzer etwas getan hat, eine schlechte Idee und nur ärgerlich. Viele Websites bombardieren Besucher mit 'Wie kann ich helfen?' Oder 'Ich bin ein Chatbot ... fangen wir an'. Ein Dialog sollte sich immer für eine Interaktion öffnen und niemals aufdringlich sein.
18. Vermeiden Sie 'Erste Schritte' als Aufruf zum Handeln
Vermeiden Sie 'Erste Schritte' als Aufruf zum Handeln. Dies ist einer meiner Lieblingshasse. Ich sehe es sehr. Vermeiden Sie in der Tat eine verinnerlichte Sprache bei jedem Aufruf von Aktionen, insbesondere bei „Erste Schritte“. Ihr Kunde nennt es möglicherweise eine Sache, aber Ihr Benutzer versteht es möglicherweise nicht. Sprache ist der Schlüssel, stellen Sie also sicher, dass sie einfach und direkt ist. Achten Sie darauf, niemals mehrdeutige Sprache zu verwenden.
19. Seien Sie proaktiv, wenn es um responsives Design geht
Ich beginne immer mit dem Entwerfen für Mobilgeräte und arbeite dann gleichzeitig an Mobilgeräten und Desktops. Es gibt mehr Ansätze als nur das Stapeln von Inhalten für Mobilgeräte. Als UI-Designer habe ich gelernt, reaktionsschnelle Benutzeroberflächen effektiv zu entwerfen, die flexible Layouts, Bilder und Stylesheets verwenden. Eine gute Beziehung zu Ihrem Codierer ist ein Muss, wenn Sie die Website oder App nicht erstellen.
20. Machen Sie Ihre Designs zugänglich
Ich hatte vor einigen Jahren die Erfahrung, mit einem Kunden zu arbeiten, der während der Entwurfsphase äußerst frustriert war. Es gab ein großes Problem beim Versuch, Farben abzumelden. Was ich nicht festgestellt hatte, war, dass der Kunde tatsächlich leicht farbenblind war. Farbenblindheit (Farbsehschwäche) betrifft ungefähr einen von 12 Männern und eine von 200 Frauen in der Welt. In Großbritannien bedeutet dies, dass es ungefähr 3 Millionen farbenblinde Menschen gibt (ungefähr 4,5 Prozent der Gesamtbevölkerung), von denen die meisten männlich sind.
Ich empfehle dringend, während Ihres Testprozesses einige Sim-Spezifikationen zu erwerben. Es wird Ihre Benutzertests auf ein neues Niveau bringen. Konvertieren Sie Ihre Designs in Graustufen, um sicherzustellen, dass alle Benutzer ein einheitliches Erlebnis haben. Vermeiden Sie die Verwendung von Blau für Text auf anderen Websites als Links. Beachten Sie auch den Kontrast auf mobilen Websites. Reservieren Sie eine Farbe für CTAs und stellen Sie sicher, dass sie sich vom Rest der Seite abhebt. Kalte und dunkle Farben bleiben im Hintergrund und warme helle Farben wie Orange treten hervor. Wenn die Marke Ihres Kunden ähnliche Farbtöne aufweist, empfehlen Sie eine neue Kontrastfarbe. Möglicherweise steigen die Conversions.
Schauen Sie sich unsere Leitfaden für integratives Webdesign .
Dieser Artikel wurde ursprünglich in Ausgabe 321 veröffentlicht Netz , das weltweit meistverkaufte Magazin für Webdesigner und Entwickler. Ausgabe 321 kaufen oder net abonnieren .
Zum Thema passende Artikel:
