How to hold a seminar on UXD

This talk showed how I created a one day seminar on UXD when he was asked to teach students at the Nordakademie Elmshorn. Learn about my private study trip to the Information Architecture IA Summit 2017 in Vancouver and how he used the outcome of the summit to pimp up his seminar.

This talk also included a short mobile app design task for the attendees of the Meetup.

Transcript

1. How To Hold a Seminar on UXD Clemens Sietas, 25th October 2017 Hamburg Education and Technology Meetup
2. I GUESS A LITTLE BIT ABOUT MYSELF
3. CREATIVE TECHNOLOGIST
4. A TITLE THAT ALLOWS TO EXPLORE MY VARIOUS INTERESTS
5. ONE OF THOSE INTERESTS HAS BEEN DEVELOPING MOBILE APPS
7. FURTHER INTEREST BECOME MORE OF A DESIGNER
8. My redesign with Sketch Concept by Kshitij Choudhary https://www.invisionapp.com/blog/silicon-valley-redesign-concepts/
9. GIVE A SEMINAR TO EXPLORE INTO DESIGN
10. WHEN YOU GOT TO EXPLAIN IT… YOU LEARN IT !
11. ✓ Challenge ✓ Hard Work ✓ Rehearsal ✓ Do It ✓ Pimp It
12. ✓ Challenge I WAS OFFERED TO GIVE A SEMINAR
13. THE WORLD OF USER EXPERIENCE DESIGN
14. UXD Course At NORDAKADEMIE ELMSHORN
15. ✓ Hard Work Side Projects: Re-designing, Resources
17. join it on Slack or in person at Hackeryou in Toronto Canada, eh! #dailycssimages
20. ✓ Rehearsal In front of Family members
21. ✓ Do It ~ 300 Slides Introduction History Five Planes Design Funnel Principles Practical Work …
22. FIVE PLANES OF JESSE JAMES GARRETT (YEAR 2000)
23. Bedürfnisse des Users / Business Objectives Funkt. Spezifikation Content Requirement Interaction Design Information Architect. Interface Design Navigation Design Visual Design Umfang / Scope Struktur / Structure Gerüst / Skeleton Oberfläche / Surface Strategie / Strategy konkret abstrakt Information Space Technologie Space UXD Unterteilung der Schichten in 2 Kategorien
24. • Designer Wer ist involviert im User Experience Design Prozess UXD • Concepter • Customer • Developer • User • Designer
25. Design Prozess - Praxisorientiert UXD High Fidelity Low Fidelity
26. PRINCIPLES
27. UXD 10 Prinzipien des Visuellen Designs Kontrast Dominanz Vielfalt Balance Proportion Wiederholung Bewegung Textur Hierarchie Einheit
28. UXD 10 Prinzipien des Visuellen Designs Kontrast Dominanz Vielfalt Balance Proportion Wiederholung Bewegung Textur Hierarchie Einheit
29. UXD 10 Prinzipien des Visuellen Designs Wiederholung führt ausgezeichnet über eine Seite, wirkt aber ohne Abwechslung, monoton Kontrast Dominanz Vielfalt Balance Proportion Wiederholung Bewegung Textur Hierarchie Einheit
30. UXD 10 Prinzipien des Visuellen Designs R R O A O A A A A R R Kontrast Dominanz Vielfalt Balance Proportion Wiederholung Bewegung Textur Hierarchie Einheit
31. USER RESEARCH
32. Personas UXD
33. Customer Journey Maps UXD
34. WIREFRAMING
35. UXD Wireframing mit Balsamiq Mockup - Lösung Symbols
36. UXD Prototyping Vorstellung: Principle (nur MacOS)
37. UXD Wireframing mit Marvel: Movie-App - Lösung Screens 1-3
38. Students motivated, feedback demanding new ideas
39. ✓ Pimp It
40. THE SEMINAR NEEDS MORE DEPTH IN…
41. ? 
 Kategorisierung
 Taxonomy = Klassifizierung
 Folksonomy = Social Indexing UXD Information Architecture
42. IA SUMMIT FOR HELP
44. IMG_4527.JPG
47. PRE-CONF WORKSHOP INTRODUCTION TO IA by Donna Spencer
56. clemens.sietas.com https://speakerdeck.com/siecle https://codepen.io/siecle/ twitter: @siecle
57. QUESTIONS
58. HANDS ON!
59. UXD Happy Wireframing! Wireframing mit Balsamiq Mockup - Aufgabe Music-App
60. UXD Wireframing mit Marvel: Movie-App - Screens 1-3
61. UXD Wireframing mit Marvel: Movie-App - Screens 4-6
62. UXD Wireframing mit Marvel: Movie-App - Screens 4-6 statt Template:
 auch hier
 "Crazy Eights“
63. UXD Wireframing mit Marvel: Vorstellung Marvel
64. UXD Wireframing mit Marvel: Vorstellung Marvel
65. UXD Happy Wireframing! Wireframing mit Marvel: Movie-App - Aufgabe
66. UXD Wireframing mit Marvel: Movie-App - Lösung Screens 1-3
67. UXD Wireframing mit Marvel: Movie-App - Lösung Screens 4-6