Käyttäjäkeskeinen suunnittelu Normanin tapaan Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Aiheina Käyttäjäkeskeinen suunnittelu Normanin hyvän suunnittelun periaatteet ja Emotional design Kurssikirja: Donald Norman, Miten avata mahdottomia ovia: tuotesuunnittelun salakarit. Weilin+Göös, 1991 Englanniksi saatavilla kovakantisena (Psychology of Everyday Things) ja pehmeäkantisena (Design of Everyday Things) Suositellaan luettavaksi kokonaan Saila.Ovaska@uta.fi 1
Donald A. Norman Normanin tuotantoa Norman, D. A., & Draper, S. (Eds.), User Centered System Design: New Perspectives on Human-Computer Interaction. Lawrence Erlbaum Associates, 1986. The Design of Everyday Things. Doubleday 1990. Miten avata mahdottomia ovia: tuotesuunnittelun salakarit. Weilin+Göös, 1991. Things that Make Us Smart. Addison-Wesley, 1993. Defending Human Attributes in the Age of the Machine. CD-ROM, First Person series, Voyager, 1994. The Invisible Computer: Why Good Products Can Fail, the Personal Computer Is So Complex, and Information Appliances Are the Solution. MIT Press, 1998. Emotional Design, Basic Books, 2004 www.jnd.org Käyttäjäkeskeinen suunnittelu Käyttäjän ominaisuuksista ja tarpeista lähtevä suunnittelu Termiä tehnyt tunnetuksi Donald Norman Motto: Virheitä eivät tee käyttäjät vaan suunnittelijat. Saila.Ovaska@uta.fi 2
NORMANIN HYVÄN SUUNNITTELUN PERIAATTEET Hyvän suunnittelun periaatteet Principles of Design for Understandability and Usability Donald Norman Science finds, Industry applies, Man conforms. People propose, Science studies, Technology conforms. Chicagon maailmannäyttely, 1933 Donald Norman, 1993 Saila.Ovaska@uta.fi 3
Normanin suunnitteluperiaatteet Näkyvyys (visibility) Tee asiat näkyviksi Kytkennät (mappings) Tee ohjainten ja toimintojen yhteys selväksi Käsitemalli (conceptual model) Tarjoa selkeä käsitemalli Palaute (feedback) Anna palautetta Virheiden käsittely (to err is human) Varaudu virheisiin Ovien kahvoja Saila.Ovaska@uta.fi 4
Hiukan näkyvämpää vihjettä Graafisissa käyttöliittymissä Näkymättä/huomaamatta jääviä kohteita paljon Syvällä valikkorakenteessa olevat komennot Ponnahdusvalikot Huonosti suunnitellut kuvakkeet Saila.Ovaska@uta.fi 5
Näkyvyys Käytä luonnollisia visuaalisia viestejä Jos yksinkertainen väline tarvitsee käyttöohjeen (vaikka vain yhden sanan tai kuvan), se voi olla huonosti suunniteltu Voi toimia muistuttamassa eri mahdollisuuksista Recognition is better than recall Voitaisiin käyttää avuksi paljon nykyistä enemmän! Kahvihuoneen valot Kuva erään PinniA:ssa sijaitsevan kahvihuoneen pääoven luota. Pääoven luona on oheinen valokytkinpaneeli, jossa on kahdenkokoisia kiikkukytkimiä. Mikä kytkin ohjaa mitäkin valoa? Saila.Ovaska@uta.fi 6
Toinen seminaarihuone PinniB:ssä Seminaarihuoneessa Seinässä oleva kytkinpaneeli säätöineen Sisäänkäynnin vieressä oleva valokatkaisija Saila.Ovaska@uta.fi 7
Ohjainten ja toimintojen kytkennät Käyttäjälle oltava selvää, mitä tapahtuu mistäkin napista Kullekin toiminnolle oma ohjain Kukin ohjain oikealle paikalleen Ohjaimilla luonnollinen toiminta Oikean muotoiset, erottuvat ohjaimet Normanin valokatkaisijat Ei näin......vaan näin! Saila.Ovaska@uta.fi 8
Lieden säätimet Lieden säätimet Thermador-lieden kytkennät! Saila.Ovaska@uta.fi 9
Mersun istuimen kaltevuuden säädin Lämpötila ja ilmastointi Säätimen muoto, nollakohta, asteikko? Saila.Ovaska@uta.fi 10
Kohteen tarjoamat mahdollisuudet Havainnoitavassa kohteessa on joukko mahdollisuuksia jotka "tarjoutuvat käyttöön" itsestään tarkastelijan tarvitsematta pohtia miten kohdetta käyttäisi (ns. ecological perception) Esimerkiksi painike näyttää painettavalta Käyttömahdollisuus (affordance) on relaatio henkilön ja kohteen välillä Käsitemalli Käyttäjän on pystyttävä muodostamaan oikea käsitemalli mieluiten ilman erillistä ohjetta Mallin syntymiseen vaikuttavat: Käyttömahdollisuudet (affordances) Rajoitteet (constraints) Ohjainten ja toimintojen kytkennät Saila.Ovaska@uta.fi 11
Käsitemallin muodostuminen Käyttöliittymän on välitettävä oikea ja riittävä informaatio, jotta käyttäjälle muodostuu oikeanlainen käsitemalli. Käsitemallin muodostuminen Käsitemallin muodostumiseen vaikuttavat Fyysiset rajoitukset Palikoidenmuoto Semanttiset rajoitukset Pään suunta Kulttuurirajoitukset Värit Loogiset rajoitukset Kaikki osat käytettävä Niin hyvin suunniteltu, että aikuinenkin osaa sen koota. Saila.Ovaska@uta.fi 12
Käsitemalli Käsitemalli, käsitteellinen malli, sisäinen malli, mentaalimalli Vivahde-eroja (Jovuot-kurssilla niillä tarkoitetaan samaa asiaa) Käyttäjän mielessä oleva esitys tai käsitys (ymmärrys) siitä, mitä tapahtuu Perustuu aikaisempaan kokemukseen ja opittuun The power of mental models is that they let you figure out what would happen in novel situations. Norman Käyttöliittymässä tarjottu käsitemalli Macintosh Levykkeen raahaus roskakoriin Windows Lopetus Käynnistä (Start) - valikossa Saila.Ovaska@uta.fi 13
Käytännössä? Mitä enemmän toimintoja...... sitä todennäköisemmin ohjelman tarjoama malli on käyttäjälle liian monimutkainen. Palaute Oleellista; toiminta ilman palautetta on kuin Puhuminen kuulematta omaa ääntään Piirtäminen ilman jälkeä jättävää kynää Voi perustua yhtä hyvin näkö- kuin kuuloaistiin tai tuntoaistiin Muistettava käyttäjän näkökulma Ei saa olla häiritsevää On parhaimmillaan sellaista, ettei käyttäjä sitä edes huomaa, kun toiminta etenee normaalisti Saila.Ovaska@uta.fi 14
Käyttöliittymässä Palautetta käyttäjän toimista ja valinnoista: jotain alkaa tapahtua Palaute kertoo suorituksen edistymisestä Palautetta pitää saada nopeasti Käyttäjä luulee muuten, ettei onnistunutkaan tehtävässään... ja yrittää uudelleen searching database for matches Varaudu virheisiin Käyttäjän ei (yleensä) pitäisi syyttää itseään Suunnittelun pitäisi varautua virheellisiin käsitemalleihin Ihmiset pyrkivät luonnostaan löytämään tapahtumille (etenkin kummallisille) selityksiä, eivätkä ne aina osu kohdalleen Tärkeä virheisiin vaikuttava tekijä: kuvitellut syy-yhteydet Esim. pääte sammuu juuri kun siihen koskee: teinkö minä jotain väärin? Saila.Ovaska@uta.fi 15
Näin ohjelmissa varaudutaan virheisiin Käyttäjän virheitä ja erehdyksiä Lipsahdukset (slip) Esim. kirjoitusvirheet Salasana käyttäjätunnuksen jatkoksi tms. Virhetulkinnat (mistake) Käyttäjä tietoisesti toimii tavalla, jota ohjelman suunnittelija ei ole tarkoittanut Seurausta väärästä käsitemallista Unohdukset Käyttäjä jättää vahingossa tekemättä jotain Saila.Ovaska@uta.fi 16
Ohjeistus auttaa? Automaattista virheenkorjausta Saila.Ovaska@uta.fi 17
Standardit Kun mikään muu ei auta, standardoi. Donald Norman Esim. kello, liikenne, kirjoitustapa, perustuvat standardeihin Suunnittelijan kannalta kulttuurirajoituksia sopimuksia toimintatavoista Usein käytetään myös termejä johdonmukaisuus tai yhtenäisyys (consistency) Johdonmukaisuus Johdonmukaisuutta voi noudattaa monella tasolla Yksittäisen ohjelman sisällä (sisäinen johdonmukaisuus) Ulkoinen johdonmukaisuus Saman järjestelmän muiden ohjelmien kanssa Ympäröivän maailman kanssa Periaatetta voi olla vaikea soveltaa johdonmukaisesti Numeronäppäimet Saila.Ovaska@uta.fi 18
EMOTIONAL DESIGN Norman: Emotional design Normanin teepannut Saila.Ovaska@uta.fi 19
Tunteet mukaan Mitä teekannuistaan Norman käyttää? Myös emotionaalinen reaktio tuotteisiin on tärkeä Ei vain funktionaalisuus Norman: Attractive things work better Kun tuote herättää positiivisia tunteita, pieniä virheitä siedetään paremmin Ihminen on luovempi kokiessaan positiivisia tunteita Negatiiviset tunteet kapeuttavat ajattelua http://www.youtube.com/watch?v=rlqeojalqra Norman: Emotional Design. Basic Books, 2004. Norman: Attractive things work better. Interactions, 9, 36-42, 2002. Norman: virheensietokyky ja luovuus With most products, if the first thing you try fails to produce the desired result, the most natural response is to try again, only with more effort. In today s world of computer-controlled products, doing the same operation over again is very unlikely to yield better results. The correct response is to look around and see what alternatives exist. This tendency to repeat the same operation over again is especially likely for those who are anxious or tense. This state of negative affect leads people to focus upon the details that are giving trouble, and if this fails to provide a solution, they get even more tense, more anxious. Saila.Ovaska@uta.fi 20
Normanin kolme prosessoinnin tasoa Vaistomainen (visceral) Nopea ja automaattinen tunnetason reaktio aistihavaintoihin Aktivoituu esimerkiksi: vuoristoradan syöksyssä Käyttäytyminen (behavioral) Ihmisen jokapäiväinen käyttäytyminen, jota kognitiiviset prosessit kontrolloivat Esimerkiksi: vihannesten pilkkominen veitsellä ja leikkuulaudalla The pleasure of using a good tool effectively Reflektiivinen (reflective) Mietiskelevä taso, johon vaikuttaa mm. arvot Esimerkiksi: taidenäyttelyssä nykytaidetta katsellessa Yhteenveto: Normanin suunnitteluohjeet Tee asioista näkyviä Tee ohjainten ja toimintojen yhteys selväksi Tarjoa selkeä käsitemalli Anna palautetta Varaudu virheisiin Pyri johdonmukaisuuteen ja noudata standardeja suunnittelussa Keskeisiä käsitteitä Käyttömahdollisuus (affordance) Kytkentä (mapping) Käsitemalli (conceptual model) Virhe (error, slip ja mistake) Attractive things work better! Saila.Ovaska@uta.fi 21