Human-Computer Interaction Design - Philip...
Transcript of Human-Computer Interaction Design - Philip...
![Page 1: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/1.jpg)
Human-Computer Interaction DesignCOGS120/CSE170 - “Intro. HCI”
Instructor: Philip Guo
Week 0 - Introduction (2018-09-28) some slides adapted from Scott Klemmer
![Page 2: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/2.jpg)
Learning Objective to get a sense of what this class is all about so that you can decide whether you want to take it; also to give you a preview of HCI/Design job options for college grads.
Outline - Intro and minimal logistics (more on Monday) - HCI/Design jobs for college grads (abbreviated)
![Page 3: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/3.jpg)
First In-Class Activity Think only to yourself, not out loud
Engineer, Hacker, Maker, Programmer
Artist, Designer, Product Manager, UX
![Page 4: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/4.jpg)
Job Market Demand
Engineer, Hacker, Maker, Programmer
Artist, Designer, Product Manager, UX
![Page 5: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/5.jpg)
What This Course Offers …
Engineer, Hacker, Maker, Programmer
Artist, Designer, Product Manager, UX
Human-Computer Interaction Design
COGS120/CSE170
![Page 6: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/6.jpg)
The goal of this course is to give you hands-on practice with a
modern human-centered design process while building a web application to serve a set of
target users.
In my completely unbiased opinion, this is one of the most practical classes you’ll take in college.
![Page 7: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/7.jpg)
Programming prerequisites: Even though this course is focused on the design process, in order to
pass the course you will need to do a fair amount of web programming
(frontend with HTML/CSS/JavaScript in particular).
![Page 8: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/8.jpg)
Course FormatMondaysLectures
CENTER 101
FridaysStudios(attendancemandatory)
HSS1346 + another room
WednesdaysCode Labs
CENTER 101
![Page 9: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/9.jpg)
DesignMonday lectures
ImplementationWednesday code labs
EvaluationFriday studios
x 10 weeks
![Page 10: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/10.jpg)
Quarter-long interaction design and web app
implementation project
![Page 11: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/11.jpg)
Teams of three, formed in your studio
Designs shared weekly in studio
FINAL PRESENTATIONSIN WEEK 10
![Page 12: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/12.jpg)
9 TAs who will lead the studios:� Charles, Judy, Kandarp, Sean, Rajiv, Hung, Priyan, David, Chen
Instructor: Professor Philip Guo
Course staff
![Page 13: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/13.jpg)
This class is over-full now, so you are unlikely to get in from the wait list.
Good news: it will be offered again in winter quarter!
Good news: Professor Beth Simon is teaching a class that counts for similar major requirements:
https://sites.google.com/ucsd.edu/eds-124br/home
Talk to cogsci/CSE admins about all enrollment questions.
![Page 14: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/14.jpg)
The Course Web Site has all the information.
Your question is likely already answered on the website or Piazza. We won’t respond to questions that you can find on the website.
http://courses.pgbovine.net/cogs120-cse170/
![Page 15: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/15.jpg)
Piazza, not emailAfter class, not emailOffice hours, not email
![Page 16: Human-Computer Interaction Design - Philip Guocourses.pgbovine.net/cogs120-cse170/lectures/Intro... · Human-Computer Interaction Design COGS120/CSE170 - “Intro. HCI” Instructor:](https://reader035.fdocuments.us/reader035/viewer/2022070809/5f07ee177e708231d41f78c9/html5/thumbnails/16.jpg)
OK, time for the fun part:
HCI/Design Jobs For New College Grads http://pgbovine.net/hci-design-jobs.htm
Why this talk? Because it introduces the course content and also gives practical job hunting tips that are useful even if you don’t end up taking this course. (Maximum attendance on Day 1!)