Käyttäjäkeskeinen suunnittelu Normanin tapaan Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto 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); myös e-kirjana 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 Living with Complexity. MIT Press, 2010. 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
Lisää kahvoja 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 rather than recall Voitaisiin käyttää avuksi paljon nykyistä enemmän! Ohjainten ja toimintojen kytkennät Kytkentä ohjaimesta tai säätimestä (tai kontrollista graafisessa käyttöliittymässä) siihen liittyvään toiminnallisuuteen Normanin terminä mapping Esimerkiksi äänitason säätimet: Millainen kytkentä on luonteva? Saila.Ovaska@uta.fi 6
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? Kahvihuoneen valot Ratkaisu. 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
Lämpötila ja ilmastointi Säätimen muoto, nollakohta, asteikko? Kohteen tarjoamat mahdollisuudet Käyttömahdollisuus eli tarjouma (Affordance tai Perceived Affordance) 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 Saila.Ovaska@uta.fi 9
Kohteen tarjoamat mahdollisuudet Havaittu käyttömahdollisuus on relaatio henkilön ja kohteen välillä http://www.interaction-design.org/tv/affordances.html 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 10
Käsitemalli näkyviin! Käyttöliittymän on välitettävä oikea ja riittävä informaatio, jotta käyttäjälle muodostuu oikeanlainen mentaalimalli. Mentaalimallin muodostuminen Mentaalimallin muodostumiseen vaikuttavat Fyysiset rajoitukset Palikoiden muoto 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 11
Mentaalimalli Ihmisen mielessä oleva esitys tai käsitys (ymmärrys) siitä, mitä tapahtuu Käsitemalli, käsitteellinen malli, sisäinen malli, mentaalimalli Jovuot-kurssilla voidaan käyttää tarkoittamaan samaa asiaa http://www.interaction-design.org/encyclopedia/mental_models_glossary.html) Mentaalimalli käyttäjän mielessä oleva malli Käsitteellinen malli on se mitä suunnittelija yrittää suunnitella ja välittää pohjaksi käyttäjän mielessä muodostuvalle mallille Perustuu aikaisempaan kokemukseen ja opittuun The power of mental models is that they let you figure out what would happen in novel situations. Norman http://www.interaction-design.org/tv/conceptual_models.html Käyttöliittymässä tarjottu käsitemalli Macintosh Levykkeen raahaus roskakoriin Windows Lopetus Käynnistä (Start) - valikossa http://www.interaction-design.org/tv/conceptual_models_of_file_systems.html Saila.Ovaska@uta.fi 12
Palaute Oleellista; toiminta ilman palautetta on kuin Puhuminen kuulematta omaa ääntään Ovikellon soittaminen, kun ei kuule sisältä kolinaa 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 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 Saila.Ovaska@uta.fi 13
Varaudu virheisiin Käyttäjän ei (yleensä) pitäisi syyttää itseään Suunnittelun pitäisi varautua virheellisiin mentaalimalleihin 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? 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ä mentaalimallista Unohdukset Käyttäjä jättää vahingossa tekemättä jotain mm. Normanin DOET-kirjassa lisää Saila.Ovaska@uta.fi 14
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 15
EMOTIONAL DESIGN Norman: Emotional design Normanin teepannut Saila.Ovaska@uta.fi 16
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 17
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 18