UI und UX

UI und UX werden oft gemeinsam genannt, bedeuten aber nicht dasselbe.

UI: User Interface

UI beschreibt die konkrete Oberfläche:

• Buttons
• Icons
• Farben
• Schrift
• Abstände
• Formulare
• Navigation
• Screens

Ziel von UI ist eine attraktive, klare und intuitive Oberfläche.

UX: User Experience

UX beschreibt die gesamte Erfahrung eines Benutzers mit einem Produkt oder Dienst.

UX fragt:

• Versteht der Benutzer, was zu tun ist?
• Ist der Ablauf logisch?
• Gibt es unnötige Hürden?
• Ist das Produkt nützlich?
• Kommt der Benutzer schnell zum Ziel?
• Gibt es Frust, Wartezeit oder Verwirrung?

UI vs. UX

Sieben UX-Faktoren

Ein Produkt sollte sein:

• useful
• usable
• findable
• credible
• desirable
• accessible
• valuable

Deutsch zusammengefasst: Ein Produkt soll nützlich, benutzbar, auffindbar, glaubwürdig, attraktiv, zugänglich und wertvoll sein.

UX-Werkzeuge

Personas

Personas sind fiktive Benutzerprofile auf Basis echter Beobachtungen. Sie helfen, die Bedürfnisse einer Zielgruppe greifbarer zu machen.

Wireframes

Wireframes sind einfache Entwürfe einer Seite oder App. Sie zeigen Struktur und Benutzerfluss, ohne sich zu früh in Farben und Details zu verlieren.

Paper Prototypes

Paper Prototypes sind einfache Papiermodelle. Sie sind schnell, billig und gut, um frühe Fehler im Ablauf zu erkennen.

Digitale Produkte analysieren

Die Unterrichtsübungen analysieren Produkte wie Discord, Instagram, Pinterest, Teams, WebUntis und WhatsApp.

Leitfragen:

• Warum wird das Produkt genutzt?
• Ist es intuitiv?
• Welche Features funktionieren gut?
• Welche Features stören?
• Welche Funktionen fehlen?
• Wer ist die Zielgruppe?