cse440 introduction to hci
play

CSE440: Introduction to HCI Methods for Design, Prototyping and - PowerPoint PPT Presentation

Dec 19, 2022 •40 likes •440 views

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 01: Nigini Oliveira Introduction Abhinav Yadav Liang He Angel Vuong Jeremy Viny Who we are Nigini Oliveira Study and practice CS in Brazil

  1. CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 01: Nigini Oliveira Introduction Abhinav Yadav Liang He Angel Vuong Jeremy Viny

  2. Who we are Nigini Oliveira Study and practice CS in Brazil since 2000 PhD in CS in 2017 Postdoc in Social Computing here at UW Work in cross-cultural collaboration and online experimentation Likes literature and long distance bike rides

  3. Who we are Abhinav Yadav CS Graduate Designing since 2014: have worked on the Wall Street to villages in India Currently in the HCDE Masters Program Loves designing for complex systems, going to concerts and PS4

  4. Who we are Liang He CSE PhD student studying HCI MS from CMU Work in novel fabrication techniques for social good Likes painting, making, tinkering, and cyberpunk stuff

  5. Who we are Angel Vuong BFA Studio Art (Printmaking) 1st year MS HCDE student 3 years of industry experience as a UX Designer Always experimenting with plant-based cooking Has a dog named Snack

  6. Who we are Jeremy Viny Studied Neuro Economics and Art Pursuing a Masters of Design in the School of Art + Art History + Design. Research Focus: Design Research. In particular domestic IoT Hobbies: Woodworking and furniture restoration.

  7. What is this course about?

  8. Once upon a time...

  9. We use personalized results...

  10. How can we help researchers?

  11. We then created Digestif...

  12. We created Digestif... \o/

  13. Learn about the problem.

  14. Inventing (many, many) solutions...

  15. Prototyping and testing...

  16. Not easy to get here!

  17. What is this course about? It is about reading, discussing, examining, and practicing techniques that build this design process.

  18. Activity (10 minutes) In groups of 2… Redesign bulky headphones: - What problems do you want to solve? - How does your design solve them? Make sure you are either addressing a novel problem (something nobody has tackled before) or you are contributing a novel solution ! Sketch out your design on a piece of paper and be prepared to show it off to the class!

  19. What problems did you choose to solve? What problems did you choose not to solve? What’s your solution to those problems?

  20. How many sketches you used? What steps did you use to get to the solution? What was hard and what was easy? Anything you would do differently if you were to do this again?

  21. “[Design is] a plan for arranging elements in such a way as to best accomplish a particular purpose.” Charles Eames

  22. Core design skills To synthesize a solution from all the relevant constraints To frame , or reframe, the problem and objective To create and envision alternatives To select from those alternatives To visualize and prototype the intended solution Bill Moggridge

  23. Learning Objectives Understand what HCI and interaction design are Develop skills on using design methods Learn how to create design artifacts : scenarios, storyboards, prototypes Think critically about design solutions Learn how to do user testing Communicate effective design critiques and defense

  24. Iterative Human-Centered Design This is a course about this PROCESS! This is not an implementation course! This is also not a course about “good” interfaces nor hard rules that you should follow in design This is a course about rapid iteration and exploration !

  25. Course structure (All details: courses.cs.washington.edu/courses/cse440/19sp/) Much more than theory - But still some lectures and readings Many in-class exercises - Participation is a critical component of the course Friday Section is primarily studio time with the TAs - You will work on your project within section - Participation is a critical component of the course This course is designed around rapid feedback !

  26. Project Overview The core of this course is a group project Propose and do an intense end-to-end design First step: Getting the Right Design Second step: Getting the Design Right Third step: Communicating the Design

  27. Project Overview Talk to people, investigate problems Sketching and Storyboarding Low-fidelity Prototyping Digital Mockup Presentation & Communication

  28. Projects from two previous quarters https://.../courses/cse440/ 17au /projects.html https://.../courses/cse440/ 18au /projects.html

  29. Project Theme: Improve something out there!

  30. What to improve? What are the problems people face when: - Traveling - Shopping - Gaming - Health care - Working Can be any aspect of daily life! Design to support one particular kind of activity or relationship that is important to you but which is not sufficiently well supported by current tools.

  31. Example

  32. Example

  33. Example

  34. Characteristics of a good project You are passionate about it The problem itself is clear: your prototype will fulfill a clear goal It is novel It needs to be well scoped It is not another app! :)

  35. Characteristics of a good team re:Work (with Google)

  36. Grading Design is subjective , and so is this course. - We can't really run a unit test and grade your design =) - Wow us with your work, not with complaining The entire process is designed around feedback - Milestone grades mean you did the milestone - You must act on feedback (does not mean saying yes!) Focus on putting effort on assignments and searching for feedback!

  37. Staying in Touch https://courses.cs.washington.edu/courses/cse440/19sp/ Calendar: You are responsible to keep track of the calendar Canvas: To upload assignments etc. Email us: cse440-staff [at] cs.washington.edu News: Canvas announcements! Are you been notified?

  38. Adding and Dropping This is going to be a challenging course. But rewarding. Attempting to Add Say something to me after class Considering Dropping Do it ASAP! Please, communicate it Be considerate, and do not drop after we assign groups next week (But don't drop, it will be fun!) ;) Section switch availability We may need to move people to balance sections

  39. Expectations We are all learners here, let's make this a fruitful experience Be professional - Respect above all - Helpful criticism (we'll learn more about this) - Peer learning & support - Show up on time, don't plagiarize, and all that! Gadgets - In general no, maybe for note taking (not recommended) - (Gadget use lowers grades of all around you) - Prefer paper here… It will be your friend in design

  40. Ask me something!

Recommend

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 02: Nigini Oliveira History & State of the Art in HCI Manaswi Saha Liang He Jian Li Zheng Jeremy Viny What is HCI? HCI (human-computer

1.1k views • 60 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 16: Nigini Oliveira Recap and Exam Q&A Abhinav Yadav Liang He Angel Vuong Jeremy Viny What we will do today Communicating your designs

661 views • 51 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 12: Nigini Oliveira Heuristic Evaluation Abhinav Yadav Liang He Angel Vuong Jeremy Viny What we will do today Inspection-based methods

797 views • 79 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 04: Nigini Oliveira Design of Everyday Things Abhinav Yadav Liang He Angel Vuong Jeremy Viny What we will do today It is never a users

969 views • 63 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 03: Nigini Oliveira Design Critique Abhinav Yadav Liang He Angel Vuong Jeremy Viny What about Friday Section? What do you want to improve?

284 views • 25 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 04: Nigini Oliveira Design of Everyday Things Manaswi Saha Liang He Jian Li Zheng Jeremy Viny What we will do today It is never a users

863 views • 67 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 01: Nigini Oliveira Introduction Manaswi Saha Liang He Jian Li Zheng Jeremy Viny Who we are Nigini Oliveira Studied computer science in

739 views • 42 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 09: Nigini Oliveira Personas & Storyboarding Manaswi Saha Liang He Jian Li Zheng Jeremy Viny Project Status Toda y Personas When

682 views • 53 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 05: Nigini Oliveira Design Process and Design Abhinav Yadav Diamond Liang He Angel Vuong Jeremy Viny Week calendar What we will do today

924 views • 59 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 14: Nigini Oliveira Patterns Manaswi Saha Liang He Jian Li Zheng Jeremy Viny Course Progress Patterns a general repeatable solution

788 views • 61 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 08: Nigini Oliveira Task Analysis Manaswi Saha Liang He Jian Li Zheng Jeremy Viny Team contract Team Responsibilities Many of us have

759 views • 41 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 08: Nigini Oliveira Personas & Task Analysis Abhinav Yadav Liang He Angel Vuong Jeremy Viny Project Status Personas When you are

685 views • 35 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 07: Nigini Oliveira Human Performance Abhinav Yadav Liang He Angel Vuong Jeremy Viny What we will do today Human Performance Visual System

1.26k views • 92 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 07: Nigini Oliveira Human Performance Manaswi Saha Liang He Jian Li Zheng Jeremy Viny What we will do today Human Performance Visual

1.26k views • 90 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 05: Nigini Oliveira Design Process and Design Manaswi Saha Diamond Liang He Jian Li Zheng Jeremy Viny What we will do today Design Process

760 views • 58 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 06: Nigini Oliveira User Research Abhinav Yadav Liang He Angel Vuong Jeremy Viny User Research: a brief overview Why User Research? What

842 views • 43 slides
INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION

INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION

TRAINING COURSE ON SOCIAL PROTECTION & FORMALIZATION TRINIDAD AND TOBAGO MARCH 15, 2017 INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION Design of the NIS Assistance from the

547 views • 23 slides
INTRODUCTION Introduction 2/42 INTRODUCTION Alternations I am giving bread to the

INTRODUCTION Introduction 2/42 INTRODUCTION Alternations I am giving bread to the

Patterns of variation in the expression of case and agreement Andrs Brny Leiden University Centre for Linguistics 9 November 2019, BaSIS Workshop a.barany@hum.leidenuniv.nl INTRODUCTION Introduction 2/42 INTRODUCTION

1.37k views • 42 slides
Introduction Introduction Introduction Introduction Outline Motivation Failures

Introduction Introduction Introduction Introduction Outline Motivation Failures

Introduction Introduction Introduction Introduction Outline Motivation Failures Definition and concepts Process and product properties Principles SE Approaches Motivation Software and the economy The economies of

1.03k views • 49 slides
Introduction Introduction Introduction Nationwide Cause for Concern 1

Introduction Introduction Introduction Nationwide Cause for Concern 1

Introduction Introduction Introduction Nationwide Cause for Concern 1 https://www.cdc.gov/std/stats17/infographic.htm Introduction Epidemiology in Western Colorado CPHE Surveillance Data Report, May 2018 Chlamydia Epidemiology in Western

977 views • 39 slides
DAQ introduction Purpose of this talk : (1) Introduction for those who have not been in every

DAQ introduction Purpose of this talk : (1) Introduction for those who have not been in every

DAQ introduction Purpose of this talk : (1) Introduction for those who have not been in every meeting (2) Some ideas of diagrams for section 7.1 (Introduction) of TP. Giles Barr 25 Jan 2018, Pembroke College On DUNE, the reality is there is a

474 views • 10 slides
INTRODUCTION cf. Schneider, Chapter 1 INTRODUCTION THEY ARE OUT TO GET YOU INTRODUCTION WHAT

INTRODUCTION cf. Schneider, Chapter 1 INTRODUCTION THEY ARE OUT TO GET YOU INTRODUCTION WHAT

ADVANCED COMPUTER SECURITY INTRODUCTION cf. Schneider, Chapter 1 INTRODUCTION THEY ARE OUT TO GET YOU INTRODUCTION WHAT IS SECURITY? A systems security policies describe What the system is supposed to do Store and provide access

479 views • 16 slides
Overview Introduction to SMIL Introduction to W3C and XML Introduction to SMIL

Overview Introduction to SMIL Introduction to W3C and XML Introduction to SMIL

Overview Introduction to SMIL Introduction to W3C and XML Introduction to SMIL Writing a SMIL file Adding Media Objects Martin Halvey Clipping media files January 2008 Timing and Synchronising Layout World Wide

387 views • 14 slides
14 Introduction Introduction Bad guys can put malware into Example: hosts

14 Introduction Introduction Bad guys can put malware into Example: hosts

Introduction Introduction source Encapsulation ISO/OSI reference model message M application segment H t H t M transport network datagram H n H n H t M presentation: allow applications to frame link H l H n H t M interpret

583 views • 4 slides

More recommend