http://www.cs.tut.fi/ihte Käytettävyys käyttöliittymäsuunnittelussa Grako-luento 9.9.2008 Timo Partala Puh. 040 849 0855 Email timo.partala@tut.fi
Luennon sisältö Tavoite: Keskeisten käytettävyyteen liittyvien lähtökohtien ja UI-suunnitteluperiaatteiden mieleenpalautus. Miksi käytettävyys on tärkeää? Käyttöliittymäsuunnittelun perusteita - Vuorovaikutustyylit - Käyttöliittymien suunnitteluperiaatteita
http://www.cs.tut.fi/ihte Miksi käytettävyys on tärkeää?
Työajasta tuhraantuu yli kolme tuntia viikossa Kotimaiset yritykset menettävät vuosittain kymmeniä tuhansia henkilötyövuosia it-ongelmien takia. Tietotekniikan ongelmat ovat nousseet uhaksi suomalaisten yritysten tehokkuudelle. Niistä aiheutuu jo 2,7 miljardin taakka kansantaloudelle. Tutkimuksen mukaan kansantalouden tehokkuuden kannalta olisi tärkeää, että tietotekniikan käytettävyys varmistetaan niin yksilö- kuin organisaatiotasolla. Käytettävyyttä kohentavat esimerkiksi [...] pitkäjänteinen käyttäjälähtöinen tutkimus- ja kehitystoiminta. [ITviikko 18.09.2003]
Käytettävyyden liiketaloudellisia perusteita Alhaisemmat kehityskustannukset Lyhyempi kehitysaika Asiakasmäärän kasvu Asiakkaiden menetyksen estäminen Suurempi tuotekehityksen tehokkuus Vahvempi brändi Alhaisemmat tuotetukikustannukset Huomattava kilpailutekijä! [http://www.theusabilitycompany.com/approach/return.html] - sisältää myös ROI-laskimen Internet-sivustojen kehittämiselle
Käytettävyyden osatekijät Käyttöympäristö Fyysinen, sosiaalinen, tekninen,... Vuorovaikutus, käyttöliittymä Ihminen Kyvyt, odotukset, tavoitteet, tehtävät Sovellus/järjestelmä Toiminnallisuus, tekniset ominaisuudet, muoto, I/O-laitteet Käyttäjäkeskeinen suunnitteluprosessi (UCD = User-Centered Design)
Mitä käytettävyys on? Käytettävyyttä ei voida määritellä absoluuttisesti tyhjiössä - se riippuu tuotteen lisäksi aina käyttäjistä, heidän tavoitteistaan ja käyttöympäristöstä Käytettävyys tarkoittaa tuotteen soveltuvuutta käyttäjälle ja tehtävään - On tunnettava tarkasti käyttäjät, tehtävät ja käyttöympäristöt
Käytettävyyden määritelmä ISO 9241-11 (1998) -standardi määrittelee käytettävyyden seuraavasti: - Tarkoituksenmukaisuus, tehokkuus ja tyytyväisyys, jolla tuotteen määritellyt käyttäjät saavuttavat määritellyt tavoitteet tietyissä käyttöympäristöissä. Mittarit: Tarkoituksenmukaisuus (Effectiveness) - miten hyvin tuotteella voi saavuttaa tavoitteen Tehokkuus/suorituskyky (Efficiency) - tehokkuus, mitattuna ajankäytöllä per tehtävä tai muilla käytetyillä resursseilla Tyytyväisyys (Satisfaction) - käyttäjän subjektiivinen kokemus käytön miellyttävyydestä
Käytettävyystavoitteet ja mittaaminen Käytettävyyden mittaamista ja systemaattista kehitystä varten on määrittelyn yhteydessä asetettava määrilliset tavoitteet Järjestelmän xxx käytettävyysspesifikaatio Käyttäjäpopulaatio: Esiehdot: Kohderyhmän 1 käyttäjät Mittaukset tehdään viikon käyttöajan jälkeen Attribuutti Suure Pahin tapaus Alin hyväksyttävä taso Suunniteltu taso Paras taso Tavoite Tarkoituksenmukaisuus Suoritetut tehtävät (%) 0 85 88 100 90 Tehokkuus Käytetty aika (min) 10 tai yli 5 4 1 4 Tyytyväisyys Arvio 1 4 6 7 6
Systeemin hyväksyttävyys Systeemin hyväksyttävyys Käytännöllinen hyväksyttävyys Sosiaalinen hyväksyttävyys Hyödyllisyys (usefulness) Hinta Yhteensopivuus Luotettavuus Jne n. 100 muuttujaa Käyttökelpoisuus (utility) Käytettävyys (usability) Käyttäjäkeskeisen suunnittelun tavoite Opittavuus Tehokkuus Muistettavuus Virheettömyys Miellyttävyys [Jakob Nielsen]
Käytettävyydeltään hyvän järjestelmän ominaisuuksia Johdonmukaisuus Tehtävään sopivuus Opittavuus Muistettavien asioiden määrä Hallittavuus Virheettömyys Virheiden sieto (error handling, error recovery, forgiveness) [Jacob Nielsen, Ben Shneiderman] Miellyttävyys Esteettisyys Sopiva esitystapa Opastus, käyttöohje
UCD= User-Centered Design Käyttäjäkeskeinen suunnitteluprosessi Tunnista tarve käyttäjäkeskeiselle suunnittelulle Ymmärrä ja määrittele käyttökonteksti [ISO 13407] Evaluoi suunnitteluratkaisut vaatimuksia vasten Järjestelmä täyttää määritellyt käyttäjän ja organisaation vaatimukset Määrittele käyttäjän ja organisaation vaatimukset Tuota suunnitteluratkaisuja
Ohjelmistoteknisen toteutusprosessin ja käyttäjäkeskeisen suunnittelun integrointi Esitutkimus Määrittely Tunnista tarve käyttäjäkeskeiselle suunnittelulle Ymmärrä ja määrittele käyttökonteksti [ISO 13407] Suunnittelu Toteutus } Evaluoi suunnitteluratkaisut vaatimuksia vasten Järjestelmä täyttää määritellyt käyttäjän ja organisaation vaatimukset Määrittele käyttäjän ja organisaation vaatimukset Integrointi Testaus Tuota suunnitteluratkaisuja Käyttöönotto & ylläpito
Käyttäjäkeskeisen suunnittelun periaatteet Käyttäjien aktiivinen osallistuminen ja selkeä ymmärrys käyttäjän ja tehtävien vaatimuksista Tarkoituksenmukainen työnjako käyttäjien ja teknologian välillä Suunnitteluratkaisujen iterointi Monialainen suunnitteluprosessi [ISO13407]
UCD:n menetelmiä Http://www.usabilitynet.org/tools/methods.htm
Esimerkki käytön sekvenssistä, johon UI-suunnittelu voi perustua Ennen suunnittelun alkamista on tunnistettava keskeiset Tavoitteet ja tehtävänkulut Käyttöliittymän rakenteen pitäisi tukea tehtävien tehokasta suorittamista Keskeisiä tehtäviä voidaan käyttää testi-caseina mm. protoiluvaiheessa
http://www.cs.tut.fi/ihte Käyttöliittymien perusteita Vuorovaikutustyylit UI-suunnittelun periaatteita
Vuorovaikutustyylit Kysymys-vastaus dialogi Lomakkeen täyttö Komentokieli Luonnollinen kieli Valikot Suoramanipulaatio Hypermedia Agentit
Vuorovaikutustyylit... 2) Lomakkeen täyttö - käyttäjä vastaa tavallaan yhtä aikaa moneen kysymykseen - sopii erityisesti tietojen syöttöön etenkin jos tietoja kootaan paperilomakkeella ja ne syötetään tietokoneeseen
Hyvän lomakkeen ominaisuuksia Looginen järjestys Ryhmittely Termit käyttäjän kielellä Pakolliset kentät ilmaistu selkeästi Mahdollisuus poistua (keskeyttää lomakkeen täyttö, Cancel) tai palauttaa oletusarvot
Vuorovaikutustyylit... 5) Valikot - vaihtoehdot näkyvissä, valitaan (etsitään) haluttu, ilmaistaan valinta, todetaan tulos - helppo oppia, jos vaihtoehdot kuvaavia - ei sovi tietojen syöttöön - hidastaa kokeneiden käyttäjien työtä
Vuorovaikutustyylit 6) Suoravaikutteinen (direct manipulation) liittymä - käsittelyn kohteet ovat näkyvissä ja osoitettavissa, manipuloitavissa - Jatkuva visuaalinen palaute - drag and drop on tehokas ja miellyttävä, erityisesti silloin kun objektille pitää antaa sijainti - sopii melko hyvin aloittelijallekin - houkuttelee kokeilemaan - helppo oppia ja muistaa - toteutus on vaativaa
Merkkipohjainen vs. graafinen liittymä Ref: Temple, Barker, Sloane (1990; sponsorit: Microsoft ja Zenith) Mittari CUI GUI Valmistuneita tehtäviä Oikein tehtyjä tehtäviä Noviisien turhautuneisuus Rasittuneisuus Yritettyjä tehtäviä 35 % enemmän 74 % 91 % 5.3 2.7 5.8 4.3 23 % enemmän
Yhteenvetoa vuorovaikutustyyleistä Eri tyylien käyttökelpoisuus riippuu aina tilanteesta: tehtävästä, käyttäjästä, tavoitteista; tapoja ei voi asettaa yleispätevästi paremmuusjärjestykseen - Yksi yleisluontoinen sääntö: GUI on parempi noviiseille, komentokieli tehokkaampi kokeneille käyttäjille Useimmiten käyttöliittymässä sovelletaan rinnakkain useita eri keskustelutapoja - suoravaikutteisuus, valikot, lomakkeet - jopa suoravaikutteisuus ja komennot (esim. CAD)
http://www.cs.tut.fi/ihte Käyttöliittymien suunnitteluperiaatteita
Käyttöliittymäsuunnittelun sääntöjä the Eight Golden Rules of Interface Design, Ben Shneidermann, Designing the User Interface (Addison-Wesley, 1993) - Myös: Normanin periaatteet, Donald Norman, Design of Everyday Things, Basic Books, 2002.
Käyttöliittymäsuunnittelun 8 kultaista sääntöä 1. Noudata yhtenäisyyttä toimintaketjuissa ja toimintatavoissa Terminologia Värit, fontit, kuvakkeet Samanlainen toimintatapa samassa tilanteessa
Norman: Johdonmukaisuus Sisäiseen johdonmukaisuuteen vaikuttaa mm: - Komponenttien sijainti ja käyttötapa - Värien käyttö (sama värikoodaus läpi ohjelman) - Vihjeiden käyttö (fontin tyyli: kursiivi, lihavointi ) - Terminologia (yhtenäinen läpi koko ohjelman) - Samantyyppinen toimintatapa samantyyppisissä tilanteissa Tyylioppaat hyvä tapa ohjata johdonmukaisuutta
Kahdeksan kultaista sääntöä 2. Tarjoa edistyneille käyttäjille oikoteitä näppäinoikotiet makrot
Kahdeksan kultaista sääntöä 3. Tarjoa informatiivista palautetta Suoramanipulointi edellyttää toiminnon aikana jatkuvaa palautetta!
Norman: Palaute Nopea palaute on onnistuneen ja järkevän toiminnan kannalta keskeistä - Jo 300 ms:n viiveen jälkeen käyttäjä alkaa turhautua Voi perustua esim. näkö- tai kuuloaistiin - Molempia ei yleensä tarvita yhtaikaa Palautetta tulee antaa käyttäjän ymmärtämillä termeillä tai visuaalisilla viesteillä
Kahdeksan kultaista sääntöä 4. Suunnittele dialogit siten, että ne johtavat lopputulokseen Järjestä toimintoketjut siten, että niillä on alku, keskikohta ja loppu
Kahdeksan kultaista sääntöä 5. Tarjoa yksinkertaista virheenkäsittelyä estä virheet auta käyttäjää toipumaan virhetilanteista
(EI näin :-})
Norman: Virheiden käsittely Käyttäjän ei tulisi syyttää itseään virheistä - Ihmisillä on taipumus pyrkiä löytämään toiminnoille (etenkin kummallisille) selityksiä, eivätkä ne aina osu kohdalleen Tärkeä virheisiin vaikuttava tekijä on kuviteltu syy-yhteys - esim. verkkoyhteys katkeaa yllättäen: teinkö minä jotain väärin?
Kahdeksan kultaista sääntöä 6. Salli toimintojen helppo peruminen yksittäisen tapahtuman toimintosarjojen - Myös Redo - Huom! Yleensä pitää suunnitella jo ohjelmistoarkkitehtuuritasolla
Kahdeksan kultaista sääntöä 7. Tue käyttäjän kontrollin tunnetta Käyttäjä käynnistää tapahtumat ja toiminnot Käyttäjä voi tehdä valintoja Salli keskeytykset Tosin: Automaatio- ja läsnä-äly järjestelmissä käyttäjän kontrolli ei voi olla täydellinen - Silti käyttäjälle pitää antaa mahdollisuus kontrolliin vähintäänkin keskeytyksen muodossa
Kahdeksan kultaista sääntöä 8. Rajoita käyttäjän lyhytkestoisen muistin kuormitusta tarvittava informaatio joka näytöllä - Mutta ei liikaa! (7±2, ryhmittely) ohjeet, opasteet, syöteformaatit
Norman: Näkyvyys Tee asiat näkyviksi Toiminnot ja informaatio esille Anna luonnollisia visuaalisia viestejä - Jos yksinkertaisen välineen yhteyteen tarvitaan käyttöohje, on se todennäköisesti merkki epäonnistuneesta suunnittelusta
Yhteenveto Määrittele aluksi käyttäjän tavoitteet ja päätehtävät Tee suunnitelma käyttöliittymän rakenteesta perustuen tehtävänkulkuihin - Sekä näyttöjen väliset että sisäiset rakenteet Sovella Shneidermanin/Normanin (tms.) UIsuunnitteluohjeita - Voitte miettiä myös omaa tyyliopasta Jos mahdollista, tee (paperi)proto ja testaa sitä 2-4 potentiaalisella käyttäjällä
Kirjallisuutta Cooper, A. About Face: The Essentials of User Interface Design. Wiley, 2003. Earthy, J., Usability Maturity Model, Lloyd s Register, INUSE project, 1998. Beyer, H. & Holtzblatt, K. Contextual Design. Academic Press, 1998. ISO13407. Human-centred Design Processes for Interactive Systems. Switzerland, Genève: International Organization for Standardization, 1999. ISO 9241-11. Ergonomic requirements for office work with visual display terminals, Part 11: Guidance on usability. Jokela, T. Assessment of UCD processes as a basis for improvement action. University of Oulu, A374, 2001 Kotler, P. (2000). Marketing management, the millenium edition. Prentice Hall, 2000. Mayhew, D. and Bias, R. Cost-Justifying Usability. Morgan Kaufmann, 1994 (new edition coming in 2005) & Update for the Internet Age, 2005. Moore, G. (1991). Crossing the Chasm. Harper Business, NY. Nielsen, J. Usability Engineering. Morgan Kaufmann, 1994. Norman, D. Design of Everyday Things, Basic Books, 2002. Norman, D. (1998). The Invisible Computer: Why Good Products Can Fail. MIT Press, MA. Preece, J. et al, Human-Computer Interaction. Addison-Wesley Publishing Company, 1994 Thomas B. Sheridan, Humans and automation: System design and research issues, Wiley Inter- Science, 2002 Shneiderman, B. Designing the User Interface. Addison-Wesley, 1993. Sinkkonen et al. Käytettävyyden psykologia. IT Press, 2002.
Web-linkkejä http://www.usabilitynet.org - A project funded by EU to promote usability and user-centered design http://www.upassoc.org/ - The Usability Professionals' Association (UPA) http://www.useit.com/ - Jacob Nielsenin webbisivut, osittain kaupalliset - Nielsenin kuuluisa Alert Box: http://www.useit.com/alertbox/ http://www.theomandel.com/ - Kaupallinen yritys, jossa lisäksi tarjolla julkista käytettävyystietoa www.usability.serco.com/trump/ www.ejeisa.com/nectar/inuse www.baddesigns.com/ (esimerkkejä huonosta käytettävyydestä)