Suorakäyttöä pöytäpinnoilla ja muuten

Samankaltaiset tiedostot
Suorakäyttöä pöytäpinnoilla ja muuten

Käyttöliittymien perusteet

Käyttöliittymien perusteet

Ihminen keinotodellisuudessa. Aiheena

Johdatus vuorovaikutteiseen teknologiaan

Tuntoaisti ja kehollisuus. Aiheina

Johdatus vuorovaikutteiseen teknologiaan

WIMP-käyttöliittymät: kuvakkeet ja osoittaminen. Tarjolla tänään

Käyttöliittymien perusteet TAUCHI Tampere Unit for Computer-Human Interaction. TAUCHI Tampere Unit for Computer-Human Interaction

Käyttöliittymien perusteet

Service Fusion -konsepti

Adobe Premiere Elements ohjeet

Tuntoaisti ja kehollisuus. Aiheina

Käyttöliittymien perusteet

Skype for Business pikaohje

Käyttöliittymien perusteet TAUCHI Tampere Unit for Computer-Human Interaction. TAUCHI Tampere Unit for Computer-Human Interaction

LEOGICS Piirtopöytä. Pika-asennusopas

Käyttöliittymien perusteet

ZoomText 10.1 Pikaoppaan Lisäosa

BDD (behavior-driven development) suunnittelumenetelmän käyttö open source projektissa, case: SpecFlow/.NET.

Tilastokeskuksen rajapintapalveluiden käyttöönotto ArcGISohjelmistossa

Virtuaalitilat tulevaisuudessa. Päivi Aarreniemi-Jokipelto TkT, yliopettaja

T : Virtuaali- ja lisätty todellisuus

H5P-työkalut Moodlessa

Käyttämisen aloittaminen!

Selkosanakirja sdfghjklöäzxcvbnmqwertyuiopåasdfghjklöäzxcvbnmq. Tietokoneet. wertyuiopåasdfghjklöäzxcvbnmqwertyuiopåasdfghjk 1.4.

Käytettävyys ja käyttäjätutkimus. Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi

Videon tallentaminen Virtual Mapista

Se on sinussa. Virtuaalinen ja laajennettu todellisuus. Jari Kotola Sovelto Aamiaisseminaari Tampere

Flow!Works Pikaohjeet

KÄYTTÄJÄKOKEMUS & KÄYTTÖLIITTYMÄSUUNNITTELU. CSE- C3800, Aalto , Eeva Raita

Johdatus vuorovaikutteiseen teknologiaan TAUCHI Tampere Unit for Computer-Human Interaction

ZoomText 10.1 Windows 8:lle Pikaoppaan Lisäosa

Muistitikun liittäminen tietokoneeseen

Miten tutkimus voi parantaa kilpailukykyä?

Käyttöliittymien perusteet

Konfiguraatiotyökalun päivitys

Flinga löytyy Tuubista, kohdasta Opettajan työkalut

Suorakäyttö. Tarjolla tänään

Suurikokoiset LCD kosketusnäytöt HUMAN TOUCH

Käyttöliittymien perusteet

Samsung Galaxy Tab tietokoneen käyttöohje

KUVAN TUOMINEN, MUOKKAAMINEN, KOON MUUTTAMINEN JA TALLENTAMINEN PAINTISSA

Käyttöliittymien perusteet TAUCHI Tampere Unit for Computer-Human Interaction. TAUCHI Tampere Unit for Computer-Human Interaction

SYMBIANIN SERIES 60 JA PUHELIMEN PERUSTOIMINNOT

Ensin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat

Etu vain Hong Kong Klubilaisille asti. Aikuisten ja lasten Jumpsuit collegehaalari

Käyttöliittymien perusteet

Elisa Toimisto 365. Toimisto ja yhteydet pilvestä

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio.

Käyttöopas RoofCon Viewer

Lomakkeiden suunnittelu. Aiheina

Kieliversiointityökalu Java-ohjelmistoon. Ohje

Käyttämisen aloittaminen!

ohjeita kirjautumiseen ja käyttöön

Pikaohje LandNova simulaattorin käyttöön(tarkemmat ohjeet käyttöohjeessa ja mallinnusohjeessa):

erasmartcardkortinlukijaohjelmiston

TAUCHI Tampere Unit for Computer-Human Interaction. Opetus Ismo Rakkolainen University of Tampere

HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04

Seuraavat kysymykset koskevat erilaisia tekijöitä, jotka liittyvät digitaaliseen mediaan ja digitaalisiin laitteisiin kuten pöytätietokoneet,

Pintamallintaminen ja maastomallinnus

RollerMouse. Ennaltaehkäise ja vältä hiirikäsiongelma.

Purot.net Wiki. Tutkielma. Paavo Räisänen. Centria Ammattikorkeakoulu

Käyttöliittymien perusteet

AUTOCAD-TULOSTUSOHJE. Tällä ohjeella selitetään Autocadin mittakaavatulostuksen perusasiat (mallin mittayksikkönä millimetrit)

Käyttöliittymien perusteet

Professional-sarjan liiketunnistimet

MeetNow-palvelun käyttöopas

Käyttöliittymien perusteet

TeleWell TW-LTE/4G/3G USB -modeemi Cat 4 150/50 Mbps

TAULUKOINTI. Word Taulukot

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.)

Sulautuva sosiaalityö

Kameran käyttö Excel 2003 ja 2007

Ohjeistus Auditorion laitteiden käyttämiseksi.

Trialogisen oppimisen suunnitteluperiaatteet

HARJOITUSTYÖ: LabVIEW, Liiketunnistin

3D-mallinnus Tinkercad-ohjelmalla, osa 1/2

TRUST WIRELESS KEYBOARD & MOUSE

indexhan wen Club Ambulant -play together

DIGITAL MARKETING LANDSCAPE. Maatalous-metsätieteellinen tiedekunta

WIMP-käyttöliittymät: Ikkunointi. Tarjolla tänään

Suorakäyttö eli suoravaikutteisuus

Share-työkalu (AC 9.1)

Käyttöliittymien perusteet

Lego Mindstorms NXT. OPH oppimisympäristöjen kehittämishanke (C) 2012 Oppimiskeskus Innokas! All Rights Reserved 1

Harjoitus Particle View

Käyttöliittymien perusteet TAUCHI Tampere Unit for Computer-Human Interaction. TAUCHI Tampere Unit for Computer-Human Interaction

Microsoft Outlook Web Access. Pikaohje sähköpostin peruskäyttöön

ALKUSANAT. Jouni Lintu

FrontPage Näkymät

Sen jälkeen Microsoft Office ja sen alta löytyy ohjelmat. Ensin käynnistä-valikosta kaikki ohjelmat

Käyttöoppaasi. ARCHOS 604 WIFI

ESITYSTEKNIIKAN JA KULUTUSELEKTRONIIKAN LAITTEIDEN JA NIIHIN LIITTYVIEN PALVELUJEN HANKINTA

Lync-järjestelmän käyttö etäpalvelussa Työasemavaatimukset ja selainohjelman asennus Valtiovarainministeriö

CAD/CAM Software with world class precision and control. What s Uusi

Johdatus vuorovaikutteiseen teknologiaan

Lisätyn todellisuuden ratkaisuja sisustus- ja rakennussuunnitteluun. Prof. Charles Woodward VTT Digitaaaliset tietojärjestelmät

Meetnow-palvelun käyttöopas

Virtuaalihanskat työmaalle

Transkriptio:

Suorakäyttöä pöytäpinnoilla ja muuten Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto 1 Tässä kalvosetissä: Millaista on suorakäyttö WIMP-aikakauden jälkeen? Ei hiirtä? vaan kosketusnäyttöön kosketaan sormella tai piirtotikulla (stylus, kynän kaltainen laite; näitäkin on erilaisia) suoraan näyttöpinnalla Huomaa: eri asia jos kosketuslevy (touch pad, track pad) tai piirtolevy-oheislaite Näytölle tökkivä sormi on suorakäyttöisempi väline kuin hiiri kosketaan suoraan kohdetta - vrt. hiiren liikuttelu pöydällä etäällä kohteesta Käyttöliittymän kohteiden ja sisällön suora käsittely Työkalupalkit, vierityspalkki tai painikkeet eivät ole käyttöliittymän sisältöä vaan WIMPkäyttöliittymästä tuttuja kontrolleja Kun sisällöstä itsessään tulee vuorovaikutuselementti, tullaan toimeen ilman tällaisia näkyviä käyttöliittymäelementtejä! vrt. Wroblewski, Re-imaging apps for touch http://www.lukew.com/ff/entry.asp?1606 Joskus vuorovaikutus tapahtuu erityisiä kouriintuntuvia oheislaitteita käyttäen Tangible UI eli kouriintuntuva käyttöliittymä sen sijaan, että napautettaisiin sormella tai sormilla tai (monella) kädellä suoraan tasaista pintaa, joka itsessään ei tunnu muulta kuin lasilta Joskus syöte ja tuloste samassa laitteessa: kalvosetissä kaksi esimerkkiä, Shiftables-palikat ja taivuteltavat näytöt Organic UI eli orgaaninen UI käyttökokemuksena 2 Saila.Ovaska@uta.fi 1

ELEET KÄYTÖSSÄ 3 Eleiden käytöstä vuorovaikutuksessa Vrt. myös viikkoharjoitus 14 (Moodlessa, kaikille pakollinen!) Lähteeksi mm. Bill Buxton, Multi-Touch Systems that I Have Known and Loved. http://www.billbuxton.com/multitouchoverview.html Caroline Hummels, http://iddock.com/pages/overig/caro/publications/thesis/00humthesis.pdf Elekomento on merkityksellinen liikerata Esimerkiksi näppäimen painaminen näppäimistöltä ei ole ele, sillä vain näppäimen tuottamalla merkillä on merkitystä, ei sillä, miten sitä painettiin Kun eleitä käytetään vuorovaikutuksessa, viestinnän toinen osapuoli (ihminen tai tietokone) tulkitsee merkityksen Ihmiset elehtivät myös itsekseen, esimerkiksi puhelimessa puhuessaan, osana normaalia käyttäytymistään 4 Saila.Ovaska@uta.fi 2

Komennot eleinä? Kosketusnäyttöjen yhteydessä ele tarkoittaa yleensä yhtenäistä sormella (tai kynällä) laitteen pinnalla tehtävää liikerataa jonkin komennon antamiseksi Huomaa: yhtenäinen liikerata vs. napautus näyttöpinnalla näkyvässä painikkeessa: napautus ei ole elekomento Buxtonin tarkoittamassa merkityksessä! = niin sanottu kosketusele Muitakin eleitä on gesture-based interaction, natural user interfaces Esim. kännyköiden yhteydessä myös eleitä, joita tehdään kallistamalla tai ravistamalla laitetta tilt-action eri akselien suhteen, esim. http://msdn.microsoft.com/en-us/magazine/ee413721.aspx Esim. Microsoftin Kinect-käyttöliittymässä (tai muissa konenäköön perustuvissa käyttöliittymissä) eleet tehdään liikeratoina ilmassa Mistä komennoksi tarkoitettu ele alkaa, ja mikä ei ole tarkoitettu komennoksi? 5 Komennot eleinä? Kosketusnäyttöjen yhteydessä ele tarkoittaa yleensä yhtenäistä sormella (tai kynällä) laitteen pinnalla tehtävää liikerataa jonkin komennon antamiseksi Haasteita: Laitteen herkkyys sormen nousulle pinnalta? Mahdollisuus käyttää kahta tai useampia sormia/käsiä? Tunnistaako laite kahden sormen eleitä, ts. kosketuspisteet manipuloivat samaa kohdetta? Elekomentojen suunnittelun haasteita Yleensä käyttäjät pitävät eleistä Eleiden oltava luonnollisia ja helposti muistettavia Eleiden tunnistustarkkuuden pitää olla hyvä jopa yli 98% (Briggs et al., Whither the Pen-Based Interface? Journal of MIS 9:3,71-90, Winter 1992/3.) vaikkei käyttäjä olisikaan kovin huolellinen elettä tehdessään 6 Saila.Ovaska@uta.fi 3

Komennot eleinä? Eleiden käytössä monta hyvää puolta Syötteen antaminen ei vaadi katseen siirtämistä Komentojen antaminen vaatii vähemmän kädenliikkeitä Tietty liikerata on potentiaalisesti helppo muistaa Seuraavilla kalvoilla erilaisia haasteita eleiden ja eleisiin perustuvien käyttöliittymien suunnittelussa Moodit Elevalikoima Eleiden tunnistuksen haasteita Elekomennosta annettava palaute 7 Hiirieleet selainohjelmissa Firefox, Opera, tavallisia mikä hiiren nappi? elemoodi vs. normaali työskentely, esim. tekstin maalaus vetopaikasta riippumattomia, toiset vaativat esim. osumista linkkiin viikkoharjoituksissa navigation in the history list and home window control Mutta monin verroin kätevämpää elehtiä kynällä tai sormella vai? when done over a link: open in the foreground or in the background 8 Saila.Ovaska@uta.fi 4

Komennot eleinä haastavaa suunnitella siirtymä työkaluista toiseen Esim. valintaa ja piirtämistä varten valintamoodi vs. piirrosmoodi joissakin tilanteissa koneen kannalta eri moodit, mutta eleinä (liikeratoina) hyvin samanlaiset Siirtyminen moodista toiseen tulisi saada saumattomaksi 9 Vrt. kynäkäyttöinen Flowmenu FlowMenu: Kohteen liikuttaminen: Avaa valikko kynän painikkeella valikko aukeaa kursorin kohdalle Valitse komento Move valikosta Raahaa kohde kynällä haluttuun paikkaan (kuvassa oikealle) Kaikki tapahtuu yhdellä liikkeellä nostamatta kynää näytöstä Moodin valinta tehdään tässä kynän avulla mutta ellei käytössä ole kynää? 10 Saila.Ovaska@uta.fi 5

Eleitä sormilla: esimerkkinä zoomaus Multi-touch Esimerkiksi iphonessa Kaksi sormea käytössä Zoomaus lähentämällä tai loitontamalla kahta sormea toisistaan ( pinch ) Linja Zax, vain yksi kosketuspiste Zoomaus spiraalimaisella pyörivällä liikkeellä http://www.youtube.com/watch?v=2je-5ufxcec 11 Tuoteidea: FingerWorks - elevalikoiman luonnollisuus? Erityiset syöte levyt Eleet käytössä, osa listattu Yritys (Fingerworks) ei enää olemassa Esimerkkejä FW-elekomennoista 12 Saila.Ovaska@uta.fi 6

BumpTop Desktop Ominaisuuksia Tabletop UI Pinot keskeinen organisointitapa Nätit ja sotkuiset pinot Dokumenttien heittely, törmäily kuin reaalimaailmassa 2006 kynäkäyttöliittymä, 2009 3D multitouch sormin Elevalikoimassa esim. Lasso (kohteiden ympäri) Valikko esille jos lassoele tehdään kokonaiseksi Valikko esille erityisellä siansaparoeleellä University of Toronto, Dynamic Graphics Project http://www.youtube.com/watch?v=6jhowshwu7w Agarawala & Balakrishnan (2006). Keepin' it Real: Pushing the Desktop Metaphor with Physics, Piles and the Pen. Proceedings of CHI 2006, 1283-1292. http://bumptop.com/ 13 Tactapad haptista palautetta oheislaiteidea, ei markkinoilla Tuntopalautetta sormenpäihin http://www.tactiva.com esimerkkinä piirrossovellus 14 Saila.Ovaska@uta.fi 7

DIGITAALISIA TYÖPÖYTIÄ 15 Digitaaliset pöytäpinnat Seuraavat esimerkit ovat laajennettua todellisuutta (augmented reality) vaakatasoon asetetulla isolla pöytäpinnalla Pöytäpinnalle heijastetaan tietokoneen näyttö Pöytäpinnalla tehdyt eleet tunnistetaan jollain tekniikalla (esim. konenäkö, pöytätasoon liitetyt anturit, infrapuna pöydän sisältä, ) Tarkasteltavana olevat pöytäpinnat vanhimmasta uusimpaan Digital Desk (1991-3) Tangible Bricks (1995) (ks. Tangible UI myöhemmin tässä kalvosetissä) SmartSkin (2002) DiamondSpin (2004) Microsoft Surface, (2008 ja 2011). nykyisin (kesä 2012--) Pixelsense 16 Saila.Ovaska@uta.fi 8

Digital Desk, 1993 Pierre Wellner, 1993 Työpöydällä olevien välineiden luonteva käyttö tietokoneen avulla laajennetussa todellisuudessa Työpöytäpinnasta aktiivinen Kamera ja projektori tarpeen Käytössä normaali paperi, kynä, kumi Digital Desk 17 SmartSkin, 2002 Pöytäpintaan integroitu sensoreita jotka tunnistavat käyttäjien käsien muodon ja sijainnin. Jun Rekimoto, SmartSkin: An Infrastructure for Freehand Manipulation on Interactive Surfaces, CHI2002. http://www.csl.sony.co.jp/person/rekimoto/smartskin/ 18 Saila.Ovaska@uta.fi 9

DiamondTouch ja DiamondSpin, 2004 DiamondTouch Pöytäpintaan integroitu sensorit Pöytä tunnistaa kuka käyttäjä on (tarkemmin seuraavalla kalvolla) DiamondSpin Ohjelmisto mm. dokumenttien siirtelyyn pöydällä Kuva heijastetaan pöytäpinnalle DiamondSpin: An Extensible Toolkit for Around-the-Table Interaction. CHI 2004 Extended Abstracts. http://www.merl.com/projects/diamondtouch/ Tuotteistettu: http://www.circletwelve.com/ (2008-) 19 Diamond Touch Max 4 käyttäjää monta samanaikaisesti tunnistettavaa kosketuspistettä kehikossa antennirivit ja -sarakkeet lähettää pienen sähkövirran käyttäjän käteen jokaisella käyttäjällä on (yleensä tuolissaan) vastaanotin systeemi tunnistaa siitä, kuka kosketti pöytäpinnalla työskentely, DiamondSpin Näyttö projisoidaan yläpuolelta (käsien varjot) http://www.circletwelve.com/products/howitworks.html 20 Saila.Ovaska@uta.fi 10

Microsoft Surface Ensimmäiset luonnokset 2001 2003 proto, Ikean pöytä Pöytäpinta itsessään ei tunnista kosketusta Toteutettu infrapunalla pöydän sisältä Versio 2.0 (2011): 4 tuumaa ohut pöytä http://pixelsense.com V1: http://www.youtube.com/watch?v=kr1o917o4ji V2: http://www.youtube.com/watch?v=d5qfai8o2cs 21 Microsoft Surface, v1.0 vuonna 2008 Microsoft Surface is a revolutionary multi-touch computer that responds to natural hand gestures and real-world objects, helping people interact with digital content in a simple and intuitive way. - http://www.microsoft.com/surface/ Ominaisuuksia Suora vuorovaikutus Monta käyttäjää Monen sormen tunnistus Enintään 52 samanaikaista kosketuspistettä mutta kosketuksen perusteella ei tunnisteta kuka käyttää Esineiden tunnistus Eri laitteiden integraatio 22 Saila.Ovaska@uta.fi 11

Microsoft Surface, 2.0 vuonna 2011 Samsung SUR40 pöytä Suunnitteluohjeita Surface-pöytäpintaa varten Microsoft Surface 2 User Experience Guidelines http://www.microsoft.com/en-us/download/details.aspx?id=26713 harjoituksissa (teht. 15) www.youtube.com/watch?v=0b8shd5bkrs 23 Microsoft Surface UX Guidelines (2009) Microsoft Surface is a major new development in the area of Natural User Interface (NUI) Interaction principles Seamless: tarjoa saumaton kokemus virtuaalisen ja todellisen välillä Social: tue yhteisöllistä kokemusta Spatial: tarjoa vaikutelma tilasta (2,5 ulottuvuutta, ylös pöytäpinnalta ) Super-realism: tarjoa enemmän kuin reaalimaailma (raahaus kuten paperia raahattaisiin, lisäksi zoomausmahdollisuus) Contextual environments: ota huomioon sijainti osana käyttäjän kontekstia, esimerkiksi baarissa tai lääkärin vastaanotolla Scaffolding: tue kokemuksia, jotka rakentuvat asteittain pienistä vaiheista. Älä tyrkytä kaikkea kerralla. Performance aesthetics: tarjoa kokemuksia ja elämyksiä, jotka miellyttävät ja vievät mukanaan. Direct manipulation: tue käyttöä sekä sormilla että käsillä, mutta myös fyysisillä objekteilla kuten pelinappuloilla tai olutlaseilla Microsoft Surface User Experience Guidelines (2009) 24 Saila.Ovaska@uta.fi 12

yksinkertainen ja suunnitteluohjeet 2011 eläväinen ja reagoiva jäsennelty aidosti digitaalista sisältöä ei kiinnitettyä katselusuuntaa Microsoft Surface User Experience Guidelines (2011). 25 Digitaaliset pöytäpinnat jaettuna käyttöliittymänä vaakatasossa olevaa, nykyisin monen käyttäjän teknologiaa Pöydän ympärillä on sosiaalista vuorovaikutusta Mutta pöytä ei välttämättä tue ryhmätyötä tai edes esitelmänpitoa! Kumppanit eri puolilla pöytää 360 asteen käyttöliittymä Mihin suuntaan kohteet, tekstit ja kuvat käännetään? Kuka kontrolloi kuvia ja dokumentteja pöydällä? Microsoft Surface /Pixelpoint jättää kontrollin käyttäjille DiamondSpin ohjelmistossa oli erityistä tukea ryhmätyölle, mm. yksityisiä työalueita käyttäjän edessä Muistettava myös pienet henkilökohtaiset laitteet, joita käyttäjällä voi olla mukanaan 26 Saila.Ovaska@uta.fi 13

Digitaaliset pöytäpinnat jaettuna käyttöliittymänä Digitaaliset pöytäpinnat Kehitettävä vuorovaikutustapoja tukemaan monen käyttäjän osallistumista muutakin kuin monen kosketuspisteen tunnistus, jos halutaan tukea ryhmätyötä Orientaatio pöytäpinnan ympärillä voi aiheuttaa ongelmia yhteistyössä on tärkeää nähdä kumppani etenkin silmät ja niiden kohdistussuunta, ja käsien liikkeet jotta mahdollistetaan yhteisen fokuksen muodostuminen deiktiset viittaukset ( tämä dokumentti, noitten lukujen suhde ) katsetietoisuus (voin seurata katseesi liikkeitä ja ilmeitäsi samalla kun selitän, jotta näen, pysytkö mukana selityksessä) jos istutaan vierekkäin, tällaista ymmärrystä on vaikeampi saavuttaa, mutta vastakkain istuttaessa menetetään yhteinen katsesuunta Katsekontakti taas on tärkeää keskustelun vuorottelussa. 27 SEINÄPINNALLA 28 Saila.Ovaska@uta.fi 14

City Wall: kosketuseleitä CityWall on suuri monen sormen kosketukseen reagoiva näyttö, joka on esillä Helsingin keskustassa Lasipalatsin seinässä Media landscape of the city Käyttäjät voivat lisätä sisältöä Flickr ja kommentoida tekstiviestien avulla Kaksi videota: 2007 ja 2008 Kaksiulotteinen Kolmiulotteinen Peltonen et al., It's Mine, Don't Touch!: interactions at a large multi-touch display in a city centre. Proc. CHI2008: http://dx.doi.org/10.1145/1357054.1357255 http://citywall.org/ http://www.youtube.com/watch?v=wknq3cygtpe http://www.youtube.com/watch?v=ilddrcczkzy 29 Uudempi esimerkki: EIT Bubblescreen CeBIT 2012 Miten houkutella käyttäjät kokeilemaan näyttöpintaa? Messukäytössä 8 MultiTaction Cell 55" modular multi-user touch displays 4 Microsoft Kinect 3D motion sensing cameras Syötteenä paitsi kosketus, myös konenäkö: nähdään milloin käyttäjä on lähellä tai lähestymässä näyttö reagoi http://www.multitaction.com http://www.youtube.com/watch?v=-copragzvme 30 Saila.Ovaska@uta.fi 15

G-Speak Tuotteistettu Minority report Tunnistus koskettamatta näyttöpintaa http://oblong.com/ http://fin.afterdawn.com/uutiset/artikkeli.cfm/2008/11/17/g_speak_kayttoliittyma_suoraan_minority_reportista 31 Virtual Guitar v2 http://airguitar.tml.hut.fi/ Esimerkkikuvissa vasemmalla virtuaalinen ilmakitara (2004-5) http://www.virtualairguitar.com/ Erilaiset eleet (käsien sijainti, liikeradat ja rytmi) tulkitaan soittamiseksi Hanskat tai ultraääniohjaimet käsissä Nykyisin tunnistus ilman erityisiä ohjaimia käsissä oikealla Kung Fu Playstation- tai webkamera-syöte, josta tausta poistetaan 32 Saila.Ovaska@uta.fi 16

LeapMotion LEAP on tällä hetkellä tuoteidea-asteella tulossa markkinoille loppuvuonna 2012? Se on USB-oheislaite, jonka avulla tunnistetaan liikettä yksittäisten sormien paikkaa ja liikeratoja myöten Kalibroitava ennen käyttöä Kattaa alueen, jonka koko on 8 kuutiojalkaa, ts. noin 60 cm suuntaansa näytön edessä http://blog.leapmotion.com/ 33 TANGIBLE UI tai GRASPABLE UI eli KOURIINTUNTUVIA KÄYTTÖLIITTYMIÄ 34 Saila.Ovaska@uta.fi 17

Tangible User Interfaces (TUIs) TUI-käyttöliittymät ovat osa reaalimaailmaa. TUI-käyttöliittymässä on fyysisiä objekteja, joihin käyttäjä voi tarttua, pitää niitä käsissään ja manipuloida. Nämä fyysiset kohteet ovat syötelaitteita graafisille näytöille, joita on osana reaalimaailmaa, tai manipuloitavissa kohteissa itsessään on näyttö tai muu tapa, jolla ne tuottavat käyttäjän saataville tulostetta manipuloinnista Vain muutama fyysinen kohde on kulloinkin käyttäjän työskentelyssä keskeisellä paikalla (näkökentässä, käsien ulottuvilla). Ympäristössä voi olla muita kohteita tai näyttötauluja, joihin käyttäjä tarvittaessa kohdistaa huomionsa. Ishii & Ullmer, Tangible Bits: Towards Seamless Interfaces between People, Bits and Atoms. Proc. CHI 97. doi: 10.1145/258549.258715 35 Tangible Bricks, 1995 Työpöytäpinta on itsessään aktiivinen (Active Desk) Työpöydälle heijastetaan kohteita Työskentelyssä apuna palikoita, joiden avulla kohteita voidaan käsitellä Graspable User Interfaces Fitzmaurice, Ishii and Buxton, Bricks: Laying the Foundations for Graspable User Interfaces. Proc. CHI'95. 36 Saila.Ovaska@uta.fi 18

Kouriintuntuvien palikoiden suunnitteluavaruus Kuvassa harmaalla alueella merkitty tekijöiden Bricksideat Fitzmaurice, Ishii, and Buxton. 1995. Bricks: laying the foundations for graspable user interfaces. In Proc. CHI '95. http://dx.doi.org/10.1145/223904.223964 37 Reactable - musiikkipalikoita pöytäpinnalla musiikkia fyysisten palikoiden avulla Syksy 2010: myös mobiiliversio (GUI) http://www.reactable.com/ 38 Saila.Ovaska@uta.fi 19

Eroon työpöydästä I/O Brush https://www.youtube.com/watch?v=aikk7feltre http://web.media.mit.edu/~kimiko/iobrush/ 39 Multimodaalinen ratkaisu moodiongelmaan: kosketus sormin + IR-kynä Hinckley et al., Manual Deskterity: An exploration of simultaneous pen + touch direct input. Proc. CHI 2010. http://dx.doi.org/10.1145/1753846.1753865 http://www.youtube.com/watch?v=9stglyh8qws 40 Saila.Ovaska@uta.fi 20

Tasaus pöytäpinnalla Kaksikätistä vuorovaikutusta, mukana kynä ja mm. piirtokolmio Vertaa Suorakäyttö-luennot! Yhtenä ideoiden lähteenä tasauspuikko Frisch, Langner, and Dachselt. 2011. Neat: a set of flexible tools and gestures for layout tasks on interactive displays. Proc. Interactive Tabletops and Surfaces (ITS '11). http://doi.acm.org/10.1145/2076354.2076356 41 Shiftables - älypalikoita Goodbye GUI, hello TUI Palikan koko n. 5x5cm http://www.youtube.com/watch?v=jp0w9lzolwu http://sifteo.com/ 42 Saila.Ovaska@uta.fi 21

Orgaaniset käyttöliittymät käyttöliittymät, joita ei enää ajatella käyttöliittyminä jonkin tiedon käsittelyyn vaan koetaan osana luonnollista ympäristöä korostetaan ympäristön ja oman kokemuksen analogista, jatkuvaa ja muuttuvaa luonnetta esim. kartan selailu taivuttamalla joustavaa näyttöä syötteet ja tulosteet yhdessä Orgaanisella viitataan omakohtaiseen kokemukseen Schwesig, What makes an interface feel organic? CACM 51:6, 2008. http://dx.doi.org/10.1145/1349026.1349040 43 Organic? Schwesig, What makes an interface feel organic? doi: 10.1145/1349026.1349040 44 Saila.Ovaska@uta.fi 22

Gummi vääntyvä tietokone (2004) Erilainen lähestymistapa ohjauseleisiin Vuorovaikutusta ohjataan vääntämällä kämmenlaitetta fyysisesti Visuaalisen informaation selailu, esim. metrokartat, ja kohteen valinta yhdellä (jatkuvalla) eleellä; näytön keskellä oleva (linkki tms. kohde) valitaan OLED-näyttö Kehittäjänä Sony CSL, Japan http://www.youtube.com/watch?v=w0g-sztrfdy Schwesig, Poupyrev & Mori (2004) Gummi: A bendable computer. Proc. of CHI 04. http://dx.doi.org/10.1145/985692.985726 45 Taivuteltava OLED-näyttö tulossa? Mm. Sony (ja Samsung) kehittää taivuteltavaa näyttöteknologiaa OLED = organic light emitting diode Video vuodelta 2007: Flexible OLED 0,3 mm paksu 160x120 kuvapistettä http://www.youtube.com/watch?v=ncam3kihfho http://www.youtube.com/watch?v=tuqazdmsbwe Nokia Kinetic bendable phone (2011) 46 Saila.Ovaska@uta.fi 23

Muita taivutettavia syötelaitteita Taivuteltava käyttöliittymä Kuvassa kartonkia 25-35 infrapunaa heijastavaa lediä, ja käytössä infrapunaa erottamaan pystyvä kamera Tavallinen näyttölaite mutta syötelaite kuin käsittelisi paperia Gallant et al., Towards more paper-like input: flexible input devices for foldable interaction styles. Proc. CHI 2008. http://dx.doi.org/10.1145/1449715.1449762 47 Elevalikoima? Kokeellinen tutkimus 3-ulotteisessa manipuloinnissa luontevista ele-komentopareista 3 protomateriaalia paperi kangas Muovi protoissa ei palautetta CHI 2010 tulos: kovin erilaisia käsityksiä eleiden semantiikasta! http://dx.doi.org/10.1145/1753326.1753572 48 Saila.Ovaska@uta.fi 24

Skinput Valinnat suoraan iholla? Tutkijat Carnegie-Mellon University & Microsoft Akustiikkaan perustuva syöttölaite Tunnistaa käsivarren ympärillä olevan pannan avulla, missä kohdassa käsivartta on napautettu. Ultra-low frequency sound detector Pico projector Joissakin mobiililaitemalleissa osana Chris Harrison et al., Skinput: Appropriating the body as an input surface. Proc. CHI 2010. Best paper award. http://research.microsoft.com/en-us/um/redmond/groups/cue/skinput/ 49 Yhteenveto: post-wimp Suoravaikutteisuuden tuntu saavutetaan luontevilla eleillä, joitten suorittamista ei tarvitse miettiä, ja välittömällä palautteella Pienet laitteet, isot laitteet, osana ympäristöä Kosketus tai ei-kosketusta Tällaiselle järjestelmälle potentiaalisia kohdealueita paljon Tunnistamassa ihmisten luonnollisia eleitä Osana multimodaalista (moniaistista) järjestelmää Jos kouriintuntuvaa teknologiaa, käyttäjä saa konkreettisemman tuntuman vuorovaikutuksesta Lisäsyötteiden ja valintojen antamiseen Sopivia käyttötilanteita? Orgaaniset käyttöliittymät tulossa? 50 Saila.Ovaska@uta.fi 25