Wie beim ersten Teil angekündigt wurde, haben wir Roland Weigelt nun zu einem zweiten Teil seines UI/UX-Workshops zu Gast. Für diejenigen, die beim ersten Teil nicht dabei waren, wird es zunächst einen "Schnelldurchlauf" durch die wichtigsten Konzepte und Begriffe geben.

Thema des zweiten Teils sind User Interface Patterns und andere Kochrezepte, die das Design von Bedienoberflächen vereinfachen. Die konkreten UI-Technologien spielen dabei keine Rolle, dementsprechend sind für den Workshop keine technischen Vorkenntnisse notwendig.
Darüber hinaus stellt Roland vor, mit welchen Tools und Methoden er in seinem Alltag Ideen skizziert und Entwürfe ausprobiert.

Auch dieses Mal wird die Interaktion mit Euch eine große Rolle spielen. Habt Ihr Fragen zum Was, Wann und Wie von UI/UX-Design im Umfeld der (agilen) Software-Entwicklung? Habt Ihr Screenshots von GUIs, die Ihr verbessern möchtet? Oder gibt es Designs, die Euch gefallen und die man gemeinsam auf wiederverwendbare Gestaltungsmittel und User Interface Patterns untersuchen könnte? Immer her damit, lasst uns darüber sprechen!

Roland Weigelt arbeitet als Senior Specialist für Product Designer und User Experience bei der Comma Soft AG an der Business Intelligence-Plattform INFONEA. Mit langjähriger Erfahrung in der Frontend-Entwicklung als Hintergrund, ist er an den Schnittstellen zwischen Entwicklung, Design und Produktmanagement tätig. Nebenberuflich beschäftigt sich Roland mit Software-Entwicklung und Visual Design für Displays in der Veranstaltungstechnik.

In seiner Freizeit hält er Vorträge und Workshops. Darüber hinaus schreibt er seit 2003 auf https://weblogs.asp.net/rweigelt zu .NET und UI/UX-Themen. Roland war lange Jahre in der .NET Community tätig und war Mitbegründer der dotnet Cologne, die er bis 2017 begleitete.

Einstieg in User Interfaces und User Experience für Entwickler/in - Teil 1
https://www.youtube.com/watch?v=7Pd1tDZKvxM&list=PLbWYOayzrhS8HBb_Kls447lhk1SW7m3_Y&index=28

▼ ▼ ▼ Timestamps ▼ ▼ ▼

[00:00] Willkommen
[17:25] Einleitung
[20:32] Schnelldurchlauf von Teil 1
[53:53] User Interfaces Patterns
[1:00:15] Master - Detail
[1:00:53] Beispiel Checkbox
[1:01:58] Ribbon
[1:05:29] Kompromisse
[1:07:00] Auswahl-Prozess
[1:07:55] Pattern Libraries
[1:08:28] Waches Auge für UIs
[1:09:47] Umgang mit Komplexität
[1:13:10] Pattern für Verbergen
[1:28:40] Darstellung von Daten
[1:45:00] Das Beispiel Telsiri
[2:02:40] Zwischenfazit
[2:04:14] Pause
[2:13:14] User Interfaces Design
[2:14:48] Design-Prozess
[2:16:37] Design Thinking - Phasen
[2:19:01] User Centered Design
[2:21:13] Skizze
[2:30:49] Demo Linea Sketch auf dem iPad
[2:40:31] Nachteile von Freihand-Skizzen
[2:41:54] Demo Balsamiq Wireframes
[2:50:09] Mockup
[2:51:36] Prototyp
[2:52:19] Mockups und Prototypen
[3:01:25] Demo Adobe Photoshop
[3:14:03] Fazit
[3:33:30] Peinliche Geschichte
[3:37:19] Verlosung
[3:48:14] Abschied

✅ Mein Equipment: https://kit.co/GregorBiswanger/gregorsequip

Folge mir auf https://www.twitch.tv/gregorbiswanger
Komm zur Community auf https://discord.gg/rV67m6s