User Experience 101 (German)

Transcript

1. Eine kurze Einführung in die Welt der UX UX 101 Twitter: @niklas_jordan
2. #1 Was ist UX? #2 Der Prozess #3 Beispiele Twitter: @niklas_jordan
3. Was ist UX? #1 Twitter: @niklas_jordan
4. Zwei Tage unter Freunden. 
 Die UX Szene in Europa. “ Twitter: @niklas_jordan
5. 5 http://www.uxweekender.org/wp-content/uploads/uxcamp-europe-badges.jpg
6. 6 http://www.uxcampeurope.org/wp-content/uploads/uxcamp-europe-crowd.jpg
7. 7 http://granaton.com/System2/wp-content/uploads/2014/06/UXCampEurope2014.jpg
8. Wir leben in Deutschland… Twitter: @niklas_jordan
9. DIN 9241 Ergonomie der Mensch-System-Interaktion Twitter: @niklas_jordan
10. User Experience sind die Wahrnehmungen und Reaktionen einer Person, die sich bei der Benutzung oder der erwarteten Verwendung eines Produktes ergeben. DIN 9241-210 sagt: Twitter: @niklas_jordan
11. UX ist die Kunst und Wissenschaft bessere 
 Produkte für Verbraucher zu entwickeln. Einfacher: Twitter: @niklas_jordan
12. UX ist die Kunst und Wissenschaft nutzbare, sinnvolle 
 und angenehme Produkte, Systeme oder 
 Dienstleistungen für den Verbraucher zu entwickeln. 
 Und so ein Erlebnis zu schaffen. Besser so: Twitter: @niklas_jordan
13. 13 - Someone Make my life easier & better. Understand me. Surprise me. “
14. Developer & Designer Business Owner Kunde Ich brauche eine Website! • Geschäftsziele • Wie mach ich mehr $$$$$ Twitter: @niklas_jordan
15. Developer & Designer Business Owner Kunde Anforderungen Twitter: @niklas_jordan
16. Developer & Designer Business Owner Kunde Anforderungen • Schick muss es sein • Code Reusability • Maintainability • Geschäftsziele • Wie mach ich mehr $$$$$ Twitter: @niklas_jordan
17. Developer & Designer Business Owner Kunde Anforderungen • Schick muss es sein • Code Reusability • Maintainability • Geschäftsziele • Wie mach ich mehr $$$$$ Produkte Twitter: @niklas_jordan
18. Developer & Designer Business Owner Kunde Anforderungen • Schick muss es sein • Code Reusability • Maintainability • Geschäftsziele • Wie mach ich mehr $$$$$ Produkte WHAT THE
 %&^%$!? Twitter: @niklas_jordan
19. Wer schaut auf den Nutzer? Twitter: @niklas_jordan
20. Developer & Designer Business Owner Kunde Anforderungen Produkte UX Hero Nutzerbedürfnisse, Geschäfts- ziele und technische Machbar- keit zusammenführen Twitter: @niklas_jordan
21. UX Business Goals Technical Goals User Goals Twitter: @niklas_jordan
22. UX Visual Design Content Information Architecture Front-End
 Development Usability User 
 Research Twitter: @niklas_jordan
23. UX Development Projektmanagement Marketing Sales Support Kundenbetreuung UX: It´s everyone´s job Twitter: @niklas_jordan
26. Der Prozess #2 Twitter: @niklas_jordan
27. UX { IA Visual Design Interaction Design Usability Engineering Content Strategy User Research Twitter: @niklas_jordan
28. IA Visual Design Interaction Design Usability Engineering Content Strategy User Research Discovery Definition Development Deployment Twitter: @niklas_jordan
29. User Research Discovery Definition Development Deployment • Umfragen • Interviews • Wettbewerbsanalyse • Persona Twitter: @niklas_jordan
30. User Research Discovery Definition Development Deployment • Content Inventory • Was wird noch benötigt? • Copy writing Content Strategy Twitter: @niklas_jordan
31. Discovery Definition Development Deployment • Sitemaps • Wireframes • User Flows IA Twitter: @niklas_jordan
32. Discovery Definition Development Deployment • User Flows • Prototypes IA Interaction Design Twitter: @niklas_jordan
33. Discovery Definition Development Deployment • Usability Testing • Cognitive Walkthrough • Heuristic Evaluation IA Interaction Design Usability Engineering Twitter: @niklas_jordan
34. Discovery Definition Development Deployment • Design Mockups • Style Guides IA Interaction Design Usability Engineering Visual Design Twitter: @niklas_jordan
35. Discovery Definition Development Deployment IA Interaction Design Usability Engineering Visual Design Content Strategy User Research Twitter: @niklas_jordan
36. Discovery Definition Development Deployment IA Interaction Design Usability Engineering Visual Design Content Strategy User Research Twitter: @niklas_jordan
37. User Research Discovery Definition Development Deployment • Site Metrics • Umfragen • Interview Twitter: @niklas_jordan
38. Twitter: @niklas_jordan
39. Twitter: @niklas_jordan
40. Beispiele #3 Twitter: @niklas_jordan
41. El Capitan’s Mouse Cursor Twitter: @niklas_jordan
42. Twitter: @niklas_jordan Formulare von Mailchimp
43. Twitter: @niklas_jordan Google Now
44. This is a footer, so use it when you need it. 100daysofgoodux.tumblr.com useronboard.com uxmyths.com Mehr davon?
45. Twitter: @niklas_jordan speakerdeck.com/niklas_jordan Thank you for traveling with Deutsche Bahn.