Human Computer Interaction (HCI) - Vilniaus Universitetas

Human Computer Interaction (HCI)Designing Interactive systemsLecture 1dr Kristina Lapin1

Objectives The variety of interactive systemsEvolutionConcerns of interactive system designCourse requirementsLearning resources

Aims The variety of interactive systemsThe concerns of interactive systemsEvolutionBeing digitalThe skills of interactive systems designedImportance of human computer interaction

Smart phones 2007: iPhone– Touch screen– Multi-touch input– New ways of interaction Pinching for zooming Sensors how phone is held– Portrait, landscape styles– iTunes delivery service

Desktop systems5

Virtual reality6

Immersive technologiesGamesVirtual WorldsSocial Networks

Virtual worldsSecond life is a huge on-line community populated by animated virtualpeople (avatars). Consists of simulated islands with parks, buildings, etc.People create the avatars to represent themselves.

http://www.thefuntheory.com/Ambient technologieshttp://www.youtube.com/watch?v 2lXh2n0aPyw&feature player embedded#!9

Domestic toy robot i Robo Q moves freely around the house reacts to voice commands, monitors its surroundings with asurveillance camera and takespictures teaches children languages, plays games, provides the weather forecast,news and recipes.Photographed at a robot exhibition inSeoul, South Korea.10

Social networks11

Various user interfacesWhat do the interfaces consist of?12

Gesture interaction: Nintendo Wii13

EVOLUTION OF HCI14

Vannevar Bush “As We May Think” The Atlantic Monthly, 1945. Memex: analog hypertext41890 – 197415

ENIAC, 1946Electronic Numerical Integrator And g16

Grace Hopper –the inventor of compiler Compilerimproved usability A-0: ArithmeticLanguage version0; 1951-1952 COBOL, 195917

First interactive screens1960-ties: data stored in papertape or cards with holes punchedin them. Cards were sent tocomputer centre, data wasprocessed, results printed. Joseph C.R. Lickliderthe first screens and cathode ray tubes(CRT)18

Direct interaction with computer Ivan Sutherland (MIT), Sketchpad, 1962 It could draw both horizontal andvertical lines and combine them intofigures and shapes. Figures could becopied, moved, rotated, or resized,retaining their basic properties. Input: light pen Output: cathode ray tubehttp://www.youtube.com/watch?v USyoT Ha bA19

Computer mouse Douglas Engelbart, 1968 Demonstrated theinteraction using themouse at The Mother ofAll html#complete,clip 1220

1970-ties: people at the center Technology at the focus of design– batch interaction, command lineinterface Alan KayAlan Kay holdsthe mockup ofDynabook– Dynabook: concept of laptop– Object-oriented programming,SmallTalk– People at the center of design21

Graphical user interface XEROX STAR, 1981 Office metaphor– windows, icons, folders– Ethernet network,– file server,– print server,– email microcomputershttp://www.youtube.com/watch?v Cn4vC80Pv6Q22

1990 ties: multimedia 1993: hypertext World Wide Web revolutionized the process oftransmitting and sharing files.– Pictures, movies, music, text and even live videolinks were available to everyone 1993: Mark Weizer, ubiquitous computing– Mobile devices and available Internet

Evolution of HCI 40–ties – vision, Vannevar Bush50-ties – compilers, Grace Hoper60-ties – Sketchpad, Ivan Sutherland70-ties – Dynaburg, Alan Kay80-ties – XEROX Star, microcomputers90-ties – multimedia2000-ties – mobiles2010-ties - ?24

Long nose of innovation, Bill Buxton25

Long nose of innovation New products and ideas come from observinghistory and the evolution of the ecosystem. ipod took aesthetical inspiration from DieterRams’ Braun T3 radio, produced in 1958.26

DesignTechnologiesPeopleActivities and contextsCONCERNS OF THE INTERACTIVESYSTEMS DESIGN27

Concerns of interactive systemsdesignActivity developing high quality interactive systems,products and services that– fit with people and their ways of living28

The ergonomic model of HCIContextActivitiesPeopleTechnology29

ACM model of HCI

People and technologies Interactive system - the technologies that covercomponents, devices, products and software systems– that are primarily concerned with processing information. Interactive systems are things that deal with thetransmission, display, storage or transformation ofinformation that people can perceive.– They are devices and systems that respond dynamically topeople’s actions.31

Being human-centred Thinking about what people want to dorather than what the technology can do Designing new ways to connect peoplewith people Involving people in the design process Designing for diversity

The process of interaction esEvaluatingPrototypingwww.id-book.com33

Save development costsBias, Randolph G., Mayhew, Deborah J. Cost-justifying usability: an update for the internet age. MorganKaufman Publishers, 2005.34

COURSE REQUIREMENTS

Human-computer Interaction a discipline concerned with– the study,– design and– implementation of human-centric interactive computersystems.36

Interaction design: fusion of skills Main uter scienceSociology

Skills of interactive systems designer Study and understand the activities and aspirationsof people and the contexts– within which some technology is useful– and generate requirements for technologies Know the possibilities offered by technologies Research and design technological solutions– that fit in with people, the activities they want toundertake and the contexts in which those activities occur Evaluate alternative designs and iterate– (do more research and more design) until a solution isarrived at.

Course grade structure Assignments – 50%1.2.3.4.5.User needsAlternative mockupsAnalytical evaluationsHigh-fidelity prototypeUsability testing Exam – 40% Minitests and peer reviews – 10%39

Learning objectives understand how to design interactive productsthat fit with what people want, need and maydesire appreciate that one size does not fit alle.g., teenagers are very different to grown-ups identify any incorrect assumptions they mayhave about particular user groupse.g., not all old people want or need big fonts be aware of both people’s sensitivities andtheir capabilitieswww.id-book.com40

Learning resources Course website:– web.vu.lt/mif/k.lapin Books at the MIF library41

MIF libraryDavid Benyon, Phil Turner,Susan TurnerDesigning InteractiveSystems: People,Activities, Contexts,Technologies,Addison Wesley,2005, 2010, 2014ŽKS ištakos ir struktūraMotyvacijaStudijų reikalavimaiLiteratūra42

MIF library Helen Sharp, YvonneRogers, Jenny PreeceInteraction Design:Beyond HumanComputer InteractionJohn Wiley & Sons, 2002(20 egz.)2007, 2011.ŽKS ištakos ir struktūraMotyvacijaStudijų reikalavimaiLiteratūra43

MIF library Donald A. Norman. The Designof Everyday Things. BasicBooks;Reprint edition (September 17,2002), 272 pages– Puikus ŽKS įvadasŽKS ištakos ir struktūraMotyvacijaStudijų reikalavimaiLiteratūra44

MIF library Dix, A., J. Finlay,G. Abowd, R. Beale.Human-ComputerInteraction, 2nd Edition,Prentice Hall, 2003, 638p.ŽKS ištakos ir struktūraMotyvacijaStudijų reikalavimaiLiteratūra45

MIF library Schneiderman, B., Plaisant C. Designing the userinterface. Addison-Wesley.2004, 2010ŽKS ištakos ir struktūraMotyvacijaStudijų reikalavimaiLiteratūra46

MIF library Faulkner, Ch. TheEssence of HumanComputer Interaction,Pearson PrenticeHall,1996.ŽKS ištakos ir struktūraMotyvacijaStudijų reikalavimaiLiteratūra47

MIF library The Human-Computer InteractionHandbook: Fundamentals, EvolvingTechnologies, and EmergingApplications.Julie A. Jacko (ed.) and AndrewSears (ed.)Lawrence Erlbaum Associates. 2003ŽKS ištakos ir struktūraMotyvacijaStudijų reikalavimaiLiteratūra48

Other resources User Experience Professionals AssociationAIGA, the professional association for designACM Special Interest Group CHIUsability NetNielsen Norman Group49

Human computer interactionKristina Lapinweb.vu.lt/mif/k.lapin/

References David Benyon. Designing Interactive Systems: Acomprehensive quide to HCI and interactiondesign, Addison Wesley, 2005, 2010, 2014.– 1 chapter: Designing interactive systems: a fusion ofskills Jennifer Preece, Yvonne Rogers,Helen Sharp (2002, 2007, 2011). Interactiondesign: beyond human – computer interaction.John Wiley & Sons www.id-book.com– 1 chapter: What is Interaction Design?51

comprehensive quide to HCI and interaction design, Addison Wesley, 2005, 2010, 2014. -1 chapter: Designing interactive systems: a fusion of skills Jennifer Preece, Yvonne Rogers, Helen Sharp (2002, 2007, 2011). Interaction design: beyond human -computer interaction. John Wiley & Sons www.id-book.com -1 chapter: What is Interaction .