Was versteht man unter einem UX/UI Design?

Wir haben täglich damit zu tun, aber was bedeutet "UX / UI Design" eigentlich?

Der Begriff UX/UI-Design wird für Web-Design verwendet. Es ist eine Kombination aus User Experience und User Interface.

Was versteht man unter User Experience (UX) und User Interface(UI)?

User Experience (UX)

Das Benutzererlebnis ist das, was ein Benutzer bei der Benutzung einer Sache empfindet. Es ist das Gefühl, das ein Benutzer hat, wenn er eine Website oder eine App benutzt. Wenn ein Benutzer Ihre Website oder App nutzt, kann er Frustration, Freude, Ärger, Verwirrung oder ein anderes Gefühl empfinden.

User Interface(UI)

Die Benutzeroberfläche ist die Art und Weise, wie ein Benutzer mit Ihrer Website oder App interagiert. Eine Benutzeroberfläche ist in der Regel das Design von Schaltflächen, Menüs, Symbolen oder anderen Objekten, die ein Benutzer bei der Interaktion mit Ihrer Website oder App sieht. Wenn ein Benutzer beispielsweise auf eine Schaltfläche klickt, wird ein Menü angezeigt.

UX/UI Design

UX/UI Design ist eine Kombination aus User Experience und User Interface.
Nicht selten ist ein gutes UX/UI für den Erfolg eines Projektes mitverantwortlich. Webseiten wie auch Programme, die sehr unübersichtlich und kompliziert gestaltet sind, werden er schwer haben, eine Akzeptanz ihrer User zu erreichen. 

Warum ist ein gutes UX/UI-Design so wichtig?

Ein gutes UX/UI-Design ist wichtig, weil es die Nutzung von Websites oder Anwendungen erleichtert und dem Nutzer auch einen gewissen Spaß bringen kann.

Stellen Dir Folgendes vor:

Jemand möchte Dich bzw. Dein Unternehmen besuchen. Auf der Webseite hast Du die komplette Wegbeschreibung als Text veröffentlicht. Der User muss nun den kompletten Text lesen, um Dich besuchen zu können. Wäre es für ihn nicht deutlich einfacher, Du würdest ihm einfach einen Link zur Verfügung stellen, auf dem er mit einem Klick zu Google Maps weitergeleitet wird?
Beides erfüllt seinen Zweck. Die Lösung mit der Weiterleitung dürfte es dem User jedoch deutlich einfach machen.

Ähnlich verhält es sich, wenn ein Benutzer mit Deiner Website oder App interagiert: Er wird lange brauchen, wenn das Layout und die Benutzerführung sehr kompliziert aufgebaut ist, die Webseite oder Deinen Onlineshop bedienen zu können.

Aus diesem Grund ist UX/UI-Design so wichtig.

Was sind UX/UI-Designer?

UX/UI-Designer sind Fachleute, die Unternehmen bei der Erstellung von benutzerfreundlichen Websites und Apps helfen. UX/UI-Designer sind auch für die Gestaltung sowie dem Erscheinungsbild und dem Ablauf innerhalb einer Anwendung verantwortlich.

Der Hauptunterschied zwischen einem UX Designer und einem UI-Designer liegt darin, dass der UI-Designer hauptsächlich für den ästhetischen Aspekt verantwortlich ist, wobei hingegen der UX-Designer für die Verständlichkeit und der Bedienbarkeit der Anwendung verantwortlich ist. Oftmals sind UX-Designer auch UI-Designer.

Wie erstelle ich ein gutes UX/UI-Design?

Der erste Schritt für ein gutes UX/UI-Design besteht darin, Deine Zielgruppe zu analysieren und zu verstehen. Du musst wissen, wer Deine Nutzer sind, was sie wollen und was ihre Erwartungen bei der Benutzung Deiner Website oder App sind. Sobald Dir diese Informationen vorliegen, kannst Du mit dem Design oder der Verbesserung Deiner Website oder App beginnen.

Ein paar Tipps

  • Konzentriere Dich sich auf Dein Publikum.
  • Wähle ein passendes Farbschema.
  • Verwende bewerte Technicken um den Lernaufwand so gering wie möglich zu halten
  • Einfaches Navigieren innerhalb der Webseite bzw. Anwendung gewährleisten
  • Seite nicht mit Texten und unnützen Inhalte überladen
  • Informationsgehalt einer Seite nicht übertreiben

 

Tutorial veröffentlichen

Tutorial veröffentlichen

Teile Dein Wissen mit anderen Entwicklern weltweit

Du bist Profi in deinem Bereich und möchtest dein Wissen teilen, dann melde dich jetzt an und teile es mit unserer PHP-Community

mehr erfahren

Tutorial veröffentlichen

Hier ein kleines allgemeines Tutorial zu PHP

Die Einleitung ist in folgende Themen aufgeteilt: -Einleitung -Variablen -Parameterübergabe -Funktionen -Schleifen -IF-Abfragen Am besten Sie schauen sie sich der Reihenfolge nach an. ...

demiangrandt@

Autor : demiangrandt@
Kategorie: PHP-Tutorials

abhängige Listen

In einem Formular sollen neben mehreren anderen Eingabefeldern auch zwei Listen (Select-Felder) zum Einsatz kommen. Dabei soll der Inhalt der zweiten Liste vom gewählten Wert der ersten Liste abhängig verändert werden. ...

Patrick_PQ

Autor : Patrick_PQ
Kategorie: mySQL-Tutorials

SVN Server einrichten

Wie man unter Linux einen Subversion Server einrichtet. ...

admin

Autor : admin
Kategorie: Linux & Server Tutorials