UX-Design & Grafikdesign für eine bessere User Experience
Kennen Sie das? Eine Website wirkt auf den ersten Blick modern, die Farben passen zusammen, die Bilder sehen klasse aus und trotzdem finden Sie den gesuchten Button nicht. Oder Sie klicken sich durch mehrere Unterseiten und fragen sich irgendwann: „Wo muss ich jetzt eigentlich hin?“
Genau hier zeigt sich der Unterschied zwischen schönem Design und gutem Design.
Denn Grafikdesign sorgt unter anderem dafür, dass eine Marke visuell ansprechend und wiedererkennbar wirkt. UX-Design geht noch einen Schritt weiter: Es beschäftigt sich damit, wie Menschen mit einem Produkt, einer Website oder einer digitalen Anwendung umgehen – und ob das Ganze dabei verständlich, intuitiv und angenehm funktioniert.
Die spannende Frage lautet deshalb nicht: „Wie bekommen wir das Design möglichst schön?“
Sondern: „Wie schaffen wir ein Design, das gut aussieht und gleichzeitig funktioniert?“
Und genau an diesem Punkt treffen UX-Design und Grafikdesign aufeinander.
Was haben UX-Design und Grafikdesign miteinander zu tun?
Auf den ersten Blick könnten die beiden Bereiche unterschiedlicher kaum sein. Grafikdesign beschäftigt sich mit Farben, Schriften, Bildern, Formen und der visuellen Gestaltung. UX-Design schaut stärker darauf, wie Nutzer mit einem Produkt interagieren und welche Erfahrungen sie dabei machen.
In der Praxis gehören beide Bereiche aber ziemlich eng zusammen.
Stellen Sie sich eine Website vor. Das Grafikdesign bestimmt beispielsweise, welche Farben verwendet werden, wie Überschriften aussehen, wie Bilder eingesetzt werden und welchen visuellen Eindruck die Seite vermittelt.
UX-Design stellt dagegen Fragen wie: Wo erwartet der Nutzer die Navigation? Ist die Struktur verständlich? Findet er wichtige Informationen schnell? Ist klar, was nach einem Klick passiert? Funktioniert die Seite auch auf dem Smartphone problemlos?
Das eine kann ohne das andere schnell an seine Grenzen kommen.
Eine Website kann wunderschön gestaltet sein, aber schlecht funktionieren. Andersherum kann eine Website zwar unglaublich praktisch sein, aber so langweilig oder unübersichtlich wirken, dass Nutzer gar nicht erst bleiben möchten.
Gutes Design bringt beides zusammen.
Eine schöne Website ist nicht automatisch eine gute Website
Gerade bei Websites ist dieser Punkt wichtig.
Natürlich möchten Unternehmen eine moderne und hochwertige Website. Schließlich ist sie häufig einer der ersten Berührungspunkte mit potenziellen Kunden.
Aber was bringt Ihnen die schönste Website, wenn Besucher nicht verstehen, was Sie anbieten?
Oder wenn der Kontakt-Button irgendwo versteckt ist?
Oder wenn wichtige Informationen erst nach fünf Klicks auftauchen?
Ein gutes Webdesign sollte deshalb nicht nur die Marke widerspiegeln, sondern gleichzeitig Orientierung geben.
Besucher sollten möglichst schnell verstehen:
Wer sind Sie?
Was bieten Sie an?
Warum ist Ihr Angebot interessant?
Und was soll ich als Nächstes tun?
Das klingt eigentlich ziemlich simpel. In der Umsetzung ist es aber genau diese Klarheit, die ein gutes Design ausmacht.
UX beginnt schon vor dem ersten Klick
User Experience beginnt übrigens nicht erst dann, wenn jemand auf einen Button klickt.
Schon der erste Eindruck spielt eine Rolle.
Wirkt die Website vertrauenswürdig? Ist die Gestaltung professionell? Passt die Bildsprache zum Unternehmen? Sind Texte gut lesbar? Ist sofort erkennbar, worum es geht?
All das beeinflusst, wie Nutzer eine Website wahrnehmen.
Hier kommt das Grafikdesign besonders stark ins Spiel. Farben, Typografie, Bildwelt und Gestaltung schaffen eine bestimmte Atmosphäre und transportieren die Persönlichkeit einer Marke.
Eine Kanzlei wird vermutlich anders auftreten wollen als ein junges Fitnessstudio. Ein Technologieunternehmen benötigt möglicherweise eine andere Bildsprache als eine regionale Bäckerei.
Das Design sollte also nicht nur „schön“ sein. Es sollte zum Unternehmen und zur Zielgruppe passen.
1. Erst verstehen, dann gestalten
Einer der größten Fehler beim Design ist, direkt mit der Gestaltung loszulegen.
„Welche Farbe nehmen wir?“
„Welche Schrift gefällt uns?“
„Soll das Logo größer sein?“
Das sind wichtige Fragen – aber sie kommen eigentlich erst später.
Am Anfang sollte vielmehr stehen: Was soll das Design erreichen?
Wer soll angesprochen werden? Welche Informationen sind besonders wichtig? Was sollen Nutzer auf der Website tun? Welche Eigenschaften soll die Marke vermitteln?
Erst wenn diese Fragen geklärt sind, wird die visuelle Gestaltung wirklich sinnvoll.
Denn ein Design sollte nicht einfach dem persönlichen Geschmack des Auftraggebers entsprechen. Es sollte eine Aufgabe erfüllen.
2. Weniger ist oft mehr
Ein weiterer Punkt, bei dem sich UX-Design und Grafikdesign wunderbar ergänzen: die Reduktion.
Gerade bei digitalen Designs kann man schnell zu viel wollen. Noch ein Icon, noch eine Animation, noch eine Farbe, noch ein grafisches Element.
Das Ergebnis wirkt irgendwann zwar „aufwendig“, aber nicht unbedingt besser.
Gutes Design muss nicht laut sein.
Manchmal ist eine klare Typografie, ausreichend Weißraum und eine gut gewählte Bildwelt völlig ausreichend.
Auch aus UX-Sicht ist weniger häufig mehr. Wenn Nutzer auf einer Seite zehn verschiedene Möglichkeiten haben, kann das eher überfordern als helfen.
Ein klarer Aufbau führt dagegen schneller zum Ziel.
Design sollte Orientierung schaffen – keine zusätzliche Denkarbeit.
3. Farben und Typografie sind mehr als Dekoration
Farben und Schriften gehören zu den klassischen Werkzeugen des Grafikdesigns. Gleichzeitig haben sie einen direkten Einfluss auf die User Experience.
Eine zu kleine oder schlecht lesbare Schrift macht einen Text unnötig anstrengend. Zu geringe Kontraste können Inhalte schwer erkennbar machen. Zu viele unterschiedliche Schriftarten sorgen schnell für Unruhe.
Auch Farben haben eine Funktion.
Ein klar definierter Button sollte beispielsweise als solcher erkennbar sein. Wenn alle Elemente auf einer Website gleich auffällig gestaltet sind, weiß der Nutzer nicht mehr, wo er hinschauen soll.
Eine gute Gestaltung schafft deshalb visuelle Hierarchien.
Wichtige Informationen fallen auf. Weniger wichtige Inhalte treten etwas zurück. Buttons sehen nach Buttons aus. Überschriften sehen nach Überschriften aus.
Das klingt banal – macht im Alltag aber einen riesigen Unterschied.
4. Denken Sie mobil
Eine Website kann auf einem großen Bildschirm fantastisch aussehen und auf dem Smartphone plötzlich völlig anders wirken.
Schriften sind zu klein, Buttons liegen zu dicht beieinander, Bilder werden ungünstig zugeschnitten und wichtige Informationen verschwinden irgendwo weiter unten.
Deshalb gehört responsives Design heute ganz selbstverständlich zu einer guten User Experience.
Das Design sollte nicht einfach nur auf verschiedenen Bildschirmgrößen „irgendwie funktionieren“. Die Gestaltung muss sich an die jeweilige Nutzungssituation anpassen.
Denn Smartphone-Nutzer haben andere Voraussetzungen als jemand, der mit einem großen Monitor arbeitet.
Auch hier zeigt sich wieder, warum UX-Design und Grafikdesign zusammengedacht werden sollten.
5. Nutzerführung statt Design um des Designs willen
Ein schönes Beispiel ist die Navigation.
Natürlich kann eine außergewöhnliche Navigation spannend aussehen. Aber wenn Besucher erst herausfinden müssen, wie sie überhaupt funktioniert, ist etwas schiefgelaufen.
Nutzer sollten nicht darüber nachdenken müssen, wie eine Website funktioniert.
Sie sollten einfach navigieren können.
Das gilt auch für Buttons, Formulare und andere interaktive Elemente. Ein Nutzer sollte möglichst schnell verstehen, was er anklicken kann und was danach passiert.
Das bedeutet nicht, dass jedes Design langweilig sein muss.
Im Gegenteil: Kreativität ist absolut erlaubt. Sie sollte nur nicht auf Kosten der Verständlichkeit gehen.
Was gutes UX-Design mit einem guten Grafikdesign verbindet
Wenn UX-Design und Grafikdesign gut zusammenspielen, entsteht ein Design, das sich leicht bedienen lässt und gleichzeitig eine klare visuelle Identität besitzt.
Der Nutzer merkt im besten Fall gar nicht, wie viele Entscheidungen dahinterstecken.
Er findet die Navigation dort, wo er sie erwartet. Er erkennt wichtige Informationen sofort. Buttons sind verständlich. Texte lassen sich angenehm lesen. Bilder unterstützen die Inhalte. Farben vermitteln die richtige Stimmung.
Und gleichzeitig wirkt die gesamte Gestaltung wie aus einem Guss.
Genau das ist die Kunst.
Denn gutes Design fällt nicht immer dadurch auf, dass es besonders spektakulär ist. Manchmal fällt es gerade dadurch auf, dass alles einfach funktioniert.
UX-Design und Grafikdesign als Team
Die besten Ergebnisse entstehen deshalb häufig dann, wenn UX und visuelle Gestaltung nicht getrennt voneinander gedacht werden.
Das beginnt bei der Konzeption und reicht bis zur finalen Umsetzung.
Ein Designer sollte nicht nur überlegen, wie eine Seite aussieht, sondern auch, wie sie genutzt wird. Gleichzeitig sollte UX nicht bedeuten, dass die visuelle Gestaltung komplett in den Hintergrund rückt.
Denn Menschen reagieren nun einmal auf Ästhetik.
Ein ansprechend gestaltetes Produkt kann Vertrauen schaffen, Emotionen auslösen und die Wahrnehmung einer Marke positiv beeinflussen.
Die Herausforderung besteht darin, beides miteinander zu verbinden.
Funktionalität und Ästhetik sind keine Gegensätze.
Sie ergänzen sich.
Wichtig: Schön allein reicht nicht
Ein gutes Design muss heute mehr können, als einfach nur gut auszusehen.
UX-Design und Grafikdesign sollten Hand in Hand arbeiten, damit digitale Produkte und Websites nicht nur optisch überzeugen, sondern sich auch intuitiv und angenehm nutzen lassen.
Dabei geht es nicht darum, möglichst viele Gestaltungselemente unterzubringen oder besonders außergewöhnliche Lösungen zu entwickeln. Es geht darum, die richtige Balance zu finden.
Eine klare Struktur, passende Farben, gut lesbare Typografie, eine verständliche Nutzerführung und ein durchdachtes responsives Design bilden dafür eine wichtige Grundlage.
Und natürlich darf das Ganze trotzdem richtig gut aussehen.
Denn genau darin liegt die Stärke guten Designs: Es verbindet Ästhetik mit Funktionalität, ohne dass eines von beiden zu kurz kommt.
Am Ende sollte der Nutzer nicht denken: „Wow, was für ein ausgefallenes UX-Konzept.“
Er sollte einfach denken: „Das funktioniert. Hier finde ich mich zurecht.“
Und wenn dabei gleichzeitig noch ein richtig guter visueller Eindruck entsteht, haben Sie eigentlich alles richtig gemacht.