Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Ratgeber

UX-Design: Auf diese Elemente solltest du nicht verzichten

(Foto: baranq / Adobe Stock)

Der Erfolg in jedem Geschäft liegt in einer positiven User-Experience. Wir zeigen euch warum das so wichtig ist und wie ihr es am besten umsetzt.

Erst vor kurzem haben wir euch einige UX-Elemente vorgestellt, die jeder Nutzer hasst. Hier zeigen wir Elemente, die auf keiner Website fehlen sollten und die für eine gute UX unerlässlich sind.

UX: Was ist das eigentlich?

User-Experience (UX) kann man mit dem Nutzererlebnis oder der Nutzerfahrung übersetzen, insbesondere im Bereich der digitalen Medien. Ein gutes Nutzererlebnis ist einer der wesentlichen Erfolgsfaktoren für digitale Geschäftsmodelle: Erkundet der User die Website oder Applikation? Verlässt oder löscht er sie? Nutzt er sie regelmäßig oder empfiehlt er sie sogar? Das Nutzererlebnis hängt vor allem vom User-Interface ab (UI). Denn umso einfacher und intuitiver die Anwendung oder Website zu bedienen ist, desto besser ist die UX.

Mit UX-Elementen schlagen wir uns täglich herum, sie sind fester Bestandteil in unserem Alltag. Das muss nicht immer im Internet sein: Das Freizeichen beim Anrufen, das Geräusch beim Versenden einer E-Mail oder der pfeifende Twitter-Vogel, all das sind Rückmeldungen und Bestätigungen an den Anwender.

Natürlich kann man das Ganze auch noch extremer auf die Realität übertragen. Manche Töne sind so selbstverständlich, dass sie uns gar nicht mehr bewusst sind. Wie zum Beispiel das Schließen einer Autotür oder das Geräusch eines vorbeifahrenden Autos. Ein gutes Bespiel sind E-Autos: Besonders blinde Menschen, die auf ihren Gehörsinn angewiesen sind, gehen bei nicht vorhanden Geräuschen zum Beispiel von einer freien Straße aus. Dasselbe lässt sich auf Websites oder Apps übertragen: Bekommt ein Nutzer kein Feedback oder eine Bestätigung über seine Handlung, fühlt er sich verloren oder kann sich nicht identifizieren und verlässt eventuell die Anwendung.

Feedback-Beispiele: So macht ihr's richtig

Ihr wollt eure Nutzer nicht im Stich lassen? Prima! Dann zeigen wir hier vier Beispiele, mit denen ihr eure Nutzer richtig abholt. Bevor wir zu den Beispielen kommen, wollen wir noch auf zwei wichtige Punkte hinweisen: Erstens, die Implementierung an der richtigen Stelle. Was bringen Fehlermeldungen am Ende eines Formulars? Und zweitens, die emotionale Botschaft: Das Erstellen von Content kann manchmal eine emotionale Achterbahn sein – achtet auf die richtigen Farben, Töne und Wortwahl.

Hover-Effekt

Vor zehn Jahren waren Links und Buttons eindeutig zu erkennen. Sobald etwas blau unterstrichen war, war klar: das ist ein Link – der Link war ein Standartsymbol. Auch Buttons waren eindeutig erkennbar.

Inzwischen haben uns die modernen Webtrends eingeholt und ein Link muss – ein Glück – nicht mehr blau unterstrichen sein. Der Nachteil: Oft sind Links und Buttons nicht mehr als Solche erkennbar. Es fehlen die Effekte! Tut euren Nutzern den Gefallen und markiert einen Link eindeutig – zum Beispiel mit einem Farbkontrast beim Hovern. Und auch Buttons, besonders im Flat-Design, lassen sich mit Farben oder Animationen als solche erkennbar gestalten. Du brauchst Inspiration? Auf t3n.de haben wir bereits einige Beispiele gesammelt.

Bitte beachte unsere Community-Richtlinien

6 Reaktionen
Lisa

Vielen Dank für den Artikel. Jedoch gibt es noch so viel wichtigere UX-Elemente, über die man schreiben könnte. Das ist nur ein kleiner Teil von der großen Anzahl UX freundliche features.

Ruslan Julbarissow

UX Elemente, die alle lieben und die Pageviews verdoppeln: Artikel auf zwei Seiten verteilt

Augenrollen

T3N mutiert ein bisschen zur Digitalen-Bild.

Karsten Peters

Fakt ist für mich, daß es zum Thema UI nun auch wirklich nicht mehr viel Neues zu schreiben gibt. Da kommt bei einer Sammlung von Allgemeinplätzen (wie hier, sorry!) tatsächlich 'n bischen Langeweile suf.

Aber man kann's auch nicht immer jedem recht machen ...

Bernd Birnd

Ahh...! Preloader und Fehlermeldungen. Danke für diese wahnsinns Geheim-Tipps.

Jan

Standart also...

Der Standard ist leider spürbar gesunken bei euch, dass finde ich sehr schade.

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Finde einen Job, den du liebst