human computer interaction
play

Human-Computer Interaction Bjrn Hartmann University of California, - PowerPoint PPT Presentation

Oct 24, 2022 •467 likes •1.24k views

Human-Computer Interaction Bjrn Hartmann University of California, Berkeley EECS, Computer Science Division CS10, Spring 2012 My Background CS10 - UC Berkeley Spring 2012 2 1997-2002 UPenn- NOT in Computer Science (cc) SnapsterMax

  1. Human-Computer Interaction Björn Hartmann University of California, Berkeley EECS, Computer Science Division CS10, Spring 2012

  2. My Background CS10 - UC Berkeley Spring 2012 2

  3. 1997-2002 UPenn- NOT in Computer Science (cc) SnapsterMax CS10 - UC Berkeley Spring 2012 3 http://www.flickr.com/photos/myworldinpixels/558060045

  4. 1999-2004 Jay Haze Club Milk, Tokyo, 2003 CS10 - UC Berkeley Spring 2012 4

  5. 2004-2009 CS10 - UC Berkeley Spring 2012 5

  6. 2010 CS10 - UC Berkeley Spring 2012 6

  7. What is HCI? CS10 - UC Berkeley Spring 2012 7

  8. Human-Computer Interaction (HCI) Human • End-user of program • Others (friends, collaborators, coworkers) Computer • Machine program runs on • Often split: clients & servers Interaction • User tells the computer what they want • Computer communicates results

  9. User Interfaces (UIs) Part of application that allows • People to interact with computer • Computer to communicate results Can include hardware design • Buttons, sliders, other sensors HCI = design, prototyping, implementation & h t p://www.reactable.com evaluation of UIs

  10. Design Computer Science Applied Psychology CS10 - UC Berkeley Spring 2012 10

  11. Rich Gold, The Plenitude , MIT Press CS10 - UC Berkeley Spring 2012 11

  12. Iterative Design Cycle Design Evaluate Prototype Getting it right the first time is hard! CS10 - UC Berkeley Spring 2012

  13. Understanding Users Observe existing practices Create scenarios of actual use CS247, Stanford, 2006 Build models to gain insight into work processes http://www-personal.umich.edu/~chrisli/m2.html CS10 - UC Berkeley Spring 2012 13

  14. Prototyping Interfaces Rapidly build a mockup of your UI Low-fidelity techniques: Paper prototyping Video prototypes Moggridge, Designing Interactions, p.704 Interactive prototypes: HTML, Javascript, Flash, ... http://www.balsamiq.com/products/mockups/examples#wiki CS10 - UC Berkeley Spring 2012 14

  15. Storyboarding CS10 - UC Berkeley Spring 2012

  17. Evaluation Formative Are we building the right thing? What should be different in the next iteration? Summative Does it work? Is it better than existing solutions? Can this teach us something about how people or the world work? CS10 - UC Berkeley Spring 2012

  18. h t p://www.laurasmith.info/UsabilityTest.jpg Techniques Analytically, expert walkthroughs, laboratory studies,... CS10 - UC Berkeley Spring 2012 18

  19. Why study user interfaces? “The results show that in today's applications, an average of 48% of the code is devoted to the user interface portion. The average time spent on the user interface portion is 45% during the design phase, 50% during the implementation phase, and 37% during the maintenance phase. ” – Myers & Rosson, CHI’92 CS10 - UC Berkeley Spring 2012 20

  20. History CS10 - UC Berkeley Spring 2012 21

  21. ENIAC, UPenn, 1946 CS10 - UC Berkeley Spring 2012 22

  22. Doug Engelbart & Bill English, SRI, 1963 CS10 - UC Berkeley Spring 2012 24

  23. (cc) Flickr user John Chuang http://www.flickr.com/photos/13184584@N08/1362760884/ CS10 - UC Berkeley Spring 2012 25

  24. Ivan Sutherland, Sketchpad, MIT, 1963/64 CS10 - UC Berkeley Spring 2012 27

  25. CS10 - UC Berkeley Spring 2012 28

  26. digibarn.com CS10 - UC Berkeley Spring 2012 29

  27. Earlier today... CS10 - UC Berkeley Spring 2012 30

  28. GRiD Compass in Space (1985) CS10 - UC Berkeley Spring 2012 31

  29. IBM Simon 1992 CS10 - UC Berkeley Spring 2012 32

  30. http://www.dipity.com/bjoern/personal CS10 - UC Berkeley Spring 2012 33

  31. What has changed? “For every ant in the world today, there are 100 transistors. ” - Gordon Moore, 2003 CS10 - UC Berkeley Spring 2012 34

  32. CS10 - UC Berkeley Spring 2012 35

  33. Ratio Era HCI Focus Computers:People Mainframe 1:many Human Factors Computing Personal Psychology, Cog. 1:1 Computing Science Ubiquitous Collaboration, Rich many:1 Computing Interaction CS10 - UC Berkeley Spring 2012 36

  34. Research Directions CS10 - UC Berkeley Spring 2012 37

  35. (c) Dan O’Sullivan CS10 - UC Berkeley Spring 2012 38

  36. Some saponas / Chris Harrison thing CS10 - UC Berkeley Spring 2012 39

  37. CS10 - UC Berkeley Spring 2012 40

  38. CS10 - UC Berkeley Spring 2012 41

  39. CS10 - UC Berkeley Spring 2012 42

  40. I'wish'I'knew'you I'like'your'picture You'are'cool I'was'paid'to'link'to'you I'want'your'reflected'glory Everybody'else'links'to'you I’d'vote'for'you Can'I'date'you? Are you my friend? We'met'at'a'conference'and'it'seemed'like'the'thing'to'do. yes no I'kind'of'like'you I'like'you I'really'like'you I'feel'socially'obligated'to'link'to'you I'know'you I'beat'you'on'Xbox'Live Hi,'Mom I'have'fake'alter'egos

  42. Zipf / Power Law Distribution Source: Ed Chi, PARC

  43. HCI Research at Berkeley CS10 - UC Berkeley Spring 2012 46

  44. Crowds & Collective Intelligence Design & Touch & Development Physical Tools Computing

  45. Crowd Work Platforms Crowd Applications (Shepherd CSCW12, (BribeCaster) Crowds & Turkomatic CSCW12) Expertise Sharing Tools Collective (HelpMeOut CHI10, Intelligence Local Crowd Work HyperSource CHI11) (Umati CHI12) Empirical Analyses (Stack Overflow CHI11) Design & Touch & Improved Tutorials Development Physical (ShowMeHow UIST11, Tools Computing d.mix CHI10) Smarter Code Editors Prototyping & Multitouch Applications (Stacksplorer UIST11) Manufacturing & Toolkits Tools (Eden CHI11, (d.tools UIST06, Pictionaire CSCW10, Exemplar CHI07, Proton CHI12) Fabbit)

  46. Crowds & Collective Intelligence Design & Touch & Development Physical Tools Computing Multitouch Applications & Toolkits (Eden, Pictionaire, Proton)

  47. Supporting Co-Located Design 50

  48. Question: How might we help design team members manage information more fluidly across digital and physical boundaries ? 51

  49. 52

  50. 53

  51. 54

  52. Table Infrastructure CS10 - UC Berkeley Spring 2012 55

  53. The FourBySix Table CS10 - UC Berkeley Spring 2012 56

  54. Object Manipulation XY World Z Translation Rotation Z Translation Uniform Scale One-Dimensional Arcball Scale Rotation Throw-and-Catch Local Z Rotation 57

  55. 58

  56. Crowds & Collective Intelligence Local Crowd Work (Umati) Design & Touch & Development Physical Tools Computing

  57. CS10 - UC Berkeley Spring 2012 60

  58. CS10 - UC Berkeley Spring 2012 61

  59. Typical tasks image labeling comment spam detection business listing verification human OCR CS10 - UC Berkeley Spring 2012 62

  60. Can we crowdsource expert tasks by motivating groups of local experts? CS10 - UC Berkeley Spring 2012 63

  61. CS10 - UC Berkeley Spring 2012 64

  62. How about peer grading? CS10 - UC Berkeley Spring 2012 65

  63. SnackShop 4600 CS10 - UC Berkeley Spring 2012 66

  64. CS10 - UC Berkeley Spring 2012 67

  65. CS10 - UC Berkeley Spring 2012 68

  66. CS10 - UC Berkeley Spring 2012 69

  67. CS10 - UC Berkeley Spring 2012 70

  68. CS10 - UC Berkeley Spring 2012 71

  69. 1 Week 300+ Unique Users 7500+ Answers Graded $200 of Candy CS10 - UC Berkeley Spring 2012 72

  70. How Good are the Answers? Gold Standard: 11 Expert Graders (TAs, CS PhD students) Sanity Check: Mechanical Turk (w/ and w/o qualification) CS10 - UC Berkeley Spring 2012 73

  71. Worse than chance (20%) CS10 - UC Berkeley Spring 2012 74

  72. 11 Umatiers are better than 1 expert! More Turkers = more noise CS10 - UC Berkeley Spring 2012 75

  73. www.cs.berkeley.edu/~bjoern CS10 - UC Berkeley Spring 2012 76

  74. Human-Computer Interaction Redux ...is concerned with the design, implementation, and evaluation of user interfaces. Mobile, social & ubiquitous computing: now is an incredibly exciting time to work in HCI! Want more? CS160 User Interface Design Course Thread in Human-Centered Design http://coursethreads.berkeley.edu CS10 - UC Berkeley Spring 2012 77

  75. bjoern@eecs.berkeley.edu www.cs.berkeley.edu/~bjoern

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

Scientific domain Human-Computer Interaction Interaction Computer science Supported by

Scientific domain Human-Computer Interaction Interaction Computer science Supported by

1 Usable Digital World Human-Computer Interaction Laurence NIGAY Laurence.Nigay@univ-grenoble-alpes.fr EHCI team - Engineering for Human-Computer Interaction 2 Scientific domain Human-Computer Interaction Interaction Computer science

446 views • 26 slides
Chris Snijders - Irrelevant private stuff 2 Chris Snijders @Dagstuhl The models themselves

Chris Snijders - Irrelevant private stuff 2 Chris Snijders @Dagstuhl The models themselves

Chris Snijders Eindhoven University of Technology (NL) Human-Technology Interaction Human Perception Human-Computer-Interaction Human-Games-Interaction Human-Data-Interaction Human-Model-Interaction - Trust in technology / persuasion

427 views • 3 slides
Human-Computer Interaction 2. Termin: Design basics & the human MMI/SS05 1 What is

Human-Computer Interaction 2. Termin: Design basics & the human MMI/SS05 1 What is

Human-Computer Interaction 2. Termin: Design basics & the human MMI/SS05 1 What is Human-Computer- Interaction? HCI aims at making interactions between people and machines less stressful and less error-prone, and thus increase

798 views • 35 slides
Human-Computer Interaction Butz, Krger: Human-Computer Interaction, chapter 16: Web UIs slide

Human-Computer Interaction Butz, Krger: Human-Computer Interaction, chapter 16: Web UIs slide

Human-Computer Interaction Butz, Krger: Human-Computer Interaction, chapter 16: Web UIs slide 1 Chapter 16 - Web UI Some technological Basics of the Web Layout: fluid, static, adaptive, responsive Content: static or dynamic

585 views • 19 slides
CS 102 Human-Computer Interaction 1 CS102: Monsoon 2015 About this course Introductory course

CS 102 Human-Computer Interaction 1 CS102: Monsoon 2015 About this course Introductory course

CS 102 Human-Computer Interaction 1 CS102: Monsoon 2015 About this course Introductory course on Human-Computer Interaction (HCI) Required for the CS major; counts towards CS minor No pre-requisites (programming useful, but not strictly

521 views • 33 slides
On Human Computer Interaction, HCI Dr. Saif al Zahir Electrical and Computer Engineering

On Human Computer Interaction, HCI Dr. Saif al Zahir Electrical and Computer Engineering

On Human Computer Interaction, HCI Dr. Saif al Zahir Electrical and Computer Engineering Department UBC Human Computer Interaction HCI HCI is the study of people, computer technology, and the ways these influence each other . We study

731 views • 48 slides
Trade-Offs in Human-AI Interaction Human-AI Interaction Luigi De Russis Academic Year 2019/2020

Trade-Offs in Human-AI Interaction Human-AI Interaction Luigi De Russis Academic Year 2019/2020

Trade-Offs in Human-AI Interaction Human-AI Interaction Luigi De Russis Academic Year 2019/2020 AI+HCI "From the earliest times in the development of computers, activities in the field of Human-Computer Interaction (HCI), and

591 views • 29 slides
Fundamentals of Human-Computer Interaction Introduction History Psychology 101 Graphical

Fundamentals of Human-Computer Interaction Introduction History Psychology 101 Graphical

Master Informatique - Universit Paris-Sud Outline Fundamentals of Human-Computer Interaction Introduction History Psychology 101 Graphical interaction Post-WIMP interaction Photos/collage by Jack L. Moffet in Dan R. Olsen, Interacting in

373 views • 4 slides
OBSERVING INTERACTION human-computer interaction CSE 440 WINTER 2015 University of FEB 12 -

OBSERVING INTERACTION human-computer interaction CSE 440 WINTER 2015 University of FEB 12 -

Maya Cakmak, Matt Kay, Brad Jacobson, King Xia EVALUATION: OBSERVING INTERACTION human-computer interaction CSE 440 WINTER 2015 University of FEB 12 - WEEK 6 - THURSDAY Washington Today Evaluation Heuristic evaluation recap and

824 views • 55 slides
Lecture 7 Interaction Fundamentals Mark Woehrer CS 3053 - Human-Computer Interaction

Lecture 7 Interaction Fundamentals Mark Woehrer CS 3053 - Human-Computer Interaction

Lecture 7 Interaction Fundamentals Mark Woehrer CS 3053 - Human-Computer Interaction Computer Science Department Oklahoma University Spring 2007 [Taken from Stanford CS147 with permission] CS 3053 - Mark Woehrer - Learning Goals

299 views • 25 slides
EECS 4441 Human-Computer Interaction Topic #3a: The Interaction Steven Castellucci York

EECS 4441 Human-Computer Interaction Topic #3a: The Interaction Steven Castellucci York

EECS 4441 Human-Computer Interaction Topic #3a: The Interaction Steven Castellucci York University, Canada Topics Soft Controls Control-Display Relationships Mental Models Modes Multi-Degree of Freedom Input Devices Touch

209 views • 20 slides
Human-Computer Interaction Termin 9: Spoken Language Interaction MMI/SS06 The evolution of user

Human-Computer Interaction Termin 9: Spoken Language Interaction MMI/SS06 The evolution of user

Human-Computer Interaction Termin 9: Spoken Language Interaction MMI/SS06 The evolution of user interfaces (and the rest of this lecture) Year Paradigm Implementation 1950s None Switches, punched cards 1970s Typewriter Command-line

652 views • 44 slides
HCI/CHI: Computer-Human Interaction Who knows best what users want/expect in a GUI

HCI/CHI: Computer-Human Interaction Who knows best what users want/expect in a GUI

HCI/CHI: Computer-Human Interaction Who knows best what users want/expect in a GUI developer? human factors engineer? user? Must meet user expectations even if they dont make sense Where is the Quit menu item? Why?

274 views • 8 slides
MMI 2: Mobile Human- Computer Interaction Visualization and Interaction Techniques for Small

MMI 2: Mobile Human- Computer Interaction Visualization and Interaction Techniques for Small

MMI 2: Mobile Human- Computer Interaction Visualization and Interaction Techniques for Small Displays Prof. Dr. Michael Rohs michael.rohs@ifi.lmu.de Mobile Interaction Lab, LMU Mnchen Lectures # Date Topic 1 19.10.2011 Introduction to

844 views • 71 slides
CHCI Center for Human-Computer Interaction The Co-Production Imperative John M. Carroll

CHCI Center for Human-Computer Interaction The Co-Production Imperative John M. Carroll

CHCI Center for Human-Computer Interaction The Co-Production Imperative John M. Carroll Center for Human-Computer Interaction College of Information Sciences and Technology The Pennsylvania State University

367 views • 7 slides
Human Computer Interaction Laboratory UN UNIVERSITY OF OF CR CRETE DE DEPARTM TMENT T

Human Computer Interaction Laboratory UN UNIVERSITY OF OF CR CRETE DE DEPARTM TMENT T

1 Human Computer Interaction Laboratory More than 3 decades of pioneering R&D www.ics.forth.gr/hci Human Computer Interaction Laboratory UN UNIVERSITY OF OF CR CRETE DE DEPARTM TMENT T OF COM COMPUT UTER SCI CIENCE CE

4.37k views • 23 slides
Low-Crossing Spanning Trees An Alternative Proof and Experiments Panos Giannopoulos Maximilian

Low-Crossing Spanning Trees An Alternative Proof and Experiments Panos Giannopoulos Maximilian

Introduction Low Crossing Spanning Trees Experiments Summary Low-Crossing Spanning Trees An Alternative Proof and Experiments Panos Giannopoulos Maximilian Konzack Wolfgang Mulzer March 35, 2014 EuroCG 2014, Ein-Gedi, Israel

579 views • 20 slides
Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing

Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing

10/19/2010 Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing the Loop Closing the Loop (Continuous Quality Improv (Continuous Quality Improvement (Continuous Quality Improv

888 views • 45 slides
Hmong Language 2. The Hmong Language 1. Hmong People 3. Natural Language Processing of Hmong 1

Hmong Language 2. The Hmong Language 1. Hmong People 3. Natural Language Processing of Hmong 1

Mengfei Zhou Language Resource Assessment July 20, 2016 Institute for Computational Linguistics, Heidelberg University Hmong Language 2. The Hmong Language 1. Hmong People 3. Natural Language Processing of Hmong 1 Table of contents Hmong

462 views • 23 slides
Language-Driven Visual Reasoning for Referring Expression Comprehension

Language-Driven Visual Reasoning for Referring Expression Comprehension

Language-Driven Visual Reasoning for Referring Expression Comprehension VALSE 2019-12-18 Outline Introduction and Related Work Cross-Modal Relationship Inference for Grounding

610 views • 34 slides
Unified rational protein engineering with sequence-based deep representation learning Ethan C.

Unified rational protein engineering with sequence-based deep representation learning Ethan C.

Unified rational protein engineering with sequence-based deep representation learning Ethan C. Alley 1,2,6 , Grigory Khimulya 6,7 , Surojit Biswas 1,3,6 , Mohammed AlQuraishi 4 and George M. Church 1,5 * 1 Wyss Institute for Biologically Inspired

626 views • 13 slides
L. E. S. S. is More Assistant Vice Chancellor, Public Safety Adrian Andrews Texas

L. E. S. S. is More Assistant Vice Chancellor, Public Safety Adrian Andrews Texas

L. E. S. S. is More Assistant Vice Chancellor, Public Safety Adrian Andrews Texas Christian University Overview Texas Christian University Adrian Andrews Intro Shuttle Bus Shooting L. E. S. S. is More Training

446 views • 13 slides
The Literature: Self-Synchronization and Shared Awareness Desired Agile C2 Attributes Desired

The Literature: Self-Synchronization and Shared Awareness Desired Agile C2 Attributes Desired

Enabling Adaptive C2 via Semantic Communication and Smart Push: A Model-based Network Communication Approach LtCol Carl Oros, USMC LtCol Carl Oros, USMC Brief to Brief to AFCEA-GMU C4I Center Symposium AFCEA-GMU C4I Center Symposium

402 views • 13 slides
Generating Matroids using HPC-GAP and ArangoDB Lukas K uhne August 31, 2017 Joint work with

Generating Matroids using HPC-GAP and ArangoDB Lukas K uhne August 31, 2017 Joint work with

Generating Matroids using HPC-GAP and ArangoDB Lukas K uhne August 31, 2017 Joint work with Mohamed Barakat, Reimer Behrends, and Chris Jefferson 1 Outline 1. Motivation Phylogenetic trees Matroids 2. Parallelized iterator

401 views • 18 slides

More recommend