Tervetuloa kurssille:

Samankaltaiset tiedostot
Tervetuloa kurssille:

Tervetuloa kurssille:

Tervetuloa kurssille:

Tervetuloa kurssille:

Tervetuloa kurssille:

Yhteenveto. Aiheita lopuksi

Käyttöliittymien perusteet

Opettajalle ohje opintojakson toteutuksen tekemiselle mallipohjana ja mallipohjan tuominen opintojakson toteutukseen.


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


Moodle HOPS-työskentelyn tukena

Windows Live SkyDrive - esittely

Käytettävyyden perusteet

WINDOWS 10 -kurssi.

Tieto- ja viestintätekniikan opinnot Jyväskylän yliopistossa. Humanistinen tiedekunta Syksy 2014 Tanja Välisalo

Lue ohjeet huolellisesti ennen laitteen käyttöä.

Päivän aiheet. Käyttöliittymän keskustelutavat. Keskustelutavat

Graafisen käyttöliittymän ohjelmointi Syksy 2013

Tutkimusdatanhallinnan suunnittelu ja DMPTuuli-työkalu

TieVie-hanke Saksan kieli. Ritva Huurtomaa

SKYPE-RYHMÄN LUOMINEN

Tietokonearkkitehtuuri 2 TKT-3201 (5 op)

KURSSIVALINNAT & YLIOPPILASKIRJOITUKSET

Ohjelmistoarkkitehtuurit. Kevät

MOT: ADOBE CONNECT 1 (17) Projektipäällikkö Ari Sivula. Monimuotoisen opetuksen taitaja -koulutus ADOBE CONNECT. Peruskäyttö

Huomaathan, että ohjeessa olevat näytöistä otetut kuvat voivat poiketa sinun koulutuksesi vastaavien sivujen kuvista.

Kuvapankki Imagebank Independent

Message Broadcasting. Käyttöympäristö. Message Broadcasting -laajennuksen asentaminen. Viestien luominen

Ulkoiset mediakortit Käyttöopas

Puffin selaimella voi osallistua kuuntelijana Android, iphone ja ipad mobiililaitteilla Broadcastissa ja konferenssissa.

Tietoturva. 0. Tietoa kurssista P 5 op. Oulun yliopisto Tietojenkäsittelytieteiden laitos Periodi / 2015

Hallintarekisteröityjen osakkaiden äänestäminen (yht. 7 osakasta, ääntä)

IIZP2010 Järjestelmäprojekti 5 op

Matkahuolto lisäosa WooCommerce alustalle (c) Webbisivut.org

Tilanteen huomioon ottavat kännykät

Käyttöjärjestelmien historia. Joni Herttuainen Henri Jantunen Markus Maijanen Timo Saksholm Johanna Tjäder Eetu Turunen

Sonera Hosted Mail -palvelun käyttöohje

Linkkitekstit. Kaikkein vanhin WWW-suunnitteluohje:

Office_365_loppukäyttäjän ohje Esa Väistö

Matematiikan tukikurssi

Opetussuunnitelman perusteet esi- ja perusopetuksessa Osa ohjausjärjestelmää, jonka tarkoitus on varmistaa opetuksen tasa-arvo ja laatu sekä luoda


Asennus Windows 2000 ja XP -käyttöjärjestelmiin

Suomi toisena kielenä -ylioppilaskoe. FT Leena Nissilä Opetusneuvos, yksikön päällikkö OPETUSHALLITUS

T Käytettävyyden ja käyttöliittymien historiaa

2. Kirjoita sähköpostiosoitteesi sille varattuun kenttään ja paina Lähetä varmistusviesti -painiketta.

Osaamisen tunnistaminen/tunnustaminen

DTEK1047: Hajautet ohjelmistojärjestelmät (HOJ)

My easyfairs -palvelun käyttö

Lomakkeiden suunnittelu. Aiheina

Taulukkolaskenta II. Taulukkolaskennan edistyneempiä piirteitä

Ohjelmistoarkkitehtuurit. Syksy 2010

Ihminen keinotodellisuudessa. Aiheena

SUOMALAISET PK-YRITYKSET EIVÄT LUOTA PILVIPALVELUIHIN

TALLENNETAAN MUISTITIKULLE JA MUISTIKORTILLE

Käyttöliittymien perusteet: Johdanto. Tarjolla tänään

Käyttöliittymien perusteet: Johdanto. Tarjolla tänään

YLIOPISTOARVOSANOJEN LINJA. Opetussuunnitelma

Miten yliopiston teoriaopetus vastaa harjoittelussa tarvittaviin taitoihin? Opetusapteekkien neuvottelupäivä Liisa Niemi

Sulautettu tietotekniikka Ubiquitous Real World Real Time

Yrittäjän työssäoloehdon laskenta

Bluetooth-yhteyden vianmääritys EV3:ssa

Mikkeli Luonnos MEDIA MEDIATAITOJEN OPINTOKOKONAISUUS. Mikkelin Yhteiskoulun lukio Etelä-Savon ammattiopisto, kulttuuriala

zotero

Ohje hakulomakkeen täyttämiseen yliopistohaku.fi -palvelussa

Applen käyttöjärjestelmät

Käyttäjäkeskeisen suunnittelun periaatteet ja prosessit

Kansion asetusten muuttaminen Windows 2000 käyttöjärjestelmässä Resurssienhallinnan kautta

Käyttöliittymien perusteet

Kurssijärjestelyt. ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos

-versiot) Mozilla Firefox Safari Chrome. selaimista. Windows. Windows. Vista. Windows

Käyttöjärjestelmämme on Windows XP, kaikki tietokoneemme ovat kytketty lähiverkkoon ja Internettiin.

LUENTO 10 ESITYSGRAFIIKKA

Käyttökokemuksen evaluoinnista käyttökokemuksen ohjaamaan suunnitteluun. ecommunication & UX SUMMIT Eija Kaasinen, VTT

AMMATILLISEN KOULUTUKSEN OPINTO-OHJAUKSEN LAADUNVARMISTUS: OHJAUSTARVEARVIO KT JUKKA LERKKANEN OPETUSHALLITUS

Ohje PhotoPortaalin käytöstä

WORKPLACE Käyttäjän OPAs

YH2: Office365 II, verkko-opiskelu

TimeEdit henkilökunnan ohje

Kenguru 2016 Mini-Ecolier (2. ja 3. luokka) Ratkaisut

Sähköpostiohjeet. Tehokas ja huoleton sähköposti

Kieliversiointityökalu Java-ohjelmistoon. Ohje

Skype for Business pikaohje

TIKKAKOSKEN ALUEEN VARHAISKASVATUSSUUNNITELMA

Hae Opiskelija käyttöohje

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

Suomen Lions-liitto ry Käyttäjätunnus ja sisäänkirjautuminen MyLCI - Käyttäjäohje Versio

TEHTÄVÄ 5: Microsoft Virtual PC asennus ja hallinta

Outlook Microsoft Outlook 2007 PIKAOHJE: SÄHKÖPOSTIN UUSI ILME. Kieliversio: suomi Materiaaliversio 1.0 päivitetty

Havaintokanavat. Visuaalinen Auditiivinen Kinesteettinen

Kipan AC huone on pääsääntöisesti auki ja opiskelijoiden vapaasti käytettävissä.

MAA10 HARJOITUSTEHTÄVIÄ

Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen

Merkintöjen tekeminen pohjakuvaan Libre Officella v.1.2

OHJE SÄHKÖISEN HAKEMUKSEN TÄYTTÄMISEEN

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU

Jos haluat uuden Share-työkalun, valitse Pods -> Share -> Add New Share tai jos sinulla on jo auki Share-työkalu, näyttää se tältä:

OHJ-1151 Ohjelmointi IIe

Ohjelmistotekniikan menetelmät, kesä 2008

Transkriptio:

Tervetuloa kurssille: Johdatus vuorovaikutteiseen teknologiaan! Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto *) Osan luentokalvoista tällä kurssilla on laatinut Jenni Anttonen syksyllä 2009. Kurssin tavoitteet Opintojakson suoritettuaan opiskelija ymmärtää käyttäjän huomioon ottamisen tärkeyden suunnittelun onnistumiselle. tietää alkeita ihmisen aisteista, kognitiivisista prosesseista ja motoriikasta. tuntee syöte- ja tulostemodaliteetit vuorovaikutuksessa ja ymmärtää niiden suhdetta ihmisen tiedonkäsittelyyn tunnistaa käyttäjäryhmiä ja vuorovaikutuksen yleisiä perusteita erilaisissa käyttökonteksteissa, mm. graafisissa käyttöliittymissä, pienissä laitteissa ja jokapaikan tietotekniikassa osaakuvatakeskeisiävuorovaikutustyylejäja-tapojaja tuntee vuorovaikutteisen teknologian kehityssuuntia Saila.Ovaska@uta.fi 1

Aiheina tänään Kurssin käytännön järjestelyt Ihmisen ja tietokoneen vuorovaikutus osana tietojenkäsittelytieteitä Mitä vuorovaikutteinen teknologia on? Kurkistus käyttöliittymien historiaan, nykypäivään ja vähän tulevaisuuteenkin Keskeisiä käsitteitä Käyttäjä, ohjelma, tietojärjestelmä ja käyttöliittymä Keskustelutavat ihmisen ja tietokoneen välillä KURSSIN KÄYTÄNNÖN JÄRJESTELYT Saila.Ovaska@uta.fi 2

Kurssimateriaali Kurssin vastuuopettaja Saila Ovaska, Pinni B1009 saila.ovaska@uta.fi Harjoituksia ohjaa Lauri Immonen Luentokalvot ja harjoitustehtävät on saatavilla kurssin verkkosivuilla http://www.uta.fi/sis/tie/jovuot/ Kurssin sisäinen foorumi löytyy Moodlesta: https://learning2.uta.fi/course/view.php?id=373 tee oma profiilisivu Moodleen (kuva ois kiva ylläri) Luennot ja harjoitukset Luennot 3.9.-10.10. ls Pinni B1100 Ma klo 14-17 Ke klo 12-14 Harjoitukset, ls Pinni B1084 TAI Pinni B3117 Ti klo 10-12 Ti klo 14-16 Pinni B3117 Ti klo 16-18 Ke klo 16-18 To klo 10-12 To klo 12-14 6.9. klo 14-16 Lauri Immonen Jos et ole vielä ilmoittautunut kurssille, tee se nyt kurssin sivuille linkitetyllä ilmoittautumislomakkeella! Saila.Ovaska@uta.fi 3

Kurssisuorituksen osat Kurssiin kuuluu 6 viikkoa luentoja (viimeinen luento ke 10.10.) 5 vierailijaa; vierailuluennot maanantaisin 16-17. Vähintään 3 oppimispäiväkirjaa kirjoitettava 6 viikkoharjoituskertaa Vähintään 13 tehtyä tehtävää ja neljästi oltava läsnä Osallistuminen TAUCHI-tutkimukseen Tentti; ensimmäinen tenttimahdollisuus ma 15.10. klo 14-18. Läsnäolo luennoilla Luennoilla ei ole läsnäolopakkoa, mutta asiat on hallittava Luennoilla esitetään lisämateriaalia (kuten videoita), joka ei sisälly pdf-tiedostoihin Kurssisuorituksen osat Läsnäolo harjoituksissa Harjoitustehtävien vastaukset valmistellaan etukäteen kotona ja ratkaisuja käydään yhdessä läpi harjoitustilaisuudessa Harjoitustilaisuudet ovat keskustelevia! Läsnäolo on edellytyksenä harjoituspisteiden saamiseen Poikkeustilanteessa (esimerkiksi sairaus) harjoitusvastaukset voi lähettää sähköpostilla luennoijalle Jos poikkeustilanne estää osallistumisen omaan ryhmääsi, voit vierailla toisessa ryhmässä poikkeusviikolla Enintään 2 viikon ratkaisut (max 6 tehtävää) voi lähettää kirjallisesti, ja niitten pitää olla puhtaaksi kirjoitettuja! Harjoitukset alkavat huomenna Harjoituspisteet Jokaisesta tehdystä harjoitustehtävästä saa 1 pisteen Kurssin suorittamiseen vaaditaan vähintään 13 harjoituspistettä Saila.Ovaska@uta.fi 4

Kurssisuorituksen osat Osallistuminen TAUCHI-tutkimukseen Ilmoittautumiset koottu kurssi-ilmoittautumisen yhteydessä mutta ei vielä jaettu tutkijoille Tutkija ottaa yhteyttä ja sopii tutkimuksen ajankohdasta Luennoijalla ei ole tietoa aikatauluista tai paikoista tms. Osallistuminen kestää noin 1h Kokemuksesta palautetaan oppimiskokemusraportti Raportointiohjeita Moodlessa Jokaisen tulee osallistua ja raportoida yksi osallistumiskokemus kurssin osana Joillakin luennoilla (tai Moodlessa) voi lisäksi kiertää nimilistoja, joilla haetaan osallistujia työn alla oleviin tutkimuksiin Raportoidaan normaaliin tapaan Ylimääräinen tutkimusosallistuminen (tunti) vastaa yhtä ekstraviikkoharjoitustehtävää, kun raportoitu Kurssisuorituksen osat Tentti Tentti maanantaina 15.10. klo 14.00-18.00, ls. A1 (päätalo) Tentti kattaa luennoilla ja harjoituksissa käsitellyt asiat Kurssikirjat ovat suositeltavaa lisämateriaalia, etenkin jos et pääse luennoille Saila.Ovaska@uta.fi 5

Kurssikirjallisuus Oheismateriaalina kurssilla Donald A. Norman, Miten avata mahdottomia ovia: tuotesuunnittelun salakarit. Weilin+Göös, 1991 Englanniksi julkaistu paperikantisena nimellä Design of Everyday Things. Basic Books, 2002. Saatavilla e-kirjana Alan Dix, Janet Finlay, Gregory Abowd & Russell Beale, Human-Computer Interaction. Third edition. Pearson Education Ltd., 2004. Tällä kurssilla kirjasta katetaan vain osia, sopii muillekin vuorovaikutteisen teknologian kursseille lukemistoksi http://www.hcibook.com/e3/ Lämpimästi suositeltu, mukava lukukokemus! Interaction Design -kirja Yvonne Rogers, Helen Sharp & Jennifer Preece. Interaction Design: Beyond Human-Computer Interaction (Wiley, 2011, kolmas painos) Kirjan ensimmäistä painosta (2002) löytyy TAMCATin kautta muutama kpl verkkosivusto: http://idbook.com/home.php Saila.Ovaska@uta.fi 6

Alustava suunnitelma kurssiarvosteluksi tentti Testiraportti Min n. 20 pist. 1 max 40 2 Aktiivisuuspisteitä yhteensä Pakolliset (21p) Tenttipisteisiin lisää 0 Vierailuluennot Viikkoharjoitukset Osallistuminen harjoituksiin Ylimääräisiä aktiivisuuspisteitä 3 13 teht. 4 kertaa 0 5 (6) n. 22 6 n. 4 24 27 30 33 36 5 Hyvään arvosanaan vaaditaan menestymistä tentissä ja aktiivista osallistumista opetukseen! 1 2 3 4 JOHDANTO JA PERUSKÄSITTEET Saila.Ovaska@uta.fi 7

Vuorovaikutteinen teknologia Mitä se on? Ihmisiä Teknologiaa Erilaisia käyttötavoitteita Erilaisia tehtäviä Sovellusalueita ei voi luetella niitä on niin paljon Teknologian käyttötilanteet Missä? Milloin? Miksi? Mikä tarkoitus? Mikä tavoite? Miten? Keiden kanssa? Keiden läsnäollessa? Käyttöliittymä Mikä on käyttöliittymä? User interface (UI) 011000100 110011110 111100101 001100111 Käyttöliittymä (user interface) = välineet ja toiminnot, joilla käyttäjä on yhteydessä ohjelman tai laitteen kanssa. -ATK-sanakirja Saila.Ovaska@uta.fi 8

Vuorovaikutus: Syötteet ja tulosteet Syötemodaliteetit (input) Tyypillisesti: näppäimistökomennot, hiiri Tyypillisesti: visuaaliset tulosteet näytöllä, äänet, puhe Tulostemodaliteetit (output) vuorovaikutus = input + output Mitä on HCI? http://www.uta.fi/sis/tauchi Ihmisen ja tietokoneen vuorovaikutus Human-computer interaction (HCI) Computer-human interaction (CHI) Tieteenala, joka tutkii ihmisten ja tietokoneiden välistä vuorovaikutusta. Ihmisen ja tietokoneen vuorovaikutus tapahtuu käyttöliittymän välityksellä, joka sisältää sekä laitteiston (hardware) että ohjelmiston (software). Wikipedia Human computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them. Association for Computing Machinery (ACM) HCI tutkimusalueena kattaa muutakin kuin vain käyttöliittymän Saila.Ovaska@uta.fi 9

Sosiaalinen ympäristö ja työ Käyttöympäristö Mukautuvuus käyttäjiin Ihminen Kieli, viestintä ja vuorovaikutus Sovellusalueet Tietokone Suunnittelumenetelmät Keskustelutekniikat Arviointimenetelmät Ihmisen tietojenkäsittely Keskustelutavat Syöttö/ Ergonomiatulostuslaitteet Tietokonegrafiikka Keskusteluarkkitehtuuri Esimerkkijärjestelmät Toteutusprosessi Toteutustekniikat ja -välineet Lähde: ACM, http://www.sigchi.org/cdg/cdg2.html Termistö elää Man-machine interface Human-computer interface Human-computer interaction Human-technology interaction Interactive Technology Toinen vastaava käsite: User-centered design Human-Centered Design Saila.Ovaska@uta.fi 10

HTI on monitieteinen ala Tietojenkäsittely tieteet Ergonomia & Human Factors Psykologia HTI Sosiologia Lingvistiikka Design Insinööritieteet Pelitutkimus Filosofia TAVOITTEITA HYVILLE KÄYTTÖLIITTYMILLE Saila.Ovaska@uta.fi 11

Tavoitteita hyville käyttöliittymille Teknologiaa käytetään muun muassa laajentamassa ihmisen kykyjä Esim. näkövammaisen apuna toimiva ruudunlukija, elintoimintojen tarkkailu sairaalassa, numeronmurskaus työvälineenä Esim. kaavion piirtämisessä, raportin kirjoittamisessa, tiedonhaussa sosiaalisessa vuorovaikutuksessa välittäjänä ihmisten välillä Mm. reaaliaikainen jutustelu (esim. chat, mese, irc), ei-reaaliaikainen viestintä (esim. Facebook) ajanvietteenä Pelit ja viihdeohjelmat osana ihmisen elinympäristöä Esim. lämpötilatermostaatti, älykäs auto, hissin ohjaus Tavoitteita hyville käyttöliittymille Jokaisessa kontekstissa ja jokaisella käyttäjäryhmällä on erilaisia tavoitteita käyttöliittymälle, esim. työn tuloksellisuus ja tehokkuus virheiden välttäminen hauskuus, viihtyminen, elämykset ryhmässä toimimisen tuki, sosiaalinen viestintä Saila.Ovaska@uta.fi 12

Yksi keskeinen tavoite: käytettävyys (usability) Käytettävyys mittaa sitä, missä määrin tietty käyttäjä voi tuotteen avulla saavuttaa tietyt tavoitteensa tietyissä käyttökonteksteissa tuloksellisesti, tehokkaasti ja miellyttävästi. ISO 9241 11 Toisaalta: hyvä ergonomia Ergonomia & Human Factors Ergonomia (ergonomics) = työmenetelmien, -välineiden ja työympäristön kehittäminen ihmisen ominaisuuksien, kykyjen ja tarpeiden mukaisiksi Jaotellaan Fyysinen ergonomia Kognitiivinen ergonomia Organisatorinen ergonomia HCI Englanniksi myös Human Factors (HF) http://www.ttl.fi/fi/ergonomia/ Saila.Ovaska@uta.fi 13

TIETOJENKÄSITTELYN JA KÄYTTÖLIITTYMIEN KEHITYS Tietokoneiden ja tietojenkäsittelyn kehitys Kehityskulku suuresta pienemmäksi kaukaa lähemmäksi yleiskäyttöisestä henkilökohtaiseksi pöydän kulmalta mukana kuljetettavaksi mukana kuljetettavasta langattomasti verkotetuksi verkotetusta kaikkialla läsnäolevaksi Saila.Ovaska@uta.fi 14

Tietojenkäsittelyn historiaa Isot tietokoneet tietokonesaleissa Käyttäjänä operaattori Eräkäyttö (batch processing) Kaikki työvaiheet kerralla työjonoksi Reikäkortit, reikänauha Ei vuorovaikutusta (loppu)käyttäjän ja koneen välillä eräajon suorituksen aikana UNIVAC 1, 1951 www.computerhistory.org Osituskäyttö (time sharing) Osituskäyttö alkoi Suomen yliopistoissa 1970-luvulla Tampereella vielä 1978 tehtiin ohjelmoinnin harjoitustöitä reikäkorteille Osituskäytössä yksi iso keskuskone, jolla monta samanaikaista käyttäjää (Tyhmä) pääteyhteys keskuskoneeseen Kuinka yksi kone voi palvella useampaa käyttäjää niin, että jokaisesta tuntuu kuin kone palvelisi yksin häntä? VT52 näyttöpääte www.computerhistory.org Saila.Ovaska@uta.fi 15

Henkilökohtaiset tietokoneet The IBM Personal Computer 1981 Merkkiperustainen MS-DOS käyttöjärjestelmä (Microsoft Disk Operating System) (kunnes Windows 3.0 vuonna 1990) v. 1983 myyty jo 1 300 000 PC-konetta Paul Allen & Bill Gates Microsoft 1975 Graafinen käyttöliittymä Graafisen käyttöliittymän esiinmarssi Graphical user interface (GUI) Apple Macintosh markkinoille 1984 Kaupallinen menestys Alto 1972-73 Xerox Star 1981- Apple Macintosh 1984 Xerox PARC (Palo Alto Research Center) http://www.youtube.com/watch?v=g0ftgznod44 Saila.Ovaska@uta.fi 16

Työpöytä-metafora Tim Mott: Office schematic työpöytähahmotelma Fyysiset metaforat Grab & move Kuvan lähde: Moggridge, Designing interactions http://www.designinginteractions.com/interviews/timmott Xerox Star työpöytä Kuvakkeita, kansioita, ikkunoita, käytössä hiiri computerhistory.org Saila.Ovaska@uta.fi 17

Nykyisiä työpöytiä Windows XP KDE 4.3.0 Windows 8 Graafiset käyttöliittymät mahdollistivat suorakäytön Suoravaikutteisessa eli suorakäyttöisessä (direct manipulation) käyttöliittymässä käyttäjä manipuloi toiminnallaan suoraan näkyviä kohteita Käsittelyn kohteet ovat näkyvissä ja osoitettavissa Käsitemalli "näkyy" (ainakin osittain) Välitön palaute käyttäjän toimista Sopii melko hyvin aloittelijallekin Houkuttelee kokeilemaan Helppo oppia ja muistaa Saila.Ovaska@uta.fi 18

Suorakäyttö WIMP-käyttöliittymä Windows, Icons, Menus, Pointing device WYSIWYG What You See Is What You Get Tyypillistä Drag and drop eli raahaa ja pudota hiirellä Hyperteksti Hypertekstin idea vanha Vannevar Bush: Memex, 1945 Rajaton tietosäiliö, jossa dokumentit linkitettyjä toisiinsa Saila.Ovaska@uta.fi 19

Memex, 1945 Vannevar Bush idea tietokoneesta henkilökohtaiseen käyttöön esim. tutkijalle Vannevar Bush: As we may think. The Atlantic, July 1945. http://www.theatlantic.com/doc/194507/bush Hyperteksti ja www Hypertekstin idea vanha Vannevar Bush: Memex, 1945 Rajaton tietosäiliö, jossa dokumentit linkitettyjä toisiinsa Hypertekstin periaatteet Ei-lineaarinen tekstin esitystapa (vrt. kirja) Solmujen (korttien, ) keskinäinen linkitys Esimerkkinä tänä päivänä hyvin yleisestä hypertekstistä World Wide Web (WWW) Idea esitettiin 1989, ensimmäinen selainohjelma 1990 Sittemmin räjähdysmäinen kasvu Lisätietoa: http://www.w3.org/history.html http://www.readwriteweb.com/archives/happy_20th_birthday_world_wide_web.php Saila.Ovaska@uta.fi 20

Agenttiperustainen vuorovaikutus Vuorovaikutukseen on myös ehdotettu agentteja Ohjelmanpätkiä, jotka voivat tehdä käyttäjän puolesta jonkin tehtävän Agentilla ei välttämättä ole näkyvää hahmoa, vaan se toimii taustalla Esim. tietynlaista asuntoa etsivälle kiinteistönvälittäjä joka seuraa asuntomarkkinoille tulevia uusia kohteita omaaloitteisesti ja ilmoittaa käyttäjälle kiinnostavat Yleensä rutiininomaisissa tehtävissä OK Jotkut käyttöliittymäagentit saaneet hahmon Keskustelevia, sosiaalisia toimijoita Esimerkiksi Louise http://www.chatbots.org/embodied_conversational_interface_agent/ Tarvitaan tekoälyä (Artificial intelligence) jotta agentista saadaan autonominen, oppiva ja kommunikoimaan kykenevä Jokapaikan tietotekniikka Ubiquitous computing (ubi) Huomaamattomasti toimiva ja ympäristöönsä sulautuva tietotekniikka Teknologiaa kaikkialla, näkymättömissä Saila.Ovaska@uta.fi 21

Ubiquitous Computing Xerox PARC, 1980--- Tietotekniikkaa on eri kokoisina laitteina (ks. seuraava kalvo) Laitteilla on omat käyttökohteensa, joihin ne soveltuvat hyvin Vaihtaminen koneelta toiselle on helppoa Yhdessä huoneessa voi olla satoja prosessoreita, ja ne tietävät sijaintinsa ja voivat olla keskenään vuorovaikutuksessa http://dx.doi.org/10.1145/159544.159617 Mark Weiser. The computer for the 21st century. Scientific American 265: 3, pp 94-104, 1991. Marc Weiser Xerox PARC http://en.wikipedia.org/wiki/mark_weiser Xerox PARC seinällä älytaulu Kannettavat tietokoneet pienet kämmentietokoneet älykkäät kulkukortit Mark Weiser. The computer for the 21st century. Scientific American 265: 3, pp 94-104, 1991. Saila.Ovaska@uta.fi 22

Esimerkkejä ubiteknologiasta Stocco: Maitre mirror - Kosketusnäyttö - Radio, päivämäärä, kello, ilmapuntari, valaistus ja ipod plug-in www.stocco.it Esimerkkejä ubiteknologiasta Liittymä yliopiston kulunvalvontatietojärjestelmään - Kulkuoikeudet - kulkijoiden tiedot Saila.Ovaska@uta.fi 23

Jokapaikan tietotekniikka Vanhuksen apuna Terveyskeskuksen tietojärjestelmä tietää, onko vanhus ottanut lääkkeensä ja tekee hänelle muistutussoiton, jos lääkkeet unohtuvat. Osana ympäristöä Subway Station in Stockholm - piano stairs http://www.youtube.com/watch?v=7frzyfcbqjc&nr=1 Kämmenkoneiden esiinmarssi: Apple Newton This is the Apple machine which launched the "PDA" trend (1993). John Sculley, Apple CEO at the time, invented the Personal Digital Assistant term to name a new breed of products that the Newton would define. PDA = Personal Digital Assistant Henkilökohtainen muistikirja Perusidea Nopea käynnistys Kaupallisia tuotteita Kaikki kirjoitettu tallentuu Katso http://www.computerhistory.org/revolution/mobile-computing/18/intro Saila.Ovaska@uta.fi 24

Kontekstitietoista teknologiaa Kalvo: Eija Kaasinen, http://www.videonet.fi/ttl/rupriikki2008/13/index.html Yhteenveto käyttöliittymien kehityksestä Vuorovaikutus paradigmoja Osituskäyttö (time sharing) Henkilökohtaiset tietokoneet (personal computing) Ikkunointijärjestelmät ja WIMP-käyttöliittymä Metaforat Suorakäyttö (direct manipulation) Agenttiperustainen vuorovaikutus Hyperteksti ja World Wide Web Jokapaikan tietotekniikka (ubiquitous computing) Mobiili käyttö Sensoripohjainen ja kontekstitietoinen vuorovaikutus Saila.Ovaska@uta.fi 25

NYKYISET KESKUSTELUTYYLIT ihmisen ja tietokoneen välillä Ihmisen ja tietokoneen välinen vuorovaikutus Erilaiset keskustelutyylit : Komentokieli Valikot Kysymys-vastaus-dialogit Lomakkeet Luonnollinen kieli WIMP-käyttöliittymä Point and click käyttöliittymät Eleisiin ja kehonliikkeisiin perustuvat käyttöliittymät - Näihin teemoihin palataan Käyttöliittymien perusteet kurssilla! Saila.Ovaska@uta.fi 26

Komentokieli Komentokieli Määrämuotoiset komennot, jotka käyttäjän tulee muistaa ja hallita Unix - esimerkki ls lsa texts/*.doc Ei sovi aloittelijalle eikä hyvin myöskään satunnaiskäyttäjälle Antaa aloitteen käyttäjälle Järjestelmän kehote (prompt) esim. yliopistolla kielo> Kysymys-vastaus -dialogit Järjestelmän kehotteessa kysytään jokin tieto Keskustelu on helppoa, jos kerralla välitetään vähän tietoa Sopii kokemattomalle käyttäjälle, kokenut kyllästyy helposti Joskus järjestys (vaihe kerrallaan) kuuluu tehtävän luonteeseen Login> username Password> ****** Saila.Ovaska@uta.fi 27

Valikot Valikkokeskustelu Continue? [y n q?] Vaihtoehdot esillä, valitaan (etsitään) haluttu, ilmaistaan valinta, todetaan tulos Helppo oppia, jos vaihtoehdot kuvaavia Voi hidastaa kokeneiden käyttäjien työtä www.apple.com/iphone/iphone-3gs/ Lomakkeet Lomakkeen täyttö Käyttäjä vastaa tavallaan yhtä aikaa moneen kysymykseen Soveltuu erityisesti tietojen syöttöön tai monen valinnan tekemiseen www.facebook.com Saila.Ovaska@uta.fi 28

Luonnollinen kieli Kiehtova vapaamuotoisuutensa takia Kieli on ihmiselle luonnollinen tapa kommunikoida Voi vaatia paljon kirjoittamista Tulkinta moniselitteistä He fed her dog biscuits Esimerkiksi chatbotit ( jutturobotti ) verkkosivuilla Kokeile www.elbot.com tai Ikean Anna Vaativat koneelta tekoälyä www.elbot.com www.ikea.fi WIMP-käyttöliittymät Ikkunat Ruudulla olevia alueita, jotka sisältävät yleensä tekstiä ja grafiikkaa Yleensä ikkunoita voidaan liikutella ja kokoa muuttaa Samanaikaisesti voi olla auki monta ikkunaa useampi tehtävä voi olla näkyvillä yhtä aikaa Ikkunoilla tiettyjä ominaisuuksia kuten esimerkiksi yläreunan otsikkopalkki, vierityspalkit ja sulkemispainike Kuvakkeet (ikonit) Kuvakkeilla kuvataan käyttöliittymän elementtejä kuten roskakoria, levyasemia, ohjelmia ja toimintoja Jotkut kuvakkeet edustavat suljettuja kohteita Ruudulla voidaan esittää yhtä aikaa useampia suljettuja ikkunoita, jotka voidaan avata täyteen kokoon klikkaamalla Saila.Ovaska@uta.fi 29

WIMP-käyttöliittymät Osoitinlaite WIMP edellyttää kohteiden osoittamista ja valitsemista Esimerkiksi kun hiiri syötelaitteena: käyttäjälle esitetään ruudulla näkyvä kursori, jota hän voi kontrolloida kursori voi viestiä käyttäjälle järjestelmän tilasta, esimerkiksi nuoli vs. tiimalasi Valikot Valikko on luettelo mahdollisista toiminnoista tai valinnoista, joita järjestelmässä voi tietyllä hetkellä suorittaa Valikko mahdollistaa valintojen silmäilyn muistamisen sijaan Komentojen nimien on oltava kuvaavia Erityyppisiä valikoita Valikkopalkki (menu bar) aina saatavilla Esiinponnahtavat valikot (pop-up menus) piilotettu näkyvistä Point and click Point and click eli osoita ja napsauta -käyttöliittymä Lähellä WIMP-käyttöliittymien vuorovaikutustyyliä mutta ilman suorakäyttöistä kohteiden manipulointia Tiiviisti yhteydessä hypertekstiin Vuorovaikutus Kohteen klikkaus saa aikaan toiminnon, yleensä siirtymisen Käyttäjä voi liikkua sivulta toiselle seuraten erottuvia linkkejä Ei tarvita (paljoa) kirjoittamista eikä kohteita voi raahata Soveltuu myös esimerkiksi kosketusnäytöille Esimerkiksi Käyttäjä klikkaa tiettyä kohdetta kartalla ja saa esiin kyseisen kaupungin matkailuinformaatiota Osaksi lisätietoa voi näkyä jo hiiren kursorin tullessa linkin päälle, mutta klikkaus tekee valinnan selväksi Saila.Ovaska@uta.fi 30

Ajatusleikki Elämä maapallolta katoaa, vain tietokoneet jäävät Aikojen kuluttua ulkoavaruudesta saapuu maapallolle olioita, jotka löytävät pöydän kulmalta näytön, näppäimistön, hiiren ja tietokoneen. Millaisia otuksia he kuvittelevat maapallolla eläneen? Toinen vastaus? Risto Karlsson, Helsingin sanomat 1996. Saila.Ovaska@uta.fi 31

Muutakin kuin hiiri ja näppis? Ihmisen ja tietokoneen vuorovaikutus voi hyödyntää muitakin tiedon- ja komentojensyöttötapoja (syötemodaliteetteja) kuin hiiri ja näppäimistö! Esimerkiksi puhekäyttöliittymät (Speech user interface, SUI) Komentokielisestä vuorovaikutuksesta esimerkki: Aibo-robottikoira Multimodaalisuus eli monen syötetavan käyttö Tällä hetkellä suurin osa vuorovaikutuksesta perustuu vain ihmisen näköaistin ja käsien käyttöön Ihmiselle on luonnollista katsella, kuunnella, puhua, koskettaa Milloin tietokoneelle toteutetaan samanlaiset syötetavat? Antropomorfiset käyttöliittymät Antropomorfismi = ihmisen kaltaisuus Esimerkiksi Kismet-robotin sosiaalinen vuorovaikutus Luonnollinen kieli Tunneilmaisuja Tarkkaavaisuuden kohdistaminen Oppiminen ihmisiltä http://www.ai.mit.edu/projects/ humanoid-robotics-group/kismet/ Millaisissa tilanteissa tavoiteltavaa ihmisen ja tietokoneen vuorovaikutusta? Kismet Repliee Q1expo Saila.Ovaska@uta.fi 32

Antropomorfiset käyttöliittymät http://www.is.sys.es.osaka-u.ac.jp/development/0006/index.en.html Yhteenveto Ihminen ja tietokone tai muu vuorovaikutteinen laite ovat vuorovaikutuksessa käyttöliittymän välityksellä Vuorovaikutus koostuu Käsitteellisestä ideasta, kuinka vuorovaikutus tapahtuu (esim. graafinen käyttöliittymä, hyperteksti) Vuorovaikutuksen toteutuksesta (esim. hiiri, näppäimistö ja näyttö) Ihmisen ja tietokoneen väliseen vuorovaikutukseen on kehitetty erilaisia paradigmoja ja keskustelutyylejä Saila.Ovaska@uta.fi 33