\n Sie k\u00f6nnen das atemberaubendste Design der Welt erstellen, und es wird keinen Erfolg haben, wenn es der Benutzerfreundlichkeit nicht gerecht wird.\n<\/p>\n
\n Alles, vom Zahnstocher bis zum Verkehrsflugzeug, erfordert Benutzerfreundlichkeit, um zu funktionieren und sich zu verkaufen, sonst ist sein Design dem Untergang geweiht. In \u00e4hnlicher Weise kommt in der Webwelt ein Begriff namens UX ins Spiel, wenn eine Website verwendet und bewertet wird.\n<\/p>\n
\n UX ist die Abk\u00fcrzung f\u00fcr Benutzererfahrung, die ein Webbenutzer erwirbt, wenn er auf einer Website surft und mit ihren Elementen und Funktionen interagiert. Wenn die Erfahrung abgehackt und schlecht gesucht ist, dann ist die Website nichts, indem sie M\u00fcll im Internet verbreitet, um den sich niemand k\u00fcmmern wird. UX kann im Alleingang entscheiden, ob eine Website verwendet oder verkauft werden kann, daher ist es f\u00fcr den Designer unerl\u00e4sslich, dass sie z\u00e4hlt. In diesem Artikel teilen wir 10 grundlegende Regeln zur Benutzerfreundlichkeit, die jeder Webdesigner kennen muss, bevor er die Website in die letzte Phase der Fertigstellung bringt.\n<\/p>\n
\n Es gibt eine feine Linie zwischen UX und UI. Auch wenn Sie sich des Unterschieds bewusst sind, h\u00f6ren Sie ihn vielleicht an der einen oder anderen Stelle vom Kunden, aber wenn die Zeit gekommen ist, m\u00fcssen Sie in der Lage sein, den Unterschied so gut wie m\u00f6glich zu erkl\u00e4ren. Die Benutzeroberfl\u00e4che wird als das eigentliche System definiert, w\u00e4hrend die Benutzererfahrung als das emotionale Ergebnis nach der Interaktion mit dem System definiert wird.\n<\/p>\n
\n Microsoft Windows ist die Benutzeroberfl\u00e4che, w\u00e4hrend die emotionale Befriedigung nach der Verwendung die UX ist. Die Verwechslung der beiden Begriffe kann nicht nur Ihrer eigenen Arbeit schaden, sondern Sie auch mit etwas \u00fcberfordern, das gar nicht Ihre Aufgabe ist.\n<\/p>\n
\n Ein guter Designer wird nicht nur den Unterschied kennen, sondern auch in der Lage sein, ihn dem Kunden zu erkl\u00e4ren, wenn er einen Pitch zur Pr\u00e4sentation seiner Arbeit vorschl\u00e4gt.\n<\/p>\n
\n Webdesign ist mehr als das, was auf den ersten Blick erscheint. Alles, angefangen von den visuellen Details, dem Produkt, das Sie verwenden, und den Orten, die Sie besuchen, hat \u00fcberall UX geschrieben. Das Fahren eines trashigen Autos ist eine schlechte Erfahrung, w\u00e4hrend das leichte \u00d6ffnen einer gepackten Kiste eine gute Erfahrung ist. Offline-UX-Marketing mag wie ein anderes Kleid erscheinen, aber urspr\u00fcnglich ist es aus demselben Stoff geschnitten. Obwohl es nicht ganz dasselbe ist und nicht durch ein paar Beispiele gerechtfertigt werden kann, produziert die UX-Erfahrung auf materiellen und immateriellen Plattformen die gleichen Hormone in Ihrem Gehirn. Jemand hat zum Beispiel entdeckt, dass Menschen Informationen von links nach rechts priorisieren und Elemente auf der linken Seite weniger vertikalen Platz einnehmen und das gleiche visuelle Gewicht haben.\n<\/p>\n
\n Im Jahr 2000 begann sich der Trend zu \u00e4ndern und Webdesigner begannen, Navigationsleisten im linken Bereich der Webseite zu platzieren. Dadurch konnten Benutzer Inhalte schneller und besser scannen, w\u00e4hrend Website-Inhalte besser sichtbar waren. Wenn Sie als Webdesigner Ihre F\u00fc\u00dfe in beiden Medien haben, k\u00f6nnen Sie Ihren Geist kreuzen und Ihr Wissen erweitern, um Projekte aus einer lebendigeren Perspektive zu bewerten und zu produzieren.\n<\/p>\n
\n Kunst und Wissenschaft gehen Hand in Hand, wenn es um UX geht. Ein verfeinertes Verst\u00e4ndnis ihrer Bindung ist besonders w\u00e4hrend des Designprozesses unerl\u00e4sslich. Wissenschaftlich gesehen gibt es ein Probleml\u00f6sungsszenario, bei dem der Designer eine Roadmap entwerfen und die Probleme mit einer theoretischen L\u00f6sung angehen muss. Beispielsweise gehen die Verk\u00e4ufe einer Website drastisch zur\u00fcck. Der Designer wird vorschlagen, die Website zu aktualisieren, zu testen und Fehler zu beheben, was zu einer L\u00f6sung f\u00fchren wird. Hier kommt die Kunst ins Spiel.\n<\/p>\n
\n Alle Aspekte und Elemente werden in der L\u00f6sung vorgeschlagen, wie Farben, Schriftarten, Layout, Text und visuelle Inhalte, um diese Website sowohl \u00e4sthetisch als auch funktional ansprechend zu gestalten. Es wird weiteren Tests unterzogen, bis es gelingt, die gew\u00fcnschte emotionale Reaktion beim Benutzer hervorzurufen. Diese Kanalisierung des \u00e4u\u00dferen Verhaltens durch eine wissenschaftliche Umsetzung macht Kunst und Wissenschaft zu einem seltsamen, aber starken Paar.\n<\/p>\n
\n Es ist kein Geheimnis, dass Designer mit Kunden zu tun haben, die wollen, dass die Dinge nach ihren B\u00fcchern laufen. Dadurch entsteht ein Labyrinth, das ins Nirgendwo f\u00fchrt, da der Kunde viele Dinge nicht wei\u00df, die nur der Designer wei\u00df. In \u00e4hnlicher Weise sind Designer manchmal darauf aus, die Dinge auf ihre Art zu tun, w\u00e4hrend andere Methoden ebenfalls auf dem Tisch liegen und m\u00f6glicherweise besser funktionieren.\n<\/p>\n
\n Einen zielstrebigen Ansatz als solchen beizubehalten, ist nie gesund, wenn man ein UX-reiches Webdesign entwirft. Eine gute UX ist nur durch einen zielorientierten Ansatz erreichbar, der sich auf die beste verf\u00fcgbare L\u00f6sung konzentriert. Zum Beispiel m\u00f6chte ein Kunde den Link zu den Kundenreferenzen an die obere Seite der Seite verschieben, um mehr Aufmerksamkeit zu erhalten und mehr Verkehr anzuregen. Das Problem liegt jedoch nicht in der Platzierung des Links, sondern im Standortlink selbst, da er keinen Verkehr anzieht. Daher k\u00f6nnen Sie den Link auch reparieren, indem Sie ihn direkt dort besser sichtbar machen, anstatt ihn an eine neue Position zu verschieben. Beide L\u00f6sungen k\u00f6nnen verwendet werden, um das Problem zu beheben, und Sie m\u00fcssen die Option offen halten. Dies wird als zielorientiertes Design bezeichnet.\n<\/p>\n
\n Die Markenidentit\u00e4t geh\u00f6rt zu den Hauptzielen beim Aufbau einer gro\u00dfartigen UX. Wenn sich die UX bei der Zufriedenheit der Benutzer bemerkbar macht, wird sie viel von der Marke widerspiegeln, die diese Erfahrung erm\u00f6glicht hat. Es ist wichtig, dass Sie sich nicht davon ablenken lassen, einen Look zu kreieren, der den Vorlieben des Kunden entspricht. Ein gutes Design, das die richtige Mischung aus Funktionalit\u00e4t und Merkmalen aufweisen muss, die nicht nur die Erfahrung des Benutzers zu einem Vergn\u00fcgen machen, sondern auch die Investitionen beschreiben, die eine Marke get\u00e4tigt hat, um es erfolgreich zu machen. Dadurch wird entschieden, ob der Benutzer die Website erneut besucht.\n<\/p>\n
\n Um sicherzustellen, dass Sie die Perspektive des Kunden in das Design einflie\u00dfen lassen, informieren Sie ihn \u00fcber jeden Schritt und nehmen Sie alle notwendigen \u00c4nderungen vor, die im Design ber\u00fccksichtigt werden k\u00f6nnen. Es ist auch wichtig, dass Sie beim Hinzuf\u00fcgen der Clienteinstellungen das Gesamtbild ber\u00fccksichtigen, damit die Benutzererfahrung bei diesem Vorgang nicht beeintr\u00e4chtigt wird.\n<\/p>\n
\n Werde niemals ein Opfer deiner eigenen Vorstellungskraft. Da Sie bei der Gestaltung einer Website eine gewisse kreative Freiheit haben, ist es wichtig, dass Sie diese nicht missbrauchen. In diesem speziellen Fall haben Sie die Richtlinien des Kunden und Ihre Pr\u00e4ferenzen tief verwurzelt, aber die Perspektive des Benutzers v\u00f6llig vergessen. Als Designer ist es wichtig, dass Sie sich niemals von Ihrer Vorstellungskraft davon abbringen lassen, die W\u00fcnsche des Kunden und des Benutzers zu erf\u00fcllen. Ein benutzerorientiertes Design hat die besten Chancen, eine \u00fcberzeugende UX zu produzieren, als alle anderen Ans\u00e4tze.\n<\/p>\n
\n Um sicherzustellen, dass Sie auf dem richtigen Weg sind, recherchieren Sie nach Benutzern Ihrer Designnische und erfahren Sie mehr \u00fcber ihre Bed\u00fcrfnisse und W\u00fcnsche in Bezug auf Ihr spezielles Design. Bevor Sie bereit sind, es zu starten, verwenden Sie A\/B-Tests, um zu \u00fcberpr\u00fcfen, ob Ihr Design die Anforderungen erf\u00fcllt. Denken Sie daran, dass die Bed\u00fcrfnisse des Benutzers wichtiger sind als Ihr pers\u00f6nlicher Beitrag, da er es letztendlich verwenden wird.\n<\/p>\n
\n Verhaltensausl\u00f6ser basieren auf der menschlichen Psychologie, die eine emotionale Reaktion des Benutzers stimuliert. Gute Designer sind in der Lage, das Mindset des Nutzers qualitativ einzusch\u00e4tzen und eine emotionale Bindung zu den Inhalten herzuleiten. Diese emotionalen Verbindungen sind unerl\u00e4sslich, um ein lebendiges UX in einem Webdesign zu erzeugen. Nehmen Sie zum Beispiel Benachrichtigungen. M\u00f6glicherweise haben Sie die l\u00e4stige Popup-Benachrichtigungsfunktion erlebt, die Sie von der Website schickt und auf dem Weg nach drau\u00dfen die T\u00fcr zuschl\u00e4gt. Auch wenn es teilweise zum Vorteil des Kunden ist und gleichzeitig Conversions f\u00fcr den Einzelh\u00e4ndler sichert, ist es eine schlechte Idee, es direkt zu zeigen, nachdem der Kunde auf der Website gelandet ist.\n<\/p>\n
\n Stellen Sie sich vor, Sie kommen an Ihrem B\u00fcropunkt an und werden aufgefordert, Ihre Aufgaben zu erledigen, ohne Luft zu holen oder eine warme Tasse Kaffee zu genie\u00dfen. Das Timing ist hier ein entscheidender Faktor. Wenn Sie die menschliche Psyche kennen, werden Sie nie mit einem Popup beginnen, das mehr als die H\u00e4lfte des Bildschirms einnimmt. Stattdessen k\u00f6nnen Sie warten, bis der Besucher den Inhalt \u00fcberfliegt, und dann mit Ihrem Pitch beginnen. Auf diese Weise wird dieselbe Benachrichtigung mit offenen Armen empfangen, da der Benutzer jetzt tats\u00e4chlich seine Zeit zum Engagement er\u00fcbrigen kann. UX ist stark von der Psyche des Verbrauchers abh\u00e4ngig, und deshalb m\u00fcssen Sie eine gesunde Dosis an Verhaltensausl\u00f6sern integrieren und dabei vorsichtig sein, wo es n\u00f6tig ist.\n<\/p>\n
\n Scrollen funktioniert wie Magie, wenn Sie mich fragen. Es schickt den Benutzer, der nach Informationen sucht, tiefer in die Website und erh\u00f6ht so seine Conversion-Chancen. Das ist wahrscheinlich der Grund, warum die meisten Designer ihre CTAs am Ende der Seite platzieren, wo das Scrollen endet.\n<\/p>\n
\n Sogar der Ansatz \u201eLiebe auf den ersten Blick“ kann das Scrollen f\u00f6rdern, bei dem das Design CTAs oben auf der Seite anzeigt. Sie k\u00f6nnen solche Seiten optimieren, indem Sie Scroll-Hinweise einf\u00fchren. Scroll-Hinweise k\u00f6nnen von seufzenden Pfeilen bis hin zu fesselnden grafischen Elementen reichen. Zum Beispiel: Pfeile k\u00f6nnen verwendet werden, um Anweisungen f\u00fcr den n\u00e4chsten Inhalt zu geben, w\u00e4hrend grafische Elemente den Benutzer direkt zur n\u00e4chsten Folie f\u00fchren k\u00f6nnen, sobald er damit interagiert.\n<\/p>\n
\n Wenn Sie Ihre Inhalte live ins Internet stellen, m\u00fcssen Sie damit rechnen, dass sie auf Menschen mit unterschiedlichsten Hintergr\u00fcnden sto\u00dfen. Nicht jeder teilt Ihre Ansichten so, wie Sie sie vorschlagen wollen. Aus diesem Grund sollten Ihre Inhalte absorbierbar sein, damit der Benutzer keine zus\u00e4tzliche Anstrengung braucht, um zu verstehen, was Sie ihm anbieten. Wenn der Inhalt verdaulich ist, konvertiert der Benutzer schneller.\n<\/p>\n
\n Gib ihnen einen Bissen nach dem anderen. Alles zu zeigen, was Sie in einer Sitzung anbieten k\u00f6nnen, verwirrt nicht nur den Benutzer, sondern spiegelt auch Verzweiflung in Ihrer H\u00e4lfte wider. Um sicherzustellen, dass Ihr Design atmungsaktiv und leicht zu integrieren ist, verwenden Sie viel wei\u00dfen Abstand um Ihre Elemente, damit sie leicht zu unterscheiden sind. Erstellen Sie au\u00dferdem Inhalte, die f\u00fcr alle Arten von Zielgruppen verst\u00e4ndlich sind, mit Beispielen und Ihren eigenen Erz\u00e4hlungen. Zeigen Sie sich als ihr Freund, nicht als Gesch\u00e4ftsmann.\n<\/p>\n
\n Seitenelemente sind ein wesentlicher Bestandteil eines Webdesigns. Sie \u00fcbernehmen wesentliche Funktionen f\u00fcr die Nutzer und sorgen f\u00fcr eine emotionale Harmonie in UX. Das Hinzuf\u00fcgen unn\u00f6tiger Seitenelemente kann jedoch sowohl f\u00fcr Ihre Website als auch f\u00fcr den Benutzer gef\u00e4hrlich sein.\n<\/p>\n
\n Seitenelemente wie ein CTA mit mehreren Befehlen anstelle von einem, ein Bild, das ablenkend genug ist, um den Blick vom Thema abzulenken, oder ein Text in der Mitte der Seite, der den Kunden in die Irre f\u00fchrt. Das Hinzuf\u00fcgen dieser Elemente wirkt sich sinnlos auf die Glaubw\u00fcrdigkeit Ihres Webdesigns aus und verlangsamt die Ladegeschwindigkeit. HD-Bilder k\u00f6nnen beispielsweise Verz\u00f6gerungsfabriken f\u00fcr Ihre Webseiten sein. Sie beanspruchen viel Bandbreite und nehmen einer Conversion-freundlichen Website die ideale Ladezeit weg. Eine langsam ladende Website ist das Letzte, was Sie in Ihrer Website UX wollen.\n<\/p>\n
\n Als Webdesigner m\u00fcssen Sie jedes Element, jeden Aspekt und Ansatz in die Gleichung einbeziehen. Ihr Ziel ist es, ein Design zu erstellen, das nicht nur die Kunden gewinnt, sondern auch eine erf\u00fcllende UX liefert. Durch diese 10 Grundregeln erstellen Sie das ideale Webdesign, das Usability aus jedem m\u00f6glichen Blickwinkel bietet.\n<\/p>\n<\/p>\n