käytettävän käyttöliittymän suunnittelu

61
Käytettävän käyttöliittymän suunnittelu ITKP 103 Ihminen ja tietojärjestelmä Kimmo Wideroos 16.11.2005

Upload: jamal

Post on 20-Mar-2016

106 views

Category:

Documents


2 download

DESCRIPTION

Käytettävän käyttöliittymän suunnittelu. ITKP 103 Ihminen ja tietojärjestelmä Kimmo Wideroos 16.11.2005. Helander M. G., Landauer T. K., Prabhu P. V., 1997. Handbook of Human-Computer Interaction, luku 10. Mayhew D., 1999. The Usability Engineering Lifecycle, luku 1. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Käytettävän käyttöliittymän suunnittelu

Käytettävän käyttöliittymän suunnittelu

ITKP 103 Ihminen ja tietojärjestelmäKimmo Wideroos

16.11.2005

Page 2: Käytettävän käyttöliittymän suunnittelu

Helander M. G., Landauer T. K., Prabhu P. V., 1997. Handbook of Human-Computer Interaction, luku 10.

Mayhew D., 1999. The Usability Engineering Lifecycle, luku 1.

Cooper, A. Nörttien valtakunta Preece J., Rogers Y., Sharp H., 2002. Interaction

Design, luvut 1-2, 6, 8, 10 ja 14. Vicente, K. The Human Factor. kalvoissa esitetyt WWW-osoitteet

Page 3: Käytettävän käyttöliittymän suunnittelu

X + TIETOKONE = TIETOKONE

Page 4: Käytettävän käyttöliittymän suunnittelu
Page 5: Käytettävän käyttöliittymän suunnittelu

RISTIRIITA

Ohjelmointi on erittäin vaativaa työtä ohjelmistoinsinööri haluaa mahdollisimman

joutuisan ja helpon kokoamisprosessin Tietokoneet ovat monimutkaisia ja ne

leviävät joka paikkaan (autoihin, kameroihin, videoihin, kelloihin, puhelimiin...) käyttäjä haluaa mahdollisimman joutuisan ja

helpon interaktiivisen kokemuksen

Page 6: Käytettävän käyttöliittymän suunnittelu
Page 7: Käytettävän käyttöliittymän suunnittelu

Mitä kirjastoesimerkki opettaa käytettävyydestä, käyttöliittymän kehittämisestä ja ohjelmistoliiketoiminnasta?

Page 8: Käytettävän käyttöliittymän suunnittelu
Page 9: Käytettävän käyttöliittymän suunnittelu
Page 10: Käytettävän käyttöliittymän suunnittelu
Page 11: Käytettävän käyttöliittymän suunnittelu
Page 12: Käytettävän käyttöliittymän suunnittelu
Page 13: Käytettävän käyttöliittymän suunnittelu
Page 14: Käytettävän käyttöliittymän suunnittelu
Page 15: Käytettävän käyttöliittymän suunnittelu
Page 16: Käytettävän käyttöliittymän suunnittelu
Page 17: Käytettävän käyttöliittymän suunnittelu
Page 18: Käytettävän käyttöliittymän suunnittelu
Page 19: Käytettävän käyttöliittymän suunnittelu
Page 20: Käytettävän käyttöliittymän suunnittelu
Page 21: Käytettävän käyttöliittymän suunnittelu
Page 22: Käytettävän käyttöliittymän suunnittelu

VARAUS?

Page 23: Käytettävän käyttöliittymän suunnittelu
Page 24: Käytettävän käyttöliittymän suunnittelu
Page 25: Käytettävän käyttöliittymän suunnittelu
Page 26: Käytettävän käyttöliittymän suunnittelu
Page 27: Käytettävän käyttöliittymän suunnittelu
Page 28: Käytettävän käyttöliittymän suunnittelu

tyytyväiset tyytyväiset käyttäjätkäyttäjät nopeasti rahaanopeasti rahaa

Page 29: Käytettävän käyttöliittymän suunnittelu

Gould, Boies & Ukelson

“What do users REALLY want?” “Nobody can get it right the first time.” “Development is full of surprises.” “Developing user-oriented systems requires

living in a sea of changes.” “Why is user testing so late?”

Page 30: Käytettävän käyttöliittymän suunnittelu

Nielsen’s model of system acceptability

Page 31: Käytettävän käyttöliittymän suunnittelu

Preece, Rogers, and Sharp

usability goals: effectiveness, efficiency, safety, utility,

learnability, and memorability

user experience goals: satisfying, enjoyable, fun, entertaining, helpful,

motivating, aesthetically pleasing, supportive of creativity, rewarding, and emotionally fulfilling

Page 32: Käytettävän käyttöliittymän suunnittelu

van Welie, van der Veer, and Eliëns

Page 33: Käytettävän käyttöliittymän suunnittelu

http://drdeb.vineyard.net/index.php?loc=11&nloc=1 Seuraavassa yksinkertaistettu esitys

The Usability Engineering Lifecycle

Page 34: Käytettävän käyttöliittymän suunnittelu

Etnografinen Etnografinen käyttäjätutkimuskäyttäjätutkimus

KäyttöönottoKäyttöönotto

SuunnitteluSuunnittelu

EmpiirinenEmpiirinenkäytettävyystestauskäytettävyystestaus

Page 35: Käytettävän käyttöliittymän suunnittelu

Etnografinen Etnografinen käyttäjätutkimuskäyttäjätutkimus

KäyttöönottoKäyttöönotto

SuunnitteluSuunnittelu

EmpiirinenEmpiirinenkäytettävyystestauskäytettävyystestaus

KäyttäjäpersoonaKäyttäjäpersoonaTavoitteet (tehtävät)Tavoitteet (tehtävät)

Page 36: Käytettävän käyttöliittymän suunnittelu

Miksi persoona?

Suunnittelijoilla on taipumus ajatella itseään käyttäjänä.

“Käyttäjä” on epämääräinen ja venyvä käsite, se kiemurtelee kehittämispaineen alla.

Yksityiskohtaisesti ja tarkasti kuvattu peroona ei veny.

Persoona vaatii suunnittelijan huomion, se auttaa ymmärtämään tavoitteitaan ja toimii kommunikaatiovälineenä.

Page 37: Käytettävän käyttöliittymän suunnittelu
Page 38: Käytettävän käyttöliittymän suunnittelu
Page 39: Käytettävän käyttöliittymän suunnittelu
Page 40: Käytettävän käyttöliittymän suunnittelu
Page 41: Käytettävän käyttöliittymän suunnittelu

Karen Bachmann

“Design for everyone means that you design for no one. Design for one person, and you’ve at least designed for someone.”

Page 42: Käytettävän käyttöliittymän suunnittelu

Miten persoona luodaan?

Etnografisessa tutkimuksessa mennään tutkittavan luokse oikeaan ympäristöön ja observoidaan (kytätään ja kysytään) mitä he tekevät mitä he sanovat tekevänsä mikä heitä ärsyttää mistä he ovat ylpeitä mihin he ovat tyytyväisiä.

Tutkimuksen pohjalta luodaan edustava arkkityyppi eli persoona.

Page 43: Käytettävän käyttöliittymän suunnittelu

ARKKITYYPPI

Page 44: Käytettävän käyttöliittymän suunnittelu

Mitä tutkitaan?

•ihmisiä, yhteisöä•käyttäjien taitoja ja

tietoja

Page 45: Käytettävän käyttöliittymän suunnittelu

Mitä tutkitaan?

•aiempi tapa toimia•manuaalinen

järjestelmä•huono tietojärjestelmä•kilpaileva järjestelmä

Page 46: Käytettävän käyttöliittymän suunnittelu

• mennään paikalle• katsotaan,

kuunnellaan• kuvataan,

äänitetään• pyydetään

ajattelemaan ääneen

• kokeillaan itse• lomaketutkimus

Miten tutkitaan?

Page 47: Käytettävän käyttöliittymän suunnittelu

PLAGIOI!

Page 48: Käytettävän käyttöliittymän suunnittelu
Page 49: Käytettävän käyttöliittymän suunnittelu

Miten?• kynä ja paperi• storyboard• käyttöliittymän

paperiproto• protoiluväline esim.

Denim: http://

guir.berkeley.edu

Page 50: Käytettävän käyttöliittymän suunnittelu
Page 51: Käytettävän käyttöliittymän suunnittelu

Prototyypit

Lopputuotosta jäljittelevät

(high fidelity)

Lopputuotosta mallittavat

(low fidelity)

Horisontaalinen-Paljon toimintoja määritelty

-Ei toteutettuVertikaalinen-Vähän toimintoja

-Toteutettuina

Page 52: Käytettävän käyttöliittymän suunnittelu

Daniel Engelberg and Ahmed Seffah (2002). A Framework for Rapid Mid-Fidelity Prototyping of Web Sites. In J. Hammond, T. Gross, J. Wesson (Eds) Usability: Gaining a Competetive Edge, IFIP World Computer Congress 2002

Page 53: Käytettävän käyttöliittymän suunnittelu

AJATTELE!

• heuristinen arviointi• läpikäynnit

(kognitiivinen, osallistava ryhmä jne)

• GOMS

http://www.useit.com/papers/heuristic/heuristic_list.html

Page 54: Käytettävän käyttöliittymän suunnittelu

GOMS

Goal

Method 1OperationOperationOperation

Selection Rule

Method 2OperationOperation

?

Page 55: Käytettävän käyttöliittymän suunnittelu

USEITA VAIHTOEHTOJA

!

Page 56: Käytettävän käyttöliittymän suunnittelu

Entä testaus?

Tehtävätkäytettävyystesteihin

Page 57: Käytettävän käyttöliittymän suunnittelu

Käytettävyystestin alussa

esittele itsesi selitä kokeen tarkoitus kerro, että koehenkilö on vapaa

keskeyttämään selitä laitteiston tarkoitus selitä ja näytä, miten ajatellaan ääneen selitä, ettet voi auttaa kokeen aikana anna kirjalliset ohjeet tehtävään kysyttävää?

Page 58: Käytettävän käyttöliittymän suunnittelu

Käytettävyystestin jälkeen

kerro, mitä sait selville tai yritit saada selville vastaa kysymyksiin haastattele tai keskustele käytä tuloksia: korjaa ainakin kaikki vakavat

ongelmat ja kaikki helposti korjattavat

Page 59: Käytettävän käyttöliittymän suunnittelu

Mitä tehdään?•asennus

•esittely•koulutus•palautteen

kerääminen

Page 60: Käytettävän käyttöliittymän suunnittelu

SuunnitteluSuunnittelu

EmpiirinenEmpiirinenkäytettävyystestauskäytettävyystestaus

Etnografinen Etnografinen käyttäjätutkimuskäyttäjätutkimus

KäyttöönottoKäyttöönotto

Page 61: Käytettävän käyttöliittymän suunnittelu

SuunnitteluSuunnittelu

EmpiirinenEmpiirinenkäytettävyystestauskäytettävyystestaus

Käsittelliinen malliKäsittelliinen malli

KäyttöliittymäprotoKäyttöliittymäproto

Valmis järjestelmäValmis järjestelmä

Etnografinen Etnografinen käyttäjätutkimuskäyttäjätutkimusKäyttäjäpersoonaKäyttäjäpersoona

Tavoitteet (tehtävät)Tavoitteet (tehtävät)

KäyttöönottoKäyttöönottoKäyttäjien palauteKäyttäjien palaute