Beispiele für gutes UX-Design | Der ultimative UX-Leitfaden Nr. 16

Woher kann man sich bei der Arbeit eines UX-Designers inspirieren lassen? Wie kann man gute UX-Designs von schlechten unterscheiden? Heute gehen wir diesen und vielen weiteren Fragen rund um gutes UX-Design nach und zeigen einige Interfaces auf hohem Niveau im UX-Bereich. Ich hoffe, Sie werden von den Beispielen, die wir präsentieren, inspiriert.

Beispiele für gutes UX Design – Inhaltsverzeichnis:

1. Woher bekommt man Design-Inspiration?
2. Woran man ein gutes UX-Design erkennt
3. Beispiel für gutes UX-Design – Google
4. Beispiel für gutes UX-Design – Apple
5. Beispiel für gutes UX-Design – Airbnb

Woher bekommt man Design-Inspiration?

Die UX-Branche ist derzeit eine schnell wachsende und sich dynamisch verändernde Branche. Eine der Aufgaben eines guten UX-Designers besteht darin , sich über aktuelle Trends und sich ändernde Technologien auf dem Laufenden zu halten und sich von Branchenführern inspirieren zu lassen. Ein Designer, der diese Aktivitäten vermeidet – entwickelt sich einfach nicht. Die UX-Branche erfordert ständiges Interesse, Nachforschungen, die Suche nach Inspiration und neuen Forschungs- oder Designmethoden, Vergleiche sowie die Umsetzung von Innovationen.

Wie kann man sich inspirieren lassen? Viele Leute werden bekannte Portale für Designer wie Dribble oder Behance empfehlen. Da gibt es eins zu beachten. Auf diesen Portalen finden Sie eine Vielzahl von Fallstudien von Projekten aus verschiedenen Branchen, die von Designern aus der ganzen Welt erstellt wurden. Sie werden verschiedene Standpunkte sehen, aber denken Sie daran, dass jeder, der dort ein Konto erstellt, seine Projekte veröffentlichen kann. Viele davon sind nicht-kommerzielle Projekte, die im Rahmen eines UX-Kurses „ für die Schublade “ oder selbstständig von Menschen erstellt werden, die nicht als UX-Designer arbeiten – und zum Beispiel gerade lernen.

Bei solchen Projekten liegt der Fokus oft auf dem visuellen Teil – UI, und UX selbst wird zurückgelassen. Es fehlt an Recherche, geschäftlichen Anforderungen, der Definition des Problems, dem Zweck des gesamten Prozesses oder den Bedürfnissen der Benutzer, wodurch das Projekt zwar optisch ansprechend, aber nicht unbedingt gut durchdacht und durch Recherche und Daten gestützt wird. Es ist also schwer, hier über die gute Inspiration für einen UX-Designer zu sprechen. Viel wertvollere Inhalte finden wir bei Studien namhafter UX-Agenturen oder auch auf den Webseiten von Unternehmen, die als Vorreiter in Sachen User Experience gelten. Auf einige davon gehen wir im Folgenden näher ein.

Woran man ein gutes UX-Design erkennt

Schließlich ermöglicht Ihnen der Reichtum des Internets, sich von vielen Quellen inspirieren zu lassen (einschließlich Dribble oder Behance – wir verneinen sie nicht vollständig). Wie wir mehr als einmal geschrieben haben – die grundlegende Eigenschaft eines guten Designers ist die Fähigkeit, Recherchen durchzuführen und Schlussfolgerungen zu ziehen. Dies kann auch in die Fähigkeit übersetzt werden, nach Designinspirationen zu suchen. Doch was sollte ein Projekt aufweisen, das in Sachen User Experience als gut einzustufen ist?

1. In erster Linie sollte es eine Fallstudie enthalten, die Daten aus der Forschung, das Benutzerproblem, die Geschäftsziele und KPIs präsentiert – Metriken, mit denen überprüft werden kann, ob das Projekt nach der Umsetzung den angenommenen „ Erfolg “ erzielt.

Beispiel : Nehmen wir einen Elektronikladen. Das Problem ist eine hohe Anzahl von Warenkorbabbrüchen durch Benutzer. Ziel des Projekts wird es sein, die Ursache dieses Verhaltens herauszufinden und dieses Problem zu lösen.

Nach Analyse von Daten aus Google Analytics und Hotjar sowie Befragungen von Nutzern stellt sich heraus, dass deren größtes Problem die fehlende Verfügbarkeit der ausgewählten Waren ist – die sie erst im Warenkorb erfahren, wenn sie die Produktbestellung abschließen wollen. Das Projekt erfordert natürlich eine umfassendere Analyse, Recherche sowie Änderungen an der Funktionalität der Schnittstelle. Es ist leicht abzuleiten, dass hier der Erfolgsfaktor nach der Implementierung eine Verringerung der Anzahl der Warenkorbabbrüche und eine Erhöhung der Conversions auf der Website (Besucher der Website vs. Personen, die einen Kauf tätigen) sein wird.

Hier haben wir ein klar definiertes Problem – sowohl aus Geschäfts- als auch aus Anwendersicht haben wir ein Ziel und etablierte Erfolgsmaßstäbe.

2. Es reicht natürlich nicht aus, nur die Forschung auf die richtige Art und Weise durchzuführen – ihre Analyse und Ergebnisse müssen in das endgültige Schnittstellendesign einfließen. Daher achten wir während der Fallstudie genau darauf, ob das Design den Bedürfnissen der Benutzer entspricht und das Designproblem löst.
3. Ein gutes Design im Hinblick auf UX ist natürlich auch ein Design, das die Anforderungen der Usability-Heuristik von Nielsen erfüllt. Diese haben wir bereits ausführlich im separaten Artikel beschrieben. Heuristiken sind universelle Prinzipien, die eine grundlegende Technik zur Analyse von Schnittstellen auf ihre Benutzerfreundlichkeit darstellen. Durch das Befolgen wird der Designer sowohl das Erscheinungsbild als auch die Leistung der Website vollständig optimieren.

Umfassende Forschung zu betreiben sowie UX auf hohem Niveau zu pflegen und zu entwickeln, erfordert natürlich viel Geld und Zeit sowie ein erfahrenes Team aus UX- und UI-Spezialisten, Entwicklern, Analysten und Führungskräften. Es überrascht nicht, dass große, internationale Technologieunternehmen – wie Google und Apple – sehr gute UX vorweisen können.

Beispiel für gutes UX-Design – Google

Google, das seit 1998 auf dem Markt ist, ist sicherlich ein tolles Beispiel dafür, wie gute UX aussehen kann. Die Suchmaschine von Google ist eines der einfachsten Tools im Internet. Die Bedienung ist intuitiv und bereitet dem durchschnittlichen Internetnutzer keine Probleme. Es erfüllt die aus der Nielsen-Heuristik abgeleiteten Anforderungen – es ist einfach, sauber, klar und ästhetisch. Sie enthält keine unnötigen Links, Schaltflächen oder Banner. Es ist sofort klar, wie man sich zurechtfindet. Außerdem sehen Sie auf einen Blick, wofür es da ist – suchen.

Darüber hinaus zeigt die Suchmaschine kürzlich gesuchte Begriffe an, schlägt verwandte Suchen vor und korrigiert uns im Falle eines Tippfehlers in der von uns falsch eingegebenen Phrase. Damit geht es auf die Bedürfnisse der Nutzer ein und macht ihnen den gesamten Suchprozess so einfach wie möglich .

Beispiel für gutes UX-Design – Apple

Apples Website ist nicht nur ein schönes Design, sondern auch eine sorgfältig entwickelte UX. Die Seite hat eine sehr einfache, intuitive Navigation. Die Navigationsleiste enthält nicht nur Kategorienamen, sondern auch kleine Bilder von Produkten, mit denen Sie schnell auf der Website navigieren können. Die auf der Website verwendete Sprache ist einfach, aber kreativ. Ohne unnötige Beschreibung präsentiert es dem Benutzer den spezifischen Wert eines bestimmten Produkts.

Die Website ermöglicht es Ihnen auch, Produkte in einer Kategorie zu vergleichen, um sorgfältig dasjenige auszuwählen, das Ihren Bedürfnissen entspricht. Apple legt viel Wert auf eine innovative, aber minimalistische Benutzeroberfläche – das heißt, das Aussehen und die Ästhetik der Website – was, wie wir uns erinnern, auch eine von Nielsens Heuristiken ist, die die Wahrnehmung der Website durch den Benutzer und seine Erfahrung mit dem Produkt beeinflusst .

Interessanterweise teilt Apple auf seiner Website Best Practices für das Design und bietet herunterladbare Mockups, Schulungsmaterialien sowie Human Interface Guidelines.

Beispiel für gutes UX-Design – Airbnb

Airbnb (eine Plattform für die Vermietung von Unterkünften von Privatpersonen) erfreut sich seit seiner Gründung im Jahr 2008 großer Beliebtheit bei den Nutzern – einer der Hauptgründe ist natürlich die gut gestaltete UX.

Die Homepage ist aufgeräumt und übersichtlich. In der Mitte sehen Sie ein Suchfeld – nativ für alle, wenn auch nur aus der Google-Suche. Es ist also die Verwendung eines guten Musters, das den Benutzern bereits vertraut ist, was die Website intuitiv macht und niemand sich verloren fühlt. Ein weiteres Merkmal guter UX-Praxis auf Airbnb ist die Kartenansicht mit sichtbaren Preisen neben der Liste der gesuchten Orte. Mit Airbnb erhalten Sie alle wichtigen Informationen an einem Ort – die Lage des Hauses auf der Karte, den Preis, seine Fotos zusammen mit seinem Namen.

Auch inhaltlich verfolgt die Seite einen tollen Ansatz – UX-Writing ist auf sehr hohem Niveau und vermittelt wichtige Informationen auf einfache Art und Weise. Ein Beispiel ist ein Text „ Sie werden noch nicht belastet “ zum Zeitpunkt der ersten Buchung – der Benutzer erhält eine klare Nachricht, dass die Zahlung nicht belastet wird, bis die Buchung bestätigt ist.

Airbnb teilt wie Apple Best Practices, interessante Fallstudien und Neuigkeiten aus der Welt des Designs auf seiner Website.

Wenn Ihnen unsere Inhalte gefallen, werden Sie Teil unserer fleißigen Bienen-Community auf Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Autorin: Klaudia Kowalczyk

Ein Grafik- und UX-Designer, der das ins Design bringt, was sich nicht in Worte fassen lässt. Für ihn hat jede verwendete Farbe, Linie oder Schrift eine Bedeutung. Leidenschaft für Grafik- und Webdesign.

Alle Beiträge anzeigen

Der ultimative UX-Leitfaden:

1. Was ist UX – und was NICHT
2. UX und UI – sind sie vergleichbar?
3. 7 Faktoren der (herausragenden) User Experience
4. Wissen Sie, was UX-Design bedeutet?
5. Gestalten Sie Benutzererlebnisse? Kümmere dich um diese Dinge!
6. 10 Usability-Heuristiken für UX-Design, die Sie kennen müssen
7. Der UX-Designprozess in 5 einfachen und einfachen Schritten
8. User-Centered Design und seine Grundprinzipien
9. Phasen des User-Centered-Design-Prozesses
10. Was ist Kundenerfahrung?
11. Benutzererlebnis vs. Kundenerlebnis. Eine einfache Erklärung ihrer Beziehung
12. Was ist ein Markenerlebnis?
13. Was ist Mensch-Computer-Interaktion (HCI)?
14. Warum UX wichtig ist
15. Benutzerfreundlichkeit vs. Funktionalität in UX
16. Beispiele für gutes UX-Design