cse440 introduction to hci
play

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

Sep 05, 2023 •314 likes •739 views

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

  1. 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

  2. Who we are Nigini Oliveira Studied computer science in Brazil PhD in CS in 2017 Postdoc in CS here at UW Work in cross-cultural collaboration and online experimentation Likes literature and long distance bike rides

  3. Who we are Manaswi Saha PhD CSE Student Work in HCI and Urban accessibility Have done past research on energy sustainability in India Completed Bachelors and Masters in India Trained in Indian Classical Music (vocals), like to travel

  4. Who we are Liang He Studied Software Engineering/HCI in China, HCI in US Master in Computational Design at CMU, 2015 CSE PhD student in HCI here at UW Work in fabrication techniques (e.g., 3D printing) for social good Likes painting, art, design, and travel www.lianghe.me

  5. Who we are Jian Li Zheng Schools: International Studies at U of Wisconsin, 2nd year Masters in HCDE here at UW Work: UX research intern at Airbnb, product design intern at Remitly, UX researcher at URI HCI focus: products/services that have an offline - online mix, and community building Let’s chat about: hiking all the great trails, Asian food, your favorite and least favorite user experiences.

  6. Who we are Jeremy Viny I Studied Neuro Economics and Art at Ohio State University. Currently, I am pursuing a Masters of Design in the School o Art + Art History + Design. Research Focus : Design Research. In particular domestic IoT Hobbies: Woodworking and furniture restoration. Jerviny.com

  7. HCI at UW Cross-Campus HCI Efforts DUB - weekly seminar at noon on Wednesdays MHCID My Teaching CSE 440: Introduction to HCI INFO 360: Design Thinking Back in Brazil All sorts of Software Engineering courses.

  8. What is this course about?

  9. Once upon a time...

  10. We use personalized results...

  11. How can we help researchers?

  12. We created Digestif...

  13. We created Digestif... \o/

  14. Learn about the problem.

  15. Inventing (many, many) solutions...

  16. Prototyping and testing...

  17. Not easy to get here!

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

  19. 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!

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

  21. What process did you use for this activity? What was hard and what was easy? Anything you would do differently if you were to do this again?

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

  23. 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

  24. Iterative Human-Centered Design This is a course about process This is not an implementation course! This is also not a course about “good” interfaces or rules that you should follow in design Rapid iteration and exploration is the most important and effective tool for design

  25. Learning Objectives Understand what human-computer interaction 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

  26. Course structure (All details: courses.cs.washington.edu/courses/cse440/18au/) 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 !

  27. 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

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

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

  30. Project Theme: Designing for Diversity

  31. Design for Diversity

  32. Design for Diversity Thailand Rwanda Switzerland [Reinecke and Bernstein, 2013]

  33. Design for Diversity [Oliveira et. al., 2016]

  34. Design for Diversity Microsoft Inclusive Design Toolkit

  35. Designing for diversity in this class Can be anything from designing technology for: - a specific population - civic engagement - supporting interactions between diverse groups. What are the problems that people face in their communities? Think BIG! Design a system to support one particular kind of activity or relationship that is important to you but which is not sufficiently well supported by current tools.

  36. 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! :)

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

  38. 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 Entire project process is designed for feedback - Milestone grades mean you did the milestone - You must act on feedback (does not mean saying yes!) A focus on doing the work and searching for feedback means final grades are more quality of result

  39. Staying in Touch https://courses.cs.washington.edu/courses/cse440/18au/ 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 posts: make sure you are been notified

  40. 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

  41. 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

  42. 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 Abhinav Yadav Liang He Angel Vuong Jeremy Viny Who we are Nigini Oliveira Study and practice CS in Brazil

440 views • 40 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