Interfacetyper. Marianne Graves Petersen. Associate Professor. Computer Science Dept, University of Aarhus. Center for Interactive Spaces,

Transkript

1

2 Interfacetyper Marianne Graves Petersen Associate Professor Computer Science Dept, University of Aarhus Center for Interactive Spaces,

3 I dag... Paradigmer - interfacetyper Overblik over interfacetyper design og forskningstemaer Valg af interfacetype

4 Interaktionsdesign processen Identificer brugernes behov og etabler krav til brugsoplevelsen Udvikl en række designs, der opfylder disse krav Byg/revider interaktive versioner af design, så de kan kommunikeres og vurderes Evaluer

5 hvordan træffer man kvalificeret valg omkring interaktionstyper?

6 Det er helt vildt brugervenligt med alle de ikoner

7 Det er så brugervenligt at selv min mor kan bruge det

8 lad os så få placeret nogle knapper nn interaktionsdesign kurset ;-) 8

9 Valg af interaktionstype Afhænger af situation man designer til Hænger sammen med krav

10 INTERFACETYPER Marianne Graves Petersen

11 Interaktionsdesign Paradigmer Paradigme De spørgsmål man stiller De fænomener man studerer Den måde resultater af eksperimenter analyseres og fortolkes

12 2 interaktionsdesign paradigmer Brugscentreret udvikling af desktop applikationer Ubiquitous computing

13 1980s: User-Centred applikationer til desktop computeren Specifikation af funktionelle krav Ramme for interaktion var/er en person, en computer Usability Individets kognitive egenskaber Ideal om computer som effektivt værktøj WIMP, Windows, Icons, Menus Pointing

14 Ubiquitous Computing Mark Weiser 1991, Xerox Parc Next comes ubiquitous computing, or the age of calm technology, when technology recedes into the background of our lives. (Mark Weiser 1991) Ubiquitous computing is roughly the opposite of virtual reality. Where virtual reality puts people inside a computer-generated world, ubiquitous computing forces the computer to live out here in the world with people Our preliminary approach: Activate the world. Provide hundreds of wireless computing devices per person per office, of all scales (from 1" displays to wall sized). This has required new work in operating systems, user interfaces, networks, wireless, displays, and many other areas. We call our work "ubiquitous computing" For thirty years most interface design, and most computer design, has been headed down the path of the "dramatic" machine. Its highest ideal is to make a computer so exciting, so wonderful, so interesting, that we never want to be without it. A less-traveled path I call the "invisible"; its highest ideal is to make a computer so embedded, so fitting, so natural, that we use it without even thinking about it. I have also called this notion "Ubiquitous Computing"

15 UbiComp Udfordringer nye mål for interaktionsdesign How to enable people to access and interact with information in their work, social, and everyday lives Designing user experiences for people using interfaces that are part of the environment with no controlling devices What form to provide contextually-relevant information to people at appropriate times and places Ensuring that information, that is passed around via interconnected displays, devices, and objects, is secure and trustworthy

16 The computer interface reaches out (grudin 1991)

17 Interface typer 1980s kommando WIMP/GUI 1990s Avancerede grafiske interfaces virtual reality, information visualisation Web Speech Pen, gesture, touch Appliance 2000s Mobile Multimodal Sharable Tangible Augmented and mixed reality Wearable Robotic

18 Kommandobaserede interfaces Kommandoer (ls, unix) skrives i promt og systemet responderer Nogle kommandoer hard-wired i keyboard (delete) Effektiv, præcis og hurtig Tager tid at lære

19 Forskning og udvikling Optimering af kommando (effektivitet) kommandoer, kombinationer af kommandoer memorability af kommandoer anvendelse i dag filemanagement (unix), programmering

20 WIMP/GUI interfaces Xerox Star interface var første WIMP interface

21 WIMP: Windows, Icons, Menus, Pointing -Vinduer- metafor middel til at håndtere display begrænsning mere information kan præsenteres, der kan arbejdes på flere opgaver scroll-bars

22 Udfordring - Vindue Svært at finde rigtigt vindue liste i pull-down menu, expose Vinduer gns åbne i 20 sek

23 Icon Star User Interface Antagelse at de er lettere at huske end kommandoer Kompakt visning på skærm Udvikling sort/hvid, farve, skygge, fotorealistiske billeder, 3D rendering, animation highly inviting, emotionally appealing, feel alive

24 tidlige iconer

25 Nyere iconer

26 iconer plus labels

27 Forskning og design guidelines icon og tekst bliver rodet hvis for mange benyt roll-over effekt hvis for mange

28 2 minutter skitser et icon for en ikke triviel funktion på et digital kamera og bed din sidemand forklare / gætte på hvad iconet står for

29 Menu Metafor Menu interface styles flat lists drop-down pop-up contextual expanding ones, e.g. scrolling and cascading

30 ipod flad menu struktur små displays mindre udvalg af muligheder potentielt mange skridt frem til valg og så tilbage igen

31 Expanding menus Præsentere flere muligheder på en skærm Mere flexibel navigation Valg kan tages på enkelt skærm Cascading er mest populær op til 3 niveauer kræver præcis kontrol af mus forkerte valg pga udfordring med at kontrollere musen

32 Contextual menus højreklik (ctrl-klik) muligheder begrænset til relevante for specifikt objekt (context)

33 Forskning og design Navngivning og placering i liste Nye menutyper marking menus Guidelines

34 Pointing Douglas Engelbart opfandt musen i 1968 youtube demo (mother of all demos..)

35 Interface typer 1980s kommando WIMP/GUI 1990s Avancerede grafiske interfaces virtual reality, information visualisation Web Speech Pen, gesture, touch Appliance 2000s Mobile Multimodal Sharable Tangible Augmented and mixed reality Wearable Robotic

36 GUI interfaces Samme grundelementer som WIMPs men mere varieret featuring color, 3D, lyd, animation mange typer menuer, ikoner, vinduer audio-icons, 3D animated icons nye grafiske elementer toolbars, docks, rollover

37

38 Multimedia Antagelse at flermedielle præsentationer og interaktion giver forbedret træning, indlæring underholdning etc. graphics, text, video, sound, and animations Brugere klikker på links i billeder elller tekst andre dele af programmet animation eller video afspilles kan gå tilbage til der hvor de kom fra

39 BioBlast multimedia learning environment

40 Fordele og ulemper hurtig adgang til forskellig repræsentation af information bedre præsentationer learning, understanding, engagement, pleasure Tendens til at afspille video klip og animationer og ikke meget fordybelse i tekst

41 Forskning og design Multimedie design der understøtter udforskning, læring Integration af præsentationsformer Hvad er godt til hvad audio - stimulerer fantasi film til dynamisk information tekst til detaljer

42 Virtual reality og virtual environments Computer-genererede grafiske simulationer the illusion of participation in a synthetic environment rather than external observation of such an environment (Gigante, 1993) Nye engagerende oplevelser Interaktion med objekter og navigation i 3D

43

44 Fordele og ulemper Forskellige viewpoints 1st og 3rd person Sense of presence a state of consciousness, the (psychological) sense of being in the virtual environment (Slater and Wilbur, 1999) Head-mounted displays er ikke rare at bære simulator sickness disorientation

45 Forskning og udvikling Sikre og realistiske træningsfaciliteter flysimulatorer fobier Navigation Interaktionsinstrumenter bevægelse interaktion med objekter Sense of presence hvad skal der til for at etablere denne tilstand, hvor vigtig er forskellige faktorer - opløsning mv

46 Interface typer 1980s kommando WIMP/GUI 1990s Avancerede grafiske interfaces virtual reality, information visualisation Web Speech Pen, gesture, touch Appliance 2000s Mobile Multimodal Sharable Tangible Augmented and mixed reality Wearable Robotic

47 Web interfaces

48 Tidlige sites primært tekst-baserede Informations strukturering Let og hurtig access Usability classic Senere mere fokus på user experience

49

50 Web Interfaces

51 Diskussioner omkring web interfaces (Jakob Nielsen) Vanilla or multiflavoured

52 Diskussioner omkring web interfaces (Kruger) web designers thinking great literature users reality billboard going by at 60 miles an hour

53 Forskning og design Veen s design principles (1)Where am I? (2)Where can I go? (3) What s here? Mere og mere som GUI links som navigationsprincip Blinde, døve etc.

54 Pen, gestik og tryk baserede interfaces Alle udnytter eksisterende veludviklede evner Naturlig interaction Forsøg på at understøtte mere flydende interaktion

55 Pen baserede interfaces

56

57 Sketchpad, Sutherland, 1962

58 Pen-baseret interaktion Pen pda, store displays (vertikale displays) relativ præcis god til frihåndstegning / skitser intuitiv (mulighed for) flerbruger interaktion mindre direkte manipulation end touch kræver pen både kommercielle produkter og forskningsprojekter

59 Touch-baserede interfaces

60 Touch-baserede interfaces

61 ipod touch

62 Touch Mere direkte manipulation end pen to-hånds interaktion naturlig i forhold til at strække objekter

63 Gestik baserede interfaces

64 Gestik baserede interfaces naturlig interaktion wii kæmpe succes godt til situationer hvor det er let at mappe gestik til funktionalitet eller handling udfordringer hvornår gestik og hvornår alm gestikulering start og slut forskellige mennesker laver forskellige gestikker

65 Appliance interfaces Maskiner til hjemmet, VCRs, sodavandsautomater, fotokopimaskiner, printere, navigationssystemer, mp3 afspillere, billetautomater etc.. Specifikt mål Begrænset tids-periode

66

67 Appliance interfaces Fysiske knapper eller soft displays Simplicity, learnability, visibility

68 The challenge of appliances Once upon a time, a toaster had one knob to control how much the bread was to be toasted and that was all. A simple lever lowered the bread and started the operation. Toasters cost around $20. But in the Korean store, I found a German toaster for 250,000 Korean Won (about $250). It had complex controls, a motor to lower the untoasted bread and to lift it when finished, and an LCD panel with many cryptic icons, graphs, and numbers. Simplicity? Why such expensive toasters? Why all the buttons and controls on steering wheels and rear-view mirrors? Because they appear to add features that people want to have. They make a difference at the time of sale, which is when it matters most. Why is this? Why do we deliberately build things that confuse the people who use them? Answer: Because the people want the features. Because simplicity is a myth whose time has past, if it ever existed. The complex expensive toaster? I bet it sells well. What really puzzles me, though, is that when a manufacturer figures out how to automate an otherwise mysterious operation, I would expect the resulting device to be simpler. Nope. Here is an example. Siemens recently released a washing machine that, to quote their website, is equipped with smart sensors that recognize how much laundry is in the drum, what kind of textiles the laundry load comprises, and if it is heavily or lightly soiled. Users only have to choose one of two program settings: hot and colored wash, or easy-to-clean fabrics. The machine takes care of the rest. Hurrah, I said, now the entire wash can be automatic, so there need be only two controls: one to chose between hot and colored wash and easy-to-clean fabrics, the other to start the machine. Nope, this washer had even more controls and buttons than the non-automatic one. Why even more controls? I asked my contact at Siemens, when you could make this machines with only one or two?. Are you one of those people who wants to give up control, who thinks less is better? asked this usability expert. Donʼt you want to be in control? It appears that marketing won the day. And I suspect marketing was right. Would you pay more money for a washing machine with less controls? In the abstract, maybe. At the store? Probably not.

69 Mobile Interfaces Håndholdte devices På farten PDA, mobiltelefoner, ipods Anvendelsesområder eksploderet ordre og betaling på restauranter betaling multiuser gaming

70 Mobile interfaces udfordringer og Små skærme begrænsede taster og kontrol tekst input Innovation ipod hjul, soft keyboard, mange sensorer indbygget kamera accelerometer gps

71

72 Forskning og design Udnytte lille skærm og kontrol bedst muligt Samspil med andre teknologier Nye anvendelsesområder betaling vha mobil telefon...

73 Shareable interfaces Designet til mere end en bruger multiple inputs samtidig input af co-lokerede brugere væg displays, bord displays, interaktiv sækkestol...

74 Smartboard

75 DiamondTouch bord

76 Roomware for cooperative buildings

77 The Drift Table (Gaver et al. 2004)

78 Understøtter samarbejde mellem colokerede brugere Drage fordel af vores evne til at samarbejde, når vi er tæt på hinanden Lige adgang til kontrol Leg

79 Forskning og udvikling Nye former for samarbejde Interaktionsformer orientering, mere flydende interaktion Personal and public space Betydningen af størrelse for samarbejde Kombination med andre devices

80 Tangible interfaces Sensor baseret interaktion hvor fysiske objekter er koblet til digitale repræsentationer Når fysisk objekt manipuleres sker der effekt på det digitale

81 TUI vision Bygge bro mellem fysisk og digital verdener Bygge på hvad der er naturligt for mennesker i interaktionen med computere Involvere flere sanser Fokusere på værdi af fysiske objekter

82 MIT

83 URP

84 TUI Naturlig interaktion Samarbejde Nye måder at opleve materialet på

85 Forskning og udvikling Conceptual frameworks Guidelines Måder at koble det digitale og det fysiske Anvendelsesområder underholdning (gaming) militær

86 Wearable interfaces Head-mounted displays Head-mounted caps, smykker briller, sko, jakker... Mobile situationer

87 Steve Mann

88 Forskning og udvikling Komfort Hygiejne Udskiftning Usability

89 Robot interfaces Fire typer fjernstyrede robotter til farlige opgaver robotter til hjemmet støvsuger plæneklipper kæledyrs-robotter sociale robotter

90

91 Fordele Pet robotter har terapeutiske kvaliteter og kan reducere ensomhed... - Hmmm Fjernstyrede robotter velegnede til farlige opgaver

92 Forskning og udvikling Hvordan reagerer mennesker på fysiske robotter Skal man spille på antropomorphism Interaktionsform dialog

93 SHAPE CHANGING INTERFACES

94 Physical buttons Harrison, C. and Hudson, S. E

95 Fabian Hemmert, Shape changing mobile, CHI

96 ProActive Architecture

97 Interaktive møbler

98 Selv-nivellerende bord Chih-Han Yu,Self-organizing System Research Group, Harvard

99 Anders Huus, Kolding

100 Valg af interfacetype Er multimedie bedre end tangible interfaces til lærings applikationer? Er tale-baseret interaktion lige så effektiv som kommandobaseret interaktion? Er wearable interfaces bedre end mobile interfaces til at hjælpe folk med at finde vej i fremmede byer? Er virtual environments det ultimative interface til spil? Er shareable interfaces bedre til at understøtte kommunikation og samarbejde sammenlignet med desktop PCs?

101 Det kommer an på!!! Ingen interfacetyper er gode i sig selv Skal altid vælges i forhold til brugere, opgaver, kontekst, pris, robusthed, brugbarhedsmål, intenderet oplevelse etc Alle interfacetyper har deres berettigelse i bestemte situationer Et repertoire

102 Kommer til at ske heftig udvikling indenfor de fleste nyere typer interfaces web mobile tangible user interfaces sharable interfaces robot interfaces

103 Repertoiret bliver større og større: Sensorer og Aktuatorer RFID (Radio Frequency IDentification) GPS (Global Positioning System) Lys sensor (fotocelle) Dreje (vinkel) sensor Proximity (nærheds) sensor Flex (bøje) sensor Tryk sensor (punkt) Afstands sensor Bevægelses sensor (PIR) Piezo kabel Accelerometer sensor Kompas sensor Fugt sensor Temperatur sensor Lufttryk sensor Lyd sensor (mikrofon) Kamera sensor Aktuatorer Displays Lyskilder Computer projektorer Varme- og kuldekilder Lyd kilder Taktile aktuatorer Mekanisk bevægelse Smarte materialer CPU

104 Hold jer opdateret... Antal Interface typer eksploderet Nye muligheder, nye udfordringer Design og forskning