Interaction Design Week 1 Slide Deck

Slide deck for Week 1 of ATEC 3363.

Transcript

1. ATEC 3363 Cassini Nazir Basic Interaction Design WEEK 1 Introductions Syllabus review Lecture/discussion: Interaction Design Assignment Review
2. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard User Needs Research Project Phase I: Discovery Project Phase II: Innovation Understanding Experience IxD History, Practice and Methods IxD Design Principles Form Teams IxD Case Studies IxD Foundation
3. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard User Needs Research Project Phase I: Discovery Project Phase II: Innovation IxD History, Practice and Methods IxD Design Principles Form Teams IxD Case Studies IxD Foundation Course Syllabus What is IxD? Design Hierarchy of Needs *
4. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard User Needs Research Project Phase I: Discovery IxD Design Principles Form Teams IxD Case Studies IxD Foundation History and Principles Further Definition Seven Stages of Action Exercise IxD History, Practice and Methods Project Phase II: Innovation
5. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard User Needs Research Project Phase I: Discovery Form Teams IxD Case Studies IxD Foundation GUI Design Principles Human Interface Guidelines Seductive Interaction Design UI Patterns IxD History, Practice and Methods IxD Design Principles Project Phase II: Innovation
6. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard User Needs Research Project Phase I: Discovery Form Teams IxD Foundation IDEO GE Innovation Lab Mozilla frog design Cooper/Hewitt Stone Yamashita Partners Student-research IxD History, Practice and Methods IxD Design Principles IxD Case Studies Project Phase II: Innovation
7. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard User Needs Research IxD Foundation Organize Team Choose Research Category Assign Roles and Responsibilities IxD History, Practice and Methods IxD Design Principles IxD Case Studies Project Phase I: Discovery Form Teams Project Phase II: Innovation
8. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard IxD Foundation Assimilate Research Build Needs List IxD History, Practice and Methods IxD Design Principles IxD Case Studies Project Phase I: Discovery Form Teams User Needs Research Project Phase II: Innovation
9. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes IxD Foundation Compare findings Consensus on needs Develop use scenario IxD History, Practice and Methods IxD Design Principles IxD Case Studies Project Phase I: Discovery Form Teams User Needs Research GUI Script and Storyboard Project Phase II: Innovation
10. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Hi-Fi Prototypes Final Exam Preparation IxD Foundation Low-fi screen prototypes Setup for user tests Produce test reports IxD History, Practice and Methods IxD Design Principles IxD Case Studies Project Phase I: Discovery Form Teams User Needs Research GUI Script and Storyboard Lo-Fi Prototypes Project Phase II: Innovation
11. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience Final Exam Preparation IxD Foundation Start final screen art Plan demonstration IxD History, Practice and Methods IxD Design Principles IxD Case Studies Project Phase I: Discovery Form Teams User Needs Research GUI Script and Storyboard Lo-Fi Prototypes Project Phase II: Innovation Hi-Fi Prototypes
12. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Understanding Experience IxD Foundation Finish final screen art Gather presentation materials Produce report and slide deck Rehearse IxD History, Practice and Methods IxD Design Principles IxD Case Studies Project Phase I: Discovery Form Teams User Needs Research GUI Script and Storyboard Lo-Fi Prototypes Project Phase II: Innovation Hi-Fi Prototypes Final Exam Preparation
13. WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12 WEEK 13 WEEK 14 WEEK 15 IxD COURSE TIMELINE Hi-Fi Prototypes Final Exam Preparation Lo-Fi Prototypes GUI Script and Storyboard User Needs Research Project Phase I: Discovery Project Phase II: Innovation Understanding Experience IxD History, Practice and Methods IxD Design Principles Form Teams IxD Case Studies IxD Foundation
14. INTERACTION DESIGN CLASS Cassini Nazir
16. INTERACTION DESIGN CLASS Cassini Nazir Book Review extra credit
17. TANGRAMS ࣣ޼൘
18. TANGRAMS ࣣ޼൘
19. TANGRAMS ࣣ޼൘
20. TANGRAMS ࣣ޼൘
21. TANGRAMS ࣣ޼൘
22. TANGRAMS ࣣ޼൘
23. Interaction design is about ...
24. Interaction design is about user experiences.
25. User Experiences Digital Tangible Individual Social
26. User Experiences Digital Tangible Individual Social Puma’s Clever Little Bag Unboxing iPhone 5 A door handle Texting on a mobile phone Searching an online archive Customer service phone call Reading an article online Going to a party
27. User Experiences Digital Tangible Individual Social This course focuses on digital experiences.
28. youtu.be/N6hCwjwzUHg
29. youtu.be/757MVI-J5cs
30. youtu.be/WIKM732oEek
31. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL
32. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science hardware and software development
33. Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering product development and realization Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes
34. Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics study of human engineering Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes
35. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration general aesthetic visualization
36. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design general aesthetic visualization
37. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design controls and product aesthetics
38. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design Social Informatics socializing technology systems
39. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design Social Informatics Information Design information architecture
40. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design Social Informatics Information Design Psychology cognitive dynamics in communication
41. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design Social Informatics Information Design Psychology Social Sciences social dynamics in communication
42. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design Social Informatics Information Design Psychology Social Sciences Web Design dynamic network interaction
43. Technology Design Business UX Visual Design Development Business Plan Prototyping Release Candidate Business Strategy Styleguide Interface Product Communication Performance Simplicity Consistency Brand Design Market Comm Information Design Backend Process Interaction Design Usability Engineering Surface Design Information Architecture Frontend Processes Oliver Reichenstein, Information Architects http://bit.ly/NvDpFL Computer Science Engineering Ergonomics Fine Art Illustration Graphic Design Industrial Design Social Informatics Information Design Psychology Social Sciences Web Design No one person will be an expert in all disciplines
46. youtu.be/WRuWKpfaRK8
47. youtu.be/hnSPmcZjEqs
48. USER EXPERIENCE HIERARCHY of NEEDS MEANINGFUL PLEASURABLE CONVENIENT USABLE RELIABLE FUNCTIONAL works as intended is available and accurate can be used without difficulty super easy to use, works like I think memorable experience worth sharing has personal significance
49. Assignment 1 Find examples of each rung of the User Experience Hierarchy of Needs.