CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. ·...

33
CS102: Monsoon 2015 CS 102 Human-Computer Interaction 1

Transcript of CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. ·...

Page 1: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

CS 102 Human-Computer Interaction

1

Page 2: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

About this courseIntroductory course on Human-Computer Interaction (HCI)

Required for the CS major; counts towards CS minor

No pre-requisites

(programming useful, but not strictly required)

Not a pre-requisite for any other required CS major course

Will be offered next in Monsoon 2016

2 CS102: Monsoon 2015

Page 3: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Course logistics2 meetings per week: M, W 4.15 - 5.45pm, LR 205

Instructor:

Prof. Sudheendra Hangal

TA:

Abhilasha Kumar

Office hours:

Prof. Hangal: Fridays 10-11am Room 604

Abhilasha Kumar: Tuesdays 3-4pm, 6th floor meeting rooms

(Some weeks either/or)

3 CS102: Monsoon 2015

Page 4: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

IT systemsMake sure you are registered in the SIS

We will try out the Moodle LMS (please get an account)

Course web page:

http://cs.ashoka.edu.in/cs102/index.html

Staff mailing list: [email protected]

4

Page 5: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Introductions

Please share a bit about yourself and your idea of what this course may be about…

5

Page 6: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Why study HCI?• Understand how people work (generally, and with

technology)

• Many impactful ideas in the CS domain are not purely technology enabled

6

. . .

Page 7: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

What does HCI cover? 

• Not just user interfaces and systems…

• Almost anything that depends on people

• In the HCI field, it’s common to see work on computers + psychology, sociology, medicine, journalism, politics, and even sex and death

7

Page 8: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Course OutlineL1: Intro and history

L2: Cognitive biases and user models

L3: User-centered design-1

L4: User-centered design-2

L5: Design studio-1

L6: Input/Output-1

L7: Input/Output-2

L8: Web interfaces

L9: Mobile interfaces

L10: Visualization-1

L11: Visualization-2

8

Page 9: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Course OutlineL12: Ubiquitous computing

L13: User testing and statistical analysis-1

L14: User testing and statistical analysis-2

L15: Design Studio-2

L16: Collaboration

L17: Natural Language Processing

L18: Cognitive computing

L19: Social media

L20: Life-logging

L21: Crowdsourcing and collective intelligence

L22: ICT for Development-1

9

Page 10: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Course OutlineL23: ICT for Development-2

L24: HCI for programming

L25: Design Studio-3/Hackathon

(Schedule is tentative, order or topics may change)

10

Page 11: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Learning Objectives

• Get a perspective on HCI sub-field of CS

(History, evolution + where we’re going)

• Learn the general principles of user-centered design

Ideation, contextual inquiry, prototyping, testing, learning how to learn from users

11

Page 12: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Learning Objectives• Think boldly and work in a team to take an idea from

concept to implementation

• Connect HCI to other disciplines and understand techniques used in them

• Prepare for research: Examine some innovative ideas, see trends, create new systems

12

Page 13: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

The evolution of HCI

13

Page 14: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Sketchpad (1962)

14http://www.computerhistory.org/fellowawards/hall/bios/Ivan,Sutherland/

http://amturing.acm.org/award_winners/sutherland_3467412.cfm

Page 15: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Ivan Sutherland

15 https://www.youtube.com/watch?v=sM1bNR4DmhU

Page 16: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Sketchpad

16 http://www.cl.cam.ac.uk/techreports/UCAM-CL-TR-574.pdf

Page 17: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 201517 http://www.dougengelbart.org/firsts/mouse.html

The “servo-control unit” (1968)

Page 18: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Alternatives Evaluated

18

Page 19: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Douglas Engelbart

19 http://www.youtube.com/watch?v=Eb4ZNcMj0uw

Page 20: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

SHRDLU (1970)

20 https://dspace.mit.edu/handle/1721.1/7095

Terry Winograd

Page 21: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

SHRDLU

21 http://projects.csail.mit.edu/video/history/aifilms/26-robot.mp4

Page 22: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

A tour de force!

22

“pick up anything green, at least three of the blocks, and either a box or a sphere which is bigger than any brick on the table”

http://hci.stanford.edu/~winograd

Page 23: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Dynabook (1972)

23

Page 24: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Xerox Alto and Star

24

Page 25: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Alan Kay

25 https://www.youtube.com/watch?v=SdL6dzWvm5M

Page 26: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Course Details

26

Page 27: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Course rules

• Attendance forms a significant part of your grade

If you’re unable to attend class for a valid reason, review a substitute reading within a week

• No copying or plagiarism tolerated (leads to F grade)

• Collaboration is ok, with attribution

• In class, please put mobile phones in airplane mode

27

`

Page 28: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Grading

Total of 200 points

100 points for project:

30 points for idea log

30 points for attendance

20 points for (easy, surprise) quizzes

20 points for paper reviews

28

Page 29: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Course Project

You will carry out a semester long project in a team of 3 people

Goal: design a new computer enabled tool or service using the user-centered design process

Emphasis is on process, not just the eventual outcome

With permission, you MAY be able to combine this with aspects of a project in another class

29

Page 30: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Idea LogsAlways carry an unruled notebook and pencil with you. Keenly observe people around you and watch the things they struggle with. Sketch functionally these errors, and design fixes for them.

Its ok if you're not good at drawing. The point is to use drawing to force yourself to think and observe deeply. Print and paste things in if needed.

Be as specific as you can. Keep it imaginative, but grounded. Don't be afraid of small ideas!

30

Page 31: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Idea LogsYou can discuss with others, but only enter your own ideas in your idea log.

Spent (at least) 5-10 minutes per entry. We expect at least 30 entries by end-sem. Graded on volume and novelty.

We will examine the logs mid-semester.

We will put up all the logs at the final expo, so you can share with and learn from others.

31

Page 32: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Reading assignment 1

32

Submit a review of about 500 words on this essay from 1946.

Link on course website.

Due Monday Sept. 6 before class (4.15 pm)

Page 33: CS 102 Human-Computer Interactioncs.ashoka.edu.in/cs102/slides/L1-Intro.pdf · 2015. 8. 31. · CS102: Monsoon 2015 Course Outline L23: ICT for Development-2 L24: HCI for programming

CS102: Monsoon 2015

Open access

We make as much course material as possible openly available

Anyone from the Ashoka community is welcome to sit in and observe the lectures

Let us know if you do not want to share your paper reviews or project materials publicly (even with first name or initials)

33