KÄYTETTÄVYYSPÄIVÄ 29.3.2007 Anne Pirinen Meeri Mäntylä KÄYTETTÄVYYSPÄIVÄ Aikataulu 9.15-11.30, Ag C134.1 Luento-osuus 11.30-12.15 Lounastauko 12.15-14.00, projektitilat Ryhmätöiden teko 14.15-15.45, Ag Beeta Luento-osuus 2 1
KÄYTETTÄVYYSPÄIVÄ Luento-osuuden sisältö Testaus tuotekehityksessä Käytettävyys Tuotteen suunnittelu Käytettävyyden arviointi Yhteenveto Ryhmätöiden tehtävänannot 3 Testaus tuotekehityksessä Merkitys Osa-alueet 4 2
TESTAUS TUOTEKEHITYKSESSÄ Merkitys Tavoitteena Toimiva, laadukas ja luotettava tuote Virheiden löytäminen Epäloogisuuksien löytäminen Kustannusten pienentäminen Jopa 30 % tuotekehityksestä olisi hyvä olla testausta 5 TESTAUS TUOTEKEHITYKSESSÄ Testauksen osa-alueet Suorituskyky Luotettavuus Tehokkuus Siirrettävyys Ylläpidettävyys Yhteensopivuus Käytettävyys 6 3
Käytettävyys Määrittely Merkitys Käyttäjäkeskeinen suunnittelu WWW- ja mobiilikäytettävyys 7 Käytettävyys 8 4
KÄYTETTÄVYYS Määrittely 1/2 Tuotteen käytettävyys kertoo, kuinka hyvin käyttäjät pystyvät käyttämään tuotetta oikein, tehokkaasti ja miellyttävästi tavoitteiden saavuttamiseksi tietyssä käyttöympäristössä ja tilanteessa. (ISO) Yleisesti hyvää käytettävyyttä ei ole 9 KÄYTETTÄVYYS Määrittely 2/2 Jacob Nielsenin mukaan käytettävyys= sovelluksen käyttökelpoisuus 10 5
KÄYTETTÄVYYS Merkitys Suunnittelija ei voi ennustaa käyttäjän toimintaa tai ajatuksia, sillä heidän mentaaliset mallit ovat toisistaan eroavat Jos tuote ei ole käytettävä -> käyttämättä jättäminen 11 KÄYTETTÄVYYS Merkitys 12 6
KÄYTETTÄVYYS Käyttäjäkeskeinen suunnittelu 1/5 Kenelle järjestelmää suunnitellaan?! Suunnittelijan syytä tuntea: Käyttäjien toimintatapoja ja kulttuuria Ihmisten fyysisiä ja kognitiivisia rajoituksia 13 KÄYTETTÄVYYS Käyttäjäkeskeinen suunnittelu 2/5 Otetaan käyttäjät mukaan suunnitteluun heti alussa ja pidetään heidät mukana koko prosessin ajan Testaus ja arviointi koko ajan mukana Iteroiva eli toistuva suunnittelu 14 7
KÄYTETTÄVYYS Käyttäjäkeskeinen suunnittelu 3/5 15 KÄYTETTÄVYYS Käyttäjäkeskeinen suunnittelu 4/5 Karvonen & Parkkinen, User Interfaces and Usability in Multi-Channel Products, in Multi-Channel Solutions, 2003 16 8
KÄYTETTÄVYYS Käyttäjäkeskeinen suunnittelu 5/5 17 KÄYTETTÄVYYS WWW-käytettävyys Ilman hyvää sisältöä ei ulkoasullakaan ole merkitystä Nopea vasteaika merkittävä Oltava alle sekunti Mielenkiinto pysyy yllä 10 sekunnin ajan 18 9
KÄYTETTÄVYYS Mobiilikäytettävyys Erittäin haastava alusta Pieni näyttö Virran kulutus Keskeytyksien hallinta 19 Tuotteen suunnittelu Perusteet Navigointi Hahmolait Linkit Lomakkeet Värien käyttö Luettavuus Skaalautuvuus Kuvakkeet 20 10
TUOTTEEN SUUNNITTELU Perusteet 1/2 Ensin suunnitellaan sovelluksen rakenne, sitten ulkoasu Keskeisin materiaali näytön yläosaan Etusivulta tarjottava pääsy tärkeisiin kohteisiin 21 TUOTTEEN SUUNNITTELU Perusteet 2/2 22 11
TUOTTEEN SUUNNITTELU Navigointi 1/3 Varaa navigaatioon 20% sivusta Ryhmittele navigointipalkit, -linkit ja painikkeet johdonmukaisesti Tee ulkoasusta yhdenmukainen, johdonmukainen ja tasapainoinen Tarjoa selkeä informaatio käyttäjän sijainnista esim. Hierarkian esittäminen Opinnot -> Opintojen suunnittelu -> Henkilökohtainen opintosuunnitelma 23 TUOTTEEN SUUNNITTELU Navigointi 2/3 24 12
TUOTTEEN SUUNNITTELU Navigointi 3/3 25 TUOTTEEN SUUNNITTELU Hahmolait 1/2 Läheisyyden laki Samanlaisuuden laki Sulkeutuvuuden laki 26 13
TUOTTEEN SUUNNITTELU Hahmolait 2/2 Yhteenkuuluvien asioiden ryhmittelyn keinot: Elementtien asettelu Elementtien muoto Rajaukset ja viivat Värit Tyhjän tilan käyttö Otsikointi 27 TUOTTEEN SUUNNITTELU Linkit Käyttäjän voitava ennustaa, minne linkki johtaa Käyttäjän on voitava erottaa linkki toisista melko samanlaisista linkeistä Selkeät ja yhtenäiset nimeämiskäytännöt 28 14
TUOTTEEN SUUNNITTELU Lomakkeet Suunnittelussa tulee ottaa huomioon: Onko luonnollisempaa kirjoittaa vai valita haluttu tieto Tuleeko vastauksiin kirjoitusvirheitä Pitääkö nähdä vaihtoehdot, jotta ymmärtää kysymyksen Montako vaihtoehtoa on ja voiko niitä valita useamman kerralla Vasemmalta oikealle, ylhäältä alas! 29 TUOTTEEN SUUNNITTELU Värien käyttö 1/3 Värien huomioarvo: Värien muistettavuus: 30 15
TUOTTEEN SUUNNITTELU Värien käyttö 2/3 Värien avulla voi Kiinnittää käyttäjän huomion Nopeuttaa elementtien hakua Kuvata rakennetta ja yhteenkuuluvuutta Lisätä viehättävyyttä, muistettavuutta, uskottavuutta ja ymmärettävyyttä Kertoa, että jokin kenttä ei ole käytössä 31 TUOTTEEN SUUNNITTELU Värien käyttö 3/3 32 16
TUOTTEEN SUUNNITTELU Luettavuus 1/2 Tasaa tekstit vasempaan reunaan Käytä sopivan suurta kirjasinkokoa (10-12 pistettä) Vältä kokonaan isoilla kirjoitettua tekstiä Tekstin ja taustan välillä oltava voimakas kontrasti Taustakuvion tulisi olla rauhallinen 33 TUOTTEEN SUUNNITTELU Luettavuus 2/2 Käytä useita otsikoinnin tasoja Selkeät (tarpeeksi lyhyet) kappalejaot Luettelot ja kaaviot virkistävät 34 17
TUOTTEEN SUUNNITTELU Skaalautuvuus Sivun pitäisi olla riippumaton resoluutiosta, näytön koosta ja käytettävästä selaimesta Elementtien koot on hyvä määritellä prosentteina 35 TUOTTEEN SUUNNITTELU Kuvakkeet Kohteet ja toiminnot hyvä esittää tutulla ja tunnistettavalla tavalla Yksiselitteinen ja yksinkertainen Rajaa käytettävien ikonien määrä Ikonin tulee erottua taustasta Ikoniryhmän harmonia 36 18
Käytettävyyden arviointi Lähtökohdat Asiantuntija-arviot Käytettävyystestaus 37 KÄYTETTÄVYYDEN ARVIOINTI Lähtökohdat 1/3 Tavoitteena mitata, kuinka käyttökelpoinen sovellus on Tulisi aloittaa tuoteprosessin alkuvaiheessa Omaa tuotosta kohtaan oltava kriittinen Sokeutuminen Mitä aikaisemmin ongelmat löydetään, sen halvemmaksi niiden korjaaminen tulee 38 19
KÄYTETTÄVYYDEN ARVIOINTI Lähtökohdat 2/3 Testaus voidaan jakaa: Asiantuntija-arviot Käytettävyystestaus Käyttäjätestaus Prototyyppitestaus 39 KÄYTETTÄVYYDEN ARVIOINTI Lähtökohdat 3/3 Jos haluaa varmistua hyvästä tuotteesta, se on testattava Käyttäjätesteillä saadaan todellisen käyttäjäkunnan mielipide esille Yhden käyttäjän testaus alkuvaiheessa on parempi kuin 50 käyttäjän testaus loppuvaiheessa 40 20
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 1/12 Menetelmiä Heuristinen arviointi Kognitiivinen läpikäynti Moniarvoinen läpikäynti Standardivertailu 41 KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 2/12 Nielsenin 10 heuristiikkaa 1. Näkyvyys 2. Yhteensopivuus sovelluksen ja todellisen maailman välillä 3. Hallitsevuuden ja vapauden tunne käyttäjillä 4. Jatkuvuus ja standardit 5. Virheiden ehkäisy 6. Muistikuormituksen minimoiminen 7. Käytön tehokkuus ja joustavuus 8. Estetiikka ja minimalistinen suunnittelu 9. Virheistä toipuminen 10. Ohjeet 42 21
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 3/12 1. Näkyvyys Sovelluksen tulee antaa käyttäjälle palautetta meneillään olevasta tapahtumasta Onko järjestelmä toiminnassa, onko syöte vastaanotettu, mitä seuraavaksi Progress bar 43 KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 4/12 2. Yhteensopivuus sovelluksen ja todellisen maailman välillä Kieli 44 22
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 5/12 3. Hallitsevuuden ja vapauden tunne käyttäjällä Mahdollisuus peruutukseen 45 KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 6/12 4. Yhteneväisyys ja standardit Nimien ja värien johdonmukaisuus Navigointipalkit tuttuja ja luontevissa paikoissa Vallitsevien standardien noudattaminen 46 23
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 47 KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 7/12 5. Virheiden ehkäisy Ehkäistään virheiden tekeminen hyvien virheilmoitusten sijaan Huolellinen suunnittelu estää virhetilanteiden syntymistä 48 24
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 8/12 6. Muistikuormituksen minimoiminen Ohjeet tarvittaessa Tärkeimmät toiminnot näkyvissä, jottei sijaintia tarvitse muistaa Painikkeiden toiminnallisuus ymmärrettävissä 49 KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 9/12 7. Käytön tehokkuus ja joustavuus Oikopolut Pikanäppäimet 50 25
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 10/12 8. Minimalistinen suunnittelu Näytöllä vain haluttu informaatio Kirjasintyyppejä rajoitetusti (1-3) Tyhjän tilan hyödyntäminen Huomion kiinnittäminen tärkeimpiin elementteihin 51 KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 52 26
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 11/12 9. Virheistä toipuminen Virheilmoitus selväkielisenä Tulisi sisältää Tieto virheestä Mitä tapahtui ja miksi Korjausehdotus 53 KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 54 27
KÄYTETTÄVYYDEN ARVIOINTI Asiantuntijatestaus 12/12 10. Ohjeet ja dokumentointi Käyttöohjeet luetaan vasta niitä tarvittaessa Ohjeet sisältävät ytimekkäät pääaskeleet Esimerkkien käyttö on havainnollistavaa 55 KÄYTETTÄVYYDEN ARVIOINTI Käytettävyystestaus 1/5 Erilaisia metodeita Perinteinen käytettävyystestaus Ryhmäkeskustelut Haastattelut Kyselylomakkeet 56 28
KÄYTETTÄVYYDEN ARVIOINTI Käytettävyystestaus 2/5 Perinteisessä käytettävyystestauksessa Pyydä testattavaa ajattelemaan ääneen Kirjaa muistiinpanoja koko ajan Enintään kaksi testin valvojaa 57 KÄYTETTÄVYYDEN ARVIOINTI Käytettävyystestaus 3/5 Aloitushaastattelu Tausta ja syy ko. ohjelman testaamiseen Odotukset ja tavoitteet Aikaisempia kokemuksia hyvistä/huonoista käyttöliittymistä 58 29
KÄYTETTÄVYYDEN ARVIOINTI Käytettävyystestaus 4/5 Tehtävälista 1. Kirjaudu sisään 2. Valitse päivämäärä 3. Jne. Loppuhaastattelu Testattava saa selata sivuja samalla kun kysytään tarkentavia kysymyksiä Mikä oli hyvää/haastavaa? Luotatko järjestelmään? 59 KÄYTETTÄVYYDEN ARVIOINTI Käytettävyystestaus 5/5 Analyysi Tulosten läpikäynti Raportointi Testin kulku Tulokset Johtopäätökset Kehitysehdotukset 60 30
Yhteenveto Tuotteen käytettävyys kertoo, kuinka hyvin käyttäjät pystyvät käyttämään tuotetta oikein, tehokkaasti ja miellyttävästi tavoitteiden saavuttamiseksi tietyssä käyttöympäristössä ja tilanteessa. (ISO) Jos tuote ei ole käytettävä, se jää käyttämättä! 61 Ryhmätyöt 1 aihe/ryhmä Testaus klo 12.15-14.00 projektitiloissa Testauksen tulokset puretaan iltapäivän luennolla Testauksesta työstetään raportti, joka palautetaan myöhemmin 62 31