Käyttöliittymäsuunnittelu Käyttötapauspohjainen suunnittelu

HTML
DOWNLOAD

Koko: px

Aloita esitys sivulta:

Download "Käyttöliittymäsuunnittelu Käyttötapauspohjainen suunnittelu"

Markus Aaltonen
9 vuotta sitten
Katselukertoja:

Käyttöliittymät II, luento 4 (29.10.2002) / Sari A.

1 Käyttöliittymät II, luento 4 ( ) / Sari A. Laakso Käyttöliittymät II Luento 4 1 Käyttöliittymien arviointimenetelmät Käytettävyystestaus Asiantuntija-arvio (usability testing) (expert review) Käyttöliittymän läpikäynti Käyttäjätarkkailu (pluralistic usability walkthrough) (user observation) Muut arviointimenetelmät 2 Käyttötapausten selvitysmenetelmät Käyttäjätarkkailu (user observation) Kontekstuaalinen haastattelu (contextual interview) 3 Käyttötapauspohjainen suunnittelu Suunnittelumallit (design patterns) Hyvien käliratkaisujen toteuttaminen 4 Käyttöliittymäkehitys ohjelmistoprojektissa Käyttötapauspohjainen suunnittelu n Yleistetty käyttötapaus: Tiettyyn leffaan molemmille sopivana ajankohtana. Esimerkkidata: Marko ja Kaisa menevät katsomaan uutta kotimaista Kuutamolla-elokuvaa ensi viikolla, molemmille sopivaan aikaan. n Yleistetty käyttötapaus: Nyt heti tänne katsomaan jotain kiinnostavaa leffaa. Esimerkkidata: Markus ja Jenni kävelevät Tennispalatsin ohi ja lueskelevat elokuvamainoksia. Jos jokin kiinnostava elokuva alkaisi nyt heti, he voisivat mennä elokuviin. Piirrokset Antti Latva-Koivisto 1

(pluralistic usability walkthrough) (user observation) Muut arviointimenetelmät 2 Käyttötapausten selvitysmenetelmät Käyttäjätarkkailu (user observation) Kontekstuaalinen haastattelu (contextual

2 Käyttöliittymät II, luento 4 ( ) / Sari A. Laakso Design-harjoitus n Yleistetty käyttötapaus: Tiettynä iltana katsomaan jotain kiinnostavaa leffaa. Esimerkkidata: Joonas, Anna ja Terhi suunnittelevat menevänsä elokuviin seuraavana lauantaiiltana. n Nyt on torstai klo ja kaikki ovat Annan luona. n Minkälaisten tietojen perusteella päätöksenteko tapahtuu? Piirrokset Antti Latva-Koivisto Design-harjoituksen esimerkkidataa BRISTOL 1 Matkalla Perditioniin (Road to Perdition) <K15> pe-ke 16.00, 18.30, to 16.00, Lähde: FORUM 3 Poika (About a Boy) <S> pe 18.15, la-su 15.15, 18.15, ma-ke 18.15, to FORUM 5 Dina (I am Dina) <K15> pe la-su 15.15, ma-to TENNISPALATSI 9 Minority Report (Minority Report) <K15> pe 20.15, la-to

n Minkälaisten tietojen perusteella päätöksenteko tapahtuu? Piirrokset Antti Latva-Koivisto Design-harjoituksen esimerkkidataa BRISTOL 1 Matkalla Perditioniin (Road to Perdition) <K15> pe-ke 16.

3 Käyttäjän päätöksenteko Jokaisen käyttötapauksen suorittamiseen liittyy vähintään yksi vaihe, jossa käyttäjä tekee päätöksentekoa. Jos käyttötapaukseen ei liity päätöksentekovaihetta, sen suorittaminen voidaan yleensä automatisoida. Päätöksenteossa tarvittava data kannattaa näyttää käyttäjälle kerralla jäsennettynä päätöksentekoprosessia tukevalla tavalla ja visualisoituna vertailun helpottamiseksi. Jos kaikkea päätöksenteossa tarvittavaa dataa ei ole mahdollista pitää näkyvillä kerralla, anna käyttäjän tallentaa välituloksia tarjoamalla mielessä pitämisen (knowledge in the mind) sijaan ulkoinen muistiväline (knowledge in the world). Käyttäjän päätöksenteko Esimerkki 1: Silja Line Kiteytetty käyttötapaus: Nelihenkinen perhe on suunnitellut tekevänsä syyslomalla seuraavalla viikolla pienen lomamatkan. Tukholman-risteily olisi yksi hyvä vaihtoehto. Matka saisi maksaa noin euroa. Hytistä olisi hyvä olla ikkuna merelle, koska lapsista on aiemmin ollut kivaa katsella ulos laivan liikkuessa. Ks. hintojen ja hyttien tilatiedot Siljan web-sivuilta. 3

Päätöksenteossa tarvittava data kannattaa näyttää käyttäjälle kerralla jäsennettynä päätöksentekoprosessia tukevalla tavalla ja visualisoituna vertailun helpottamiseksi.

4 Käyttöliittymät II, luento 4 ( ) / Sari A. Laakso Silja-käyttötapaus: Navigointipolku tarvittavien tietojen saamiseksi Back Back Silja-käyttötapaus: Päätöksenteossa tarvittavat tiedot (erillään) 4

Silja-käyttötapaus: Päätöksenteossa tarvittavat tiedot (vähemmän erillään) Parannusyritys: Muutetaan hyttiluokkien nimet linkeiksi, jotka vievät hyttikuvauksiin.

5 Silja-käyttötapaus: Päätöksenteossa tarvittavat tiedot (vähemmän erillään) Parannusyritys: Muutetaan hyttiluokkien nimet linkeiksi, jotka vievät hyttikuvauksiin. Tämäkään ei kuitenkaan vielä ole mikään loistava ratkaisu, koska käyttäjän on edelleen navigoitava edestakaisin ja pidettävä tietoja työmuistissaan. Mikä olisi parempi ratkaisu? Käyttäjän päätöksenteko Esimerkki 2: Reittihaku Kiteytetty käyttötapaus: Kimmo on kotonaan Tapanilassa, kun hänen siskonsa Niina soittaa. Hän tarvitsee Kimmoa apuun heti, koska hänen historian tutkielmansa pitäisi palauttaa huomenna, mutta koko tietokone on jumissa. Tänään on torstai klo 10. Kimmo viettää vapaapäivää kotonaan Tapanilassa, Muuttolinnuntie 9. Niina on kotonaan Espoon Lintuvaarassa, Punatulkuntie 2. Kimmo ei ole käynyt usein Niinan luona, viimeksi puolisen vuotta sitten autokyydillä. 5

Käyttäjän päätöksenteko Esimerkki 2: Reittihaku Kiteytetty käyttötapaus: Kimmo on kotonaan Tapanilassa, kun hänen siskonsa Niina soittaa.

Reittihaku-käyttötapaus: Päätöksenteossa tarvittavat tiedot erillään www.ytv.fi/reittiopas Reittihaku-käyttötapaus: Päätöksenteossa tarvittavat tiedot yhdessä Nyt utility ja tehokkuus ovat kunnossa.

6 Reittihaku-käyttötapaus: Päätöksenteossa tarvittavat tiedot erillään Reittihaku-käyttötapaus: Päätöksenteossa tarvittavat tiedot yhdessä Nyt utility ja tehokkuus ovat kunnossa. Seuraavaksi pitäisi parantaa opittavuutta eli intuitiivisuutta? Antti Latva-Koiviston editoima kuva, joka perustuu kevään 2002 Käyttöliittymätkurssin harjoitustyöohjaukseen ja töihin Teemu Suominen & Otto Voutilainen ja Jan Kaiponen & Kirsi Ylänne. 6

kunnossa. Seuraavaksi pitäisi parantaa opittavuutta eli intuitiivisuutta?

Harjoitustyö 2 (osa 2/2) Reittihakujärjestelmän PDA-käli Käyttötapausesimerkki Ilkalla on yliopiston portaalityöryhmän kokous tänään klo 13-16 päärakennuksen Auditoriossa VII. Tänään on pe 27.9.

7 Harjoitustyö 2 (osa 2/2) Reittihakujärjestelmän PDA-käli Käyttötapausesimerkki Ilkalla on yliopiston portaalityöryhmän kokous tänään klo päärakennuksen Auditoriossa VII. Tänään on pe klo 11. Ilkka on TKTL:lla työhuoneessaan. Hän ei ole vielä syönyt lounasta. Kokouksen alussa on vierailuesitelmä, josta olisi noloa myöhästyä. Ilkalla on HKL:n matkakortti, ei autoa. Ulkona sataa. Käyttötapauksen suorittaminen alkaa pöytätietokonetta käyttäen. Mitä käyttötapauksen päätöksentekokohtia käyttäjälle tulee vastaan, kun hän on kävellyt TKTL:n ovesta ulos? Harjoitustyö 2 (osa 2/2) Suunnittelun kohdelaite Teknisinä lähtökohtina oletetaan, että kohdelaitteena on Compaqin ipaqia (ipaq Pocket PC H3970) vastaava laite, käyttäjäsi PDA-laitteesta on nopea tietoliikenneyhteys joukkoliikenteen aikataulutietokantaan, käyttäjäsi PDA-laitteessa on GPS-paikannus (15 metrin tarkkuus), joukkoliikennevälineiden sijainti paikannetaan (15 m tarkkuus) 5 sekunnin välein. ipaq Pocket PC H specifications Operating Microsoft Pocket PC 2002 System Processor 400 MHz Intel PXA250 Application Processor Display Type Transflective TFT liquid crystal display 65K color (65,536 colors) Touch Screen Yes Resolution 240 x 320 Pixel Pitch.24 mm Viewable Image 2.26 x 3.02 inches Size SDRAM 64 MB Flash ROM 48 MB Input Method Handwriting recognition, soft keyboard, character recognition, voice record, inking Communications Interface with USB / Serial connectivity that Port connects via serial or USB cable Card Slot SD Expansion Slot, (other available through optional expansion packs) Wireless Bluetooth, Connectivity Consumer IR and IrDA (115 Kbps) Speaker & Yes Microphone Audio Out Jack Yes (3.5 mm Stereo) Battery 1400 mah Lithium Polymer Dimensions 5.3" x 3.3" x.6" Weight 6.5 oz. including battery 7

Käyttötapauksen suorittaminen alkaa pöytätietokonetta käyttäen. Mitä käyttötapauksen päätöksentekokohtia käyttäjälle tulee vastaan, kun hän on kävellyt TKTL:n ovesta ulos?

Samankaltaiset tiedostot

Käyttöliittymien arviointimenetelmät

Käyttöliittymien arviointimenetelmät Käyttöliittymän arviointi Selville saatavat käliongelmat Hyödyllisyys (utility) Toiminnallisuus Tietosisältö Käytettävyys (usability) Tehokkuus (efficiency) Opittavuus