01

Human-Computer Interaction

Master Program in Computer Engineeringa.a. 2011-2012

Prof.ssa Franca Garzotto

Ing. Matteo Valoriani

Lesson 1: INTRODUCTION

01

What is HCI, and what is not Exercise Contents Organization Exam and Evaluation The online platform (Metid-Beep) Q&A Videos

LESSON 1: OUTLINE

01Quick Premise HCI: a master progran course in the track

“Interactive Applications”See

http://ccs-informatica.ws.dei.polimi.it/>Laurea Magistrale >Percorsi di Specializzazione”

for an overview of the track Sinergies with other courses in the same

track iTV (prof. Cremonesi)Problem analysis atelier (prof. Paolini)

01

HCI is concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them” (ACM SIGCHI, 1992) ACM = Association for Computing MachinerySIGCHI= Special Interest Group for Human Computer Interaction

What is HCI?

HCI – a switch of perspectiveT RA D I T I O N A L P E R S P E C T I V E O F A C O M P U T E R E N G I N E E R : T E C H N O LO GY A S A M E A N S

HCI PERSPECTIV

E :

TECHNOLOGY AS A

MEANS T

O

AN END

The e

nd: sa

tisfyin

g user

s’ need

s,

attitu

de, a

nd ex

pecta

tions

01

Your opinion?

Why Facebook is such a huge success?

01

Your opinion?

Why Facebook is such a huge success?

Students ideas from class discussion

It reflects a need: socialization on a world wide scale

It reflects a need: a set of usefull functionality in the same integrated environment

it is easy to use

right tool at the right time strong implementation

...

01“Corriere della Sera” – 13 sett 2010

01Dal “Corriere della Sera” “Corriere della Sera” – 13 sett 2010

01

1. HCI is a «light, soft» matter

2. HCI is just about users

3. HCI is just about building nice interfaces to interactive products and services

4. HCI does not offer strong business opportunities

Some opinions on HCI

01

ALL WRONG!!!

01

HCI is a rigorous discipline Strong theories

sw engineering flavorcognitive-psychological flavor

Strong methods of analysis, design, testing & evaluation apparently obvious to learn, quite difficult

to apply

HCI is NOT a light, soft matter

01

HCI is about UX (User eXperience), i.e., about technology AND users AND contexts of use

User studies are an important branch of HCI Understanding the needs for all stakeholders Analysing their behaviour with technology Understanding how design solution affect users’

perceptions, attitude, and judgementsBUT

HCI is also Creating the right design Building the right technology

HCI is NOT just about users

01

HCI searches for the best successful technology for the «user in context»

Key attributes for an interactive technology to be successful

Usefull - accomplish what is required

Usable – robust + do it easily and naturally

Used – make people want to use it, be attractive, engaging, fun

HCI is NOT just about users

01

Interface is the surface of a product – it must be nice, attractive, fun

BUT

HCI is also Integrating a nice interface with the sw architecture

behind Addressing many technological challenges

Constant search for NEW INNOVATIVE technical solutions

As new user needs emerge, existing technology must be adapted and new technology must be developed

HCI is NOT just about building nice interfaces

01

See Facebook and Mark Elliot Zuckerberg’s story

But even if your are not Zuckerberg, here is a success story closer to us...

Emanuele Vulcano («software artisan – engineer») A Politecnico alumnus (and my former thesis

student) Among other things, developer of Mover

(>2.700.000 downloads from Apple Store)http://infinite-labs.net/mover/ Now on the move to Coupertino (S. Francisco-

CA) as «front end engineer» at APPLE (permanent position)

«.... e’ grazie al lavoro di tesi che abbiamo realizzato (più che altro per le implicazioni in ambito di usabilità/user experience) che hanno deciso di assumermi...»

HCI does offer business opportunities

01 HCI promotes analysis, design and development

approaches that enabled professionals to better

understand user needs and contexts of use (now and in perspective)

create and evaluate ICT artefacts from a utility and easeness of use perspective

in order to build successful products

HCI provides conceptual methods and technological tools to achieve these goals in systematic, resource-effective way

In summary...

01

Q1) Technology as a means vs. Technology as a means to an end: Conflicting perspectives?YES/NO(Motivate your answer)

Q2) Write 1-3 examples of digital services where you think HCI issues can play or has played an important role

Exercise on the fly

01

Q1) Technology as a means vs. Technology as a means to an end: Conflicting perspectives?Answer 100% YESWhy?HCI: complementary to technology, the extension of technology towards users

Q2) Examples of digital services where you think HCI issues can play or has played an important roleTouch devices (iPhone, iPad...)E-commerce systemsMail systems......

Exercise on the fly: Results from class discussion

01Contents of this course

Interaction Design Process in the Software Process HCI models and theories Requirements Usability and Quality of the User Experience

Empirical and inspection methods Scenarios Prototyping (methods and tools) Outside the box: non conventional Interaction Paradigms

mobile interaction tangible interaction gesture-based interaction multitouch (large) tabletop interaction Ambient Interaction and Internet of the

Things Apps

Concepts + Technology

01

Organization

PART I: Learning the HCI contents (theories, concepts, methods, and technologies)

Oct-Nov

PART II: Applying them (Project Work)Dec- Jan

01Organization-Part I (Oct-Nov) A set of lectures by course teachers about theories,

concepts, methods, and technologies Ex-cathedra presentations Demos Exercises on-the-fly

A set of lectures by invited speakers about Technology HCI Methods Industrial Perspective

Weekly Discussion directed by specific questions open class discussion format, involving the Virtual

or Real Classrom space

01Confirmed Invited Speakers Technology

A Team from Microsoft Italy (3 lectures) Subject: Windows Phone 7 Development

HCI Methods Prof. Davide Bolchini, School of Informatics,

Indiana Univ. - Purdue Univ. Indianapolis (US) – via skype

Subject: mobile prototyping

01Confirmed Invited Speakers Industrial Perspectives on HCI

Eng. Dr. Vito Perrone, R&S Manager Expedia-Venere

Subject: e-tourism services – technology, UX, and business perspectives

Eng. Dr. Stefano Mainetti, CEO – Web Science

Subject: Understanding Users and Customers in large ICT projects

More speakers have been contacted –t.b.c. partecipation

01

Prof. Bolchini lecture (skype): October 27 (Thu)

WP7 Microsoft lessons (OPEN to all Polimi students): Nov 3 (Thu) Nov 4 (Fri p.m. – room to be defined) Nov 8 (Tue)

Eng. Dr. Perrone Nov 17 (Thu)

Eng. Dr. Mainetti Dec-Jan (date t.b.d.)

Invited Speakers’ Dates

01Organization-Part I (cont.)Outside course hours, you - student - will have to do the following:

Read & Study weekly assigned material (slides, book chapters, scientific papers)

Prepare one issue of discussion derived from the reading, and post it online by a given deadline (a problem, a question, a weakness, a challnge...)

Perform assigned exercises, and post solutions online by a given deadline

01Organization-Part I (cont.)During course hours, you - student - will have to do the following:

on scheduled times: Shortly present readings (what they are about,

critical issues, weaknesses...) Discuss your question

at each lesson: listen, think, raise questions, partecipate to the

discussion

01Organization-part II (Dec-Jan)Project Work

2 projects

Mid-Term project

Final Project

01Organization-part IIMid-Term project

Designing, building, and publishing a WP7 MOBILE APP on MS WF7 Store

Development Tools and Technical Support by MS Free theme Estimated Workload : 1 p/week INDIVIDUAL WORK

01Organization-part IIMid-Term project (cont.)

Your mobile app MUST will be screened by MS and become available for

(free) download Will participate to the WP7 COURSE COMPETITION

sponsored by MS Winner(s) will get a Nokia WP7 Phone

In an extended form, it will hopefully partecipate to Microsoft Imagine Cup “the world’s premier student technology competition” (see also next slides)

http://http://www.imaginecup.com Technical support by MS and teacher’s mentoring

available MS COURSE AND WP7 APP INITATIVES OPEN TO ALL POLIMI

STUDENTS (invite friends!)

01Organization-part II (Dec-Jan)Final Project Theme: one of the following

Gamification (Expedia Case study) Tangible Interaction Ambient Interaction Tabletop Interaction Mobile Interaction (WP7) E-Branding ...

Specs: proposed by Teachers Individual or Team work MANDATORY weekly tutoring by teachers (project by

project, once a week)

01Organization-part II (Dec-Jan)Final Project output a RUNNING «proof of concept» related documentation a video presentation

To be delivered by the end of the course or on appello dates

01Organization-part II (Dec-Jan)Final Project Possibility of joint projects with

the iTV courseSubject: Recommender Systems (E-tourism

Domain)2 formats:

Small project: counts for 5 points in iTV course Big project: replaces the iTV course full exam

The Problem Analysis Atelier Course Is strongly invited to participate to Imagine Cup

Last year: a number of Polimi students as Imagine Cup national finalists

Technical support by MS and teachers’ mentoring available

01COURSE EVALUATION: ATTENDING STUDENTS

For attending students, evaluation will be based on

1. Active partecipation during lectures and online (max 2 point)

2. Exercises and Question Discussion (max 4 points)

3. One specific exercise on Usability Evaluation (max 4 points)

4. Mid-term Project (max 5 points)5. Final Project (max 20 points)

01COURSE EVALUATION: NON ATTENDING STUDENTS

NON attending students can partecipate to course activities ONLINE during the course period

Evaluation will be based on:1. Active online partecipation (max 2 point) 2. Exercises (max 3 points)3. One specific exercise on Usability Evaluation (max 4

points)4. Mid-term Project (max 5 points)5. Final Project (max 20 points)

If not delivered during the course, all exercises will be done at official appello dates, when also final and mid-term projects must be delivered

01Evaluation Criteria Attitude/Investment in the course

Attendance to and Preparation of in-class and online Activities

Discussion activities: subject knoledge + argumentation/communication skill

Exercises: Correctness and Completeness

Projects Technical Quality UX Quality Originality Quality of Documentation and Presentation

01Reference HCI BooksA. Dix et al.,  “Human-Computer Interaction”, 3rd edition,

Perason-Prentice Hall, 2004(some contents are also online: http://www.hcibook.com) 

Jennifer Preece et al., “Interaction Design”,  2nd ed.  Wiley, 2007

(most contents are also online http://www.id-book.com/)

01

 

Further Readings

R. Polillo “Facile da usare” Apolgeo 2010Full version online:http://www.rpolillo.it/index.php/libri/facile-da-usare/

M. Kuniavsly, “Observing the user experience”,  Morgan- Kaufmann 2003 B. Buxton "Sketching User Exeriences:Getting the Right Design and the Design Right", Morgan Kaufmann, 2007 D. Stone, C. Jarret, M. Woodroffe, S. Minocha, "User Interface Design and Evaluation", The Morgan Kaufmann Series in Interactive Technologies, 2005 

01

Beephttp://beep.metid.polimi.it/

The online platform

01

An POLIMI official, but under sperimentation, e-learning environment

Enrolled students might not have the access yet untill course plan submission deadline is over

In the meantime, comunication and course material delivery (sides, papers, schduling) managed using your and ours polimi e-mail:

\

BEEP

01

Q&A

01Some videos…

01From history to present…

(a tribute to Steve Jobs) Apple Lisa (1983): the ancestor of Apple Mac

http://www.youtube.com/watch?v=5DQDZG5jNZk&feature=channelhttp://www.youtube.com/watch?v=a4BlmsN4q2I(6’.39”)

Few weeks later…Steve Jobs demos Apple Macintosh (Jan. 1984)

http://www.youtube.com/watch?v=G0FtgZNOD44&feature=related

Many years later, Steve Jobs demos iPad (Jan 2010)http://www.youtube.com/watch?v=4_zI21XEo0Q

But today - October 7th, 2011 - the sad new:http://www.cbsnews.com/stories/2011/10/05/scitech/main20116338.shtml

01Perspectives on Interaction Design…Tim Brown, Ideohttp://www.youtube.com/watch?v=UAinLaT42xY

About Tim Brown: http://www.ideo.com/thinking/voice/tim-brownand Ideo http://www.ideo.com/; http://www.ideo.com/work/clients

Bill Buxton – Chief Designer at Microsofthttp://videos.visitmix.com/MIX09/KEY01 (about design)http://www.youtube.com/watch?v=WET3jAecH68 (Gustav Project)http://www.youtube.com/watch?v=xx1WveKV7aE(Sketching and Experience Design - lecture at Stanford University)

Don Norman: The Design of Future Things (lecture at Stanford University)

http://www.youtube.com/watch?v=wQmwEjL6K1U&feature=channel