\u201eEin Hauch von Animation hier<\/span>! Ein Hauch von Gepardenmuster dort<\/span>!\u201c<\/p>\n\n\n\n Aber, wie es oft bei Dingen, die gl\u00e4nzen, der Fall ist, ist es leicht, \u00fcber die Str\u00e4nge zu schlagen \u2014 besonders wenn Ihre Kreativit\u00e4t die Funktionalit\u00e4t Ihrer Website beeintr\u00e4chtigt.<\/p>\n\n\n\n Ob Sie ein Produkt verkaufen oder Blogbeitr\u00e4ge teilen<\/a><\/span> m\u00f6chten, Sie bauen die Website nicht wirklich f\u00fcr sich selbst. Es sind die Besucher Ihrer Seite, die mit dem Design und der Benutzeroberfl\u00e4che zufrieden sein m\u00fcssen. Hier kommt die Benutzererfahrung (UX) ins Spiel. Wenn Sie beim Aufbau Ihrer Website einen starken Fokus auf UX legen, sollte sich das in h\u00f6heren Konversionsraten und niedrigeren Absprungraten auszahlen.<\/p>\n\n\n\n In diesem Artikel gebe ich Ihnen einen Crashkurs in UX und erkl\u00e4re, was ein UX-Designer macht. Dann gehen wir einige Tipps durch, wie man gutes UX-Design erkennt, wenn man ihm begegnet. Abschlie\u00dfend zeige ich Ihnen, wie Sie UX verwenden k\u00f6nnen, um eine bessere Website<\/a> f\u00fcr Ihr Publikum zu erstellen. F\u00fchlen Sie sich frei, direkt zu dem Abschnitt zu springen, der f\u00fcr Sie am vorteilhaftesten ist!<\/p>\n\n\n\n Bereit, \u00fcber UX-Strategie zu sprechen? Anfangen!<\/p>\n\n\n\n Einfach ausgedr\u00fcckt ist die Benutzererfahrung (UX) das, was der Benutzer beim Interagieren mit Technologie empfindet. UX gilt f\u00fcr jede Technologie, von einer App bis zu einer Spielkonsole.<\/p>\n\n\n\n Wenn es um Websites geht, ist UX-Design darauf ausgelegt, die Interaktion zwischen dem menschlichen Benutzer und der Seite zu optimieren. Eine Website, die nach soliden UX-Prinzipien gebaut wurde, sollte den Benutzer das Gef\u00fchl geben, dass er das erreicht hat, was er tun wollte, ohne Frustration.<\/p>\n\n\n\n Das k\u00f6nnte Sie daran denken lassen, beim visuellen Design der Website alles zu geben. Dazu k\u00f6nnten auff\u00e4llige Animationen und gigantische Bildkarussells<\/a> geh\u00f6ren. Wenn Sie sich an MySpace erinnern, haben Sie wahrscheinlich immer noch Albtr\u00e4ume von animiertem Glitzer und MIDI-Versionen von Blink-182-Songs . . . oh je<\/span>.<\/p>\n\n\n Aber das UX-Design hat viel weniger damit zu tun, wie eine Seite aussieht, als damit, wie sie verwendet wird. Um effektiv zu sein, sollte Ihre Website ein vollst\u00e4ndiges Erlebnis sein \u2014 nicht nur Worte und Bilder auf einer Seite.<\/p>\n\n\n\n Benutzer werden Daten vergessen, wie zum Beispiel, wie viel sie f\u00fcr die bestellten Produkte bezahlt haben. Jedoch sollte die Erfahrung der Bestellung angenehm und m\u00fchelos sein. Diese Erfahrung wird bei ihnen bleiben und erh\u00f6ht die Wahrscheinlichkeit, dass sie immer wieder bei Ihnen kaufen.<\/p>\n\n\n\n Wenn Ihre Website ein schlechtes Benutzererlebnis bietet, k\u00f6nnten Sie das gegenteilige Ergebnis sehen. Benutzer, die gestresst oder ver\u00e4rgert sind, wenn sie Ihre Website nutzen, werden wahrscheinlich zu einer Ihrer Konkurrenzseiten wechseln. Sie haben viele Optionen und keinen Grund, zu einer Website zur\u00fcckzukehren, die schwer zu benutzen ist.<\/p>\n\n\n\n Wenn Sie immer noch nicht \u00fcberzeugt sind, dass UX f\u00fcr Ihre Website wichtig ist, hier sind einige wichtige Statistiken:<\/p>\n\n\n\n Das alles dient dazu, die Bedeutung eines guten UX-Designs beim Aufbau einer Website zu veranschaulichen.<\/p>\n\n\n UX ist so wichtig, dass es einen ganzen Beruf gibt, der sich der Optimierung widmet. Die t\u00e4glichen Aufgaben eines UX-Designers variieren je nach den Projekten, an denen sie arbeiten. Das Ziel ist jedoch meist dasselbe. Die Aufgabe des UX-Designers besteht darin, die Benutzererfahrung<\/span> bei der Interaktion mit digitaler Technologie zu optimieren und dabei auch das Wohlergehen des Unternehmens im Auge zu behalten.<\/p>\n\n\n\n Um diese Balance zu erreichen, folgt der UX-Designer einem Prozess, der zu mehreren <\/a><\/span>Ergebnissen<\/a><\/span> f\u00fchrt.<\/p>\n\n\n\n Bevor das eigentliche Designen beginnt, gibt es viel UX-Forschung zu betreiben. Daher k\u00f6nnte der Designer zun\u00e4chst eine oder mehrere Zielpersonen<\/a><\/span> erstellen. Dies erm\u00f6glicht es dem Designer, die Bed\u00fcrfnisse des Benutzers zu verstehen.<\/p>\n\n\n\n Als N\u00e4chstes k\u00f6nnte der UX-Designer ein m\u00f6gliches Benutzerflussdiagramm vorstellen, um m\u00f6gliche Interaktionswege des Benutzers mit der Website zu erkunden. Diese Informationen k\u00f6nnen dann in einen Prototypen \u00fcbersetzt werden. Prototypen k\u00f6nnen so einfach sein wie ein <\/a><\/span>Wireframe<\/a><\/span>, ein grober Entwurf daf\u00fcr, wie eine endg\u00fcltige Webseite aussehen k\u00f6nnte. Der Designer kann auch einen visuell anspruchsvolleren Prototypen erstellen oder sogar einen, mit dem interagiert werden kann.<\/p>\n\n\n Die Verantwortlichkeiten des UX-Designers enden nicht mit dem endg\u00fcltigen Design. Nachdem die Website gestartet wurde, k\u00f6nnen sie Benutzbarkeitstests durchf\u00fchren oder Nutzungsanalysen untersuchen, um potenzielle Probleme zu identifizieren und zu beheben.<\/p>\n\n\n\n Mit anderen Worten, sie sind an allen Phasen der Erstellung und Einf\u00fchrung einer Website beteiligt.<\/p>\n\n\n Wenn Sie Ihr eigenes UX-Design handhaben, liegt es in Ihrer Verantwortung, sich f\u00fcr Ihr Publikum einzusetzen, w\u00e4hrend Sie sicherstellen, dass Sie auch das bekommen, was Sie von Ihrer Website erwarten. Um dies zu tun, ist der erste Schritt zu lernen, wie man ein robustes UX-Design erkennt.<\/p>\n\n\n\n Mit diesem Hintergedanken werfen wir einen Blick auf einige Beispiele f\u00fcr UX in der Praxis. Es gibt vier Schl\u00fcsselelemente, auf die Sie besonders achten sollten.<\/p>\n\n\n\n Ein schlechtes Navigationsdesign kann jede Website unbrauchbar machen. Das Durchsuchen einer Website sollte reibungslos und intuitiv sein. Das Navigationsmen\u00fc sollte auch unabh\u00e4ngig vom Ger\u00e4t des Besuchers zug\u00e4nglich sein.<\/p>\n\n\n\n Breadcrumb-Navigation<\/a><\/span> ist eine Methode, die Designer verwenden, um zu verhindern, dass Benutzer sich verirren, insbesondere wenn eine Website viele Seiten hat.<\/p>\n\n\n Es ist auch wichtig, auf Links zu achten. Webdesigner, die Wert auf eine starke Benutzererfahrung legen, stellen sicher, dass Sie Links erkennen k\u00f6nnen, wenn Sie sie sehen. Das bedeutet oft, sie zu unterstreichen und eine andere Textfarbe zu verwenden. Sie verwenden auch aussagekr\u00e4ftigen Ankertext<\/a><\/span>, sodass Sie wissen, wohin der Link f\u00fchrt<\/a>, bevor Sie darauf klicken.<\/p>\n\n\n Ein wesentlicher Teil erfolgreichen UX besteht darin zu verstehen, wie Personen mit verschiedenen Teilen einer Website interagieren. Zum Beispiel lesen die meisten Menschen Webseiteninhalte nicht normal. Sie scannen sie<\/a><\/span> und halten dann an, um zu lesen, wenn sie etwas Interessantes gefunden haben.<\/p>\n\n\n\n Der Inhalt ist scanbar, wenn ein Benutzer schnell durch einen Blogbeitrag oder eine Verkaufsseite browsen und eine klare Vorstellung davon bekommen kann, was dieser kommuniziert.<\/p>\n\n\n Kurze Abs\u00e4tze zu verwenden ist eine Methode, um scan-freundliche Inhalte zu erstellen. Diese Abs\u00e4tze sollten h\u00e4ufig durch \u00dcberschriften, Listen und Bilder unterbrochen werden. Designer k\u00f6nnen auch Zitate, fett gedruckten Text und \u00e4hnliche Elemente verwenden.<\/p>\n\n\n Animation ist eine effektive Methode, um sich von einer Vielzahl von Websites abzuheben und die Aufmerksamkeit eines Benutzers zu erregen<\/a><\/span>. Sie f\u00fcgt ein Element des Spa\u00dfes hinzu und kann dazu beitragen, ein unvergessliches Erlebnis f\u00fcr den Benutzer zu schaffen.<\/p>\n\n\n\n Es gibt jedoch einen richtigen und einen falschen Weg, dies umzusetzen.<\/p>\n\n\n\n Subtile Animationen k\u00f6nnen R\u00fcckmeldung geben<\/a><\/span> w\u00e4hrend Sie auf den Abschluss einer Transaktion warten. Eine Animation kann auch endlos laufen, w\u00e4hrend Sie sich bem\u00fchen, eine Produktbeschreibung zu lesen. Diese Ans\u00e4tze schaffen zwei sehr unterschiedliche Erfahrungen. Der \u00fcberm\u00e4\u00dfige Einsatz von Animationen kann auch die Benutzererfahrung auf mobilen Ger\u00e4ten beeinflussen.<\/p>\n\n\n\n Eine Website f\u00fcr mobile Nutzer optimieren<\/a><\/span> ist ein Muss. Wenn Sie wie die meisten Menschen sind, verwenden Sie normalerweise Ihr Telefon<\/a><\/span> zum Zugriff auf das Internet. Wenn Sie auf eine Website sto\u00dfen, die schwer auf Ihrem Ger\u00e4t zu benutzen ist, werden Sie diese wahrscheinlich einfach verlassen.<\/p>\n\n\n\n Neben der Auswahl eines responsiven Themes<\/a><\/span> k\u00f6nnen Sie zus\u00e4tzliche Schritte unternehmen, um sicherzustellen, dass Ihre Website auf allen Bildschirmen gut funktioniert. Zum Beispiel k\u00f6nnen Sie Ihre Website durch das Mobile-Friendly Test Tool von Google<\/a><\/span> laufen lassen.<\/p>\n\n\n Dieses Tool wird Sie auf Probleme aufmerksam machen, die verhindern, dass Ihre Website mobilfreundlich ist. Sie k\u00f6nnten beispielsweise feststellen, dass eine bestimmte Schriftart auf einem kleinen Bildschirm schwer zu lesen ist oder dass die Schaltfl\u00e4chen zu klein sind, um sie leicht antippen zu k\u00f6nnen.<\/p>\n\n\n Jetzt, da Sie wissen, was eine gute Benutzeroberfl\u00e4che ist, wie wenden Sie diese auf Ihre Website an?<\/p>\n\n\n\n Sie werden wahrscheinlich keine intensive Marktforschung betreiben oder Prototypen mit hochaufl\u00f6senden Wireframes erstellen. Dennoch kann das Tragen Ihres UX-Designer-Huts Ihnen helfen, eine Website zu erstellen, die sowohl Ihnen als auch Ihrem Publikum gefallen wird.<\/p>\n\n\n\n Zuerst ist es wichtig, klarzustellen, warum Sie eine Website haben und was Sie damit erreichen m\u00f6chten. Zum Beispiel, sind Sie:<\/p>\n\n\n\n Als n\u00e4chstes lernen Sie Ihren idealen Nutzer oder potenziellen Kunden kennen. <\/a>Erstellung einer Benutzer-Persona<\/a><\/span> wird Ihnen helfen zu verstehen, wie Ihre Zielgruppe m\u00f6glicherweise mit Ihrer Website interagiert. Diese Persona kann so einfach sein wie wer die Person ist, was sie m\u00f6chte und was sie daran hindert, es zu bekommen. Entscheidend ist, dass Sie identifizieren m\u00fcssen, was der Benutzer ben\u00f6tigt, um auf Ihrer Website erfolgreich zu sein.<\/p>\n\n\n\n Denken Sie daran, dass Barrierefreiheit ein integraler Bestandteil der Benutzererfahrung ist<\/span>. Sie haben m\u00f6glicherweise Besucher, die assistive Technologien nutzen, daher sollten Sie Barrierefreiheit zur Priorit\u00e4t machen<\/a><\/span> beim Aufbau Ihrer Website.<\/p>\n\n\n\n Sie k\u00f6nnen auch die Websites Ihrer Konkurrenten \u00fcberpr\u00fcfen<\/a>, um zu sehen, was bei ihnen funktioniert. Befindet sich das Einkaufswagen-Symbol immer in der oberen rechten Ecke? Vielleicht sollte Ihres auch dort sein. Sie k\u00f6nnen kreativ sein, ohne das Rad neu zu erfinden; Benutzer sollten nicht herausfinden m\u00fcssen, wie Ihre Website funktioniert, um ihre Ziele zu erreichen.<\/p>\n\n\n Schlie\u00dflich spielt die Leistung der Webseite<\/a><\/span> f\u00fcr die Benutzererfahrung eine Rolle. Langsame Seiten werden Besucher dazu bringen, die Seite zu verlassen<\/a><\/span> bevor sie die Chance hat zu laden. Es gibt viele M\u00f6glichkeiten, Ihre Seite zu beschleunigen, obwohl Ihre beste Wahl ist, mit qualitativ hochwertigem Hosting anzufangen<\/a><\/span>.<\/p>\n\n\n\n\n An diesem Punkt haben Sie wahrscheinlich herausgefunden, dass UX-Design nicht etwas ist, das Sie auf einmal optimieren k\u00f6nnen. Es gibt viel mehr in diesem Bereich, als wir in einem Artikel abdecken k\u00f6nnen.<\/p>\n\n\n Zum Gl\u00fcck gibt es viele qualitativ hochwertige UX-Ressourcen, auf die Sie sich beziehen k\u00f6nnen, w\u00e4hrend Sie Ihre Website weiter verbessern<\/a>:<\/p>\n\n\n\n Wenn Sie diese Ressourcen mit Forschung und Praxis kombinieren, sollten Sie in k\u00fcrzester Zeit gute Benutzererfahrungsmethoden implementieren.<\/p>\n\n\n\n Sie m\u00fcssen kein professioneller UX-Designer sein, um eine Website zu erstellen, mit der Ihr Publikum gerne interagiert. Es braucht nur ein gewisses Verst\u00e4ndnis daf\u00fcr, was das Leben Ihrer Besucher erleichtern wird, und die Bereitschaft, eine Website zu erstellen, die diese Erfahrung bietet.<\/p>\n\n\n\n UX beschreibt, wie die Erfahrung der Interaktion mit Ihrer Webseite f\u00fcr Benutzer ist. Die Optimierung der UX Ihrer Seite bedeutet sicherzustellen, dass sie eine klare Navigation hat, Inhalte zu erstellen, die leicht zu \u00fcberfliegen sind, sie auf Reaktionsf\u00e4higkeit zu testen und mehr. Es gibt viel zu lernen, aber es gibt auch viele n\u00fctzliche Ressourcen und erfahrene Designer, die helfen k\u00f6nnen.<\/p>\n\n\n\n\n
<\/a>Eine Einf\u00fchrung in die Benutzererfahrung (UX) und warum sie wichtig ist<\/span><\/h2>\n\n\n\n
![\"Ein](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/6b708057-701f-400a-a361-338e99be9977_dh-what-is-ux-5.jpg\")
<\/figure><\/div>\n\n\n\n
<\/a>Die Rolle des UX-Designers<\/span><\/h2>\n\n\n\n
![\"Ein](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/b8af0872-4f45-4c9e-875b-b33249d5346f_dh-what-is-ux-1.jpg\")
<\/a>Wie man gutes UX-Design erkennt<\/span><\/h2>\n\n\n\n
1. Navigation<\/h3>\n\n\n\n
![\"H-E-Bs](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/e9db2b0f-8fd6-4c8e-9a30-2ec3dd58b0a2_dh-what-is-ux-4.jpg\")
<\/figure><\/div>\n\n\n2. Inhalt<\/h3>\n\n\n\n
![\"Inhalt](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/ff4a85e0-503f-4fa1-a6df-f6562ea1c60e_dh-what-is-ux-3.jpg\")
<\/figure><\/div>\n\n\n3. Animation<\/h3>\n\n\n\n
4. Reaktionsf\u00e4higkeit<\/h3>\n\n\n\n
![\"Beispielergebnisse](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/3a63f433-6f6b-4615-8e3c-2a4ee5b2cc0f_dh-what-is-ux-2.jpg\")
<\/figure><\/div>\n\n\n<\/a>Wie man UX verwendet, um eine Seite f\u00fcr Ihr Publikum zu gestalten<\/span><\/h2>\n\n\n\n
\n
![\"Beispiel](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/97d495ea-4402-48c2-ba2d-08c28adf3cb1_dh-what-is-ux-7.jpg\")
<\/figure><\/div>\n\n\n![\"Ad](\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\"){kind=spacer}
<\/div>\n\n\n\n\n <\/a>UX-Ressourcen<\/span><\/h2>\n\n\n\n
![\"Startseite](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/30b88ca7-c692-4741-b779-c00397bbd7ed_dh-what-is-ux-6.jpg\")
<\/figure><\/div>\n\n\n\n
Gestalten Sie ein gro\u00dfartiges Benutzererlebnis<\/span><\/h2>\n\n\n\n