Was zum Teufel ist UI / UX? Eine Zusammenstellung von Ressourcen

Ich bin in letzter Zeit wirklich mit Web-Entwicklung und UI / UX beschäftigt, daher freue ich mich darauf, meine aktuellen Erkenntnisse mit Ihnen zu teilen. Lass uns gleich rein! Was ist UI / UX und warum ist es wichtig bei der Produktentwicklung? UI steht für User Interface und UX für User Experience. Sie sind völlig verschieden und sollten nicht miteinander verwechselt werden, obwohl sie zusammenarbeiten. Bei User Experience Design geht es darum, die Freude der Benutzer bei der Verwendung Ihres Produkts zu erhöhen, indem die Benutzerfreundlichkeit und Benutzerfreundlichkeit des Produkts verbessert wird. Auf der anderen Seite geht es beim User Interface Design eher darum, attraktive und ansprechende Erlebnisse für Benutzer zu schaffen. Einfach ausgedrückt, ist es die Art und Weise, wie Benutzer mit Computersystemen interagieren.

Hier sind einige lustige Beispiele für schlechte UX:

Apple Pencil (Trash UX Beispiel 1)

Was ist das für ein Müll UX? Es sieht aus wie ein Lutscher. Was ist, wenn Sie versehentlich getroffen haben? Es scheint eine Unbequemlichkeit für die Benutzer zu sein, so etwas mit sich herumzutragen, wenn es durchhalten wird.

oh, nein, es sieht aus wie jemand es kaputt gemacht hat :( Versuchen Sie es härter Apple.Microsoft Word (Trash UX-Beispiel 2)

Heilig! Das ist etwas Müll UX! Was ist alles mit all diesen Symbolen? Ich weiß nicht, was einer von ihnen macht, weil es zu viele gibt. Es ist wirklich ablenkend und ich würde wahrscheinlich sehr lange brauchen, um zu lernen, wie man alle Funktionen richtig nutzt.

Wie Sie sehen, geht es bei UX Design darum, dem Benutzer eine gute Erfahrung mit Ihrem Produkt zu vermitteln. Unabhängig davon, was Sie tun, stellen Sie sich in die Lage Ihres Benutzers. Wenn Ihre Zielgruppe eine Oma ist, stecken Sie sich in ihre weißen orthopädischen Schuhe. Finde heraus, wer deine Zielgruppe ist. Wer sind Sie? Was mögen sie? Was priorisieren sie? Womit brauchen sie Hilfe? Dies sind einige Fragen, die Sie sich stellen müssen, wenn Sie ein Produkt erstellen, das Ihre Benutzer anspricht.

Nachfolgend habe ich einige Ressourcen zusammengestellt, die Sie benötigen, um zu beginnen. Ich werde dies weiterhin mit neuen Links aktualisieren, da ich mehr Ressourcen und interessante Dinge im Web finde. Diese Zusammenstellung wird mit der Zeit immer besser. Wenn Sie interessante Ressourcen oder coole Dinge im Zusammenhang mit UI / UX oder Web-Entwicklung haben, lass es mich wissen und ich kann es hier hinzufügen.

Beispiele für tolle Websites:

  • https://www.beyond-beauty.co/
  • https://www.craftedbygc.com/
  • https://dribbble.com/shots/6136070-Los-Angeles
  • http://narrowdesign.com/

Bewegungsbeispiele:

  • https://codesandbox.io/s/y3j31r13zz
  • https://codesandbox.io/s/y3j31r13zz
  • https://codesandbox.io/s/pjjk05o10m

UI / UX-Ressourcen:

  • https://lawsofux.com/
  • https://www.smashingmagazine.com/2019/02/animation-design-system/
  • https://medium.com/ux-in-motion/creating-usability-mit-motion-the-ux-in-motion-manifesto-a87a4584ddc
  • https://careerfoundry.com/de/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/