Aiheina Käyttäjäkeskeinen suunnittelu Normanin tapaan Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto 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 Donald A. Norman Käyttäjäkeskeinen suunnittelu 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. 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. www.jnd.org Hyvän suunnittelun periaatteet Principles of Design for Understandability and Usability Donald Norman NORMANIN HYVÄN SUUNNITTELUN PERIAATTEET Science finds, Industry applies, Man conforms. Chicagon maailmannäyttely, 1933 People propose, Science studies, Technology conforms. Donald Norman, 1993 Saila.Ovaska@uta.fi 1
Normanin suunnitteluperiaatteet Ovien kahvoja 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 Lisää kahvoja Graafisissa käyttöliittymissä Näkymättä/huomaamatta jääviä kohteita paljon Syvällä valikkorakenteessa olevat komennot Ponnahdusvalikot Huonosti suunnitellut kuvakkeet 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 2
Kahvihuoneen valot 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? Ratkaisu. Ohjainten ja toimintojen kytkennät Normanin valokatkaisijat 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 Ei näin......vaan näin! Lämpötila ja ilmastointi Kohteen tarjoamat mahdollisuudet Säätimen muoto, nollakohta, asteikko? 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 3
Kohteen tarjoamat mahdollisuudet Käsitemalli Havaittu käyttömahdollisuus on relaatio henkilön ja kohteen välillä http://www.interaction-design.org/tv/affordances.html 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 Käsitemalli näkyviin! Mentaalimallin muodostuminen Mentaalimallin muodostumiseen vaikuttavat Fyysiset rajoitukset Palikoiden muoto Semanttiset rajoitukset Pään suunta Kulttuurirajoitukset Värit Loogiset rajoitukset Kaikki osat käytettävä Käyttöliittymän on välitettävä oikea ja riittävä informaatio, jotta käyttäjälle muodostuu oikeanlainen mentaalimalli. Niin hyvin suunniteltu, että aikuinenkin osaa sen koota. 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 4
Palaute Käyttöliittymässä 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 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 virheitä ja erehdyksiä 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? 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ää Standardit Johdonmukaisuus 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) 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 5
Norman: Emotional design EMOTIONAL DESIGN Normanin teepannut Tunteet mukaan Norman: virheensietokyky ja luovuus 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. 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. 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 6