1. Ajanvarauspalvelu Tässä harjoitustyössä tarkastellaan tiettyä verkkopalvelua, jonka käyttöliittymästä etsitään käytettävyyttä haittaavia kohtia ja suunnitellaan niihin parannusehdotuksia. Poliisin lupapalveluita tarvitaan erilaisten lupien, passin ja ajokortin hankkimiseksi. Kun poliisilaitoksen kanssa haluaa asioida, kannattaa varata aika, ellei ole valmis jonottamaan. Tässä tehtävässä perehdytään nykyiseen ajanvarauspalvelun toiminnallisuuteen verkkosivuilla. Tehtävässä on kolme osaa: perehdytään nykyisen palvelun ongelmiin, suunnitellaan siitä parempi versio ja lopuksi arvioidaan omaa ratkaisua. Poliisin nykyjärjestelmä tarjoaa kontekstin, josta rajataan tehtävänantoon kaksi suunnittelutavoitetta: halutaan tarjota helpompi tapa löytää oikea toimipiste halutaan auttaa käyttäjää löytämään itselleen sopiva vapaa aika. Nykyisessä palvelussa (jota voit kokeilla poliisin verkkosivuilla itsekin) näihin työvaiheisiin liittyy ilmeisiä käytettävyysongelmia. Nykypalvelusta on otettu tehtävän tueksi muutama näytönkaappauskuva, jotka löytyvät tehtävänannon liitteestä. 1. Nykyisen palvelun kuvaus Taustaskenaario: Maijan pitää uusia passinsa. Vanhan passin voimassaolo lakkaa pian. Maijalla olisi aikaa hoitaa asiaa ensi viikolla tai seuraavalla. Maija päättää varata ajan Tampereen poliisiasemalta netissä; varauksen Maija aikoo tehdä nyt (25.10.) lounastauollaan. Siispä selailemaan sivustoa www.poliisi.fi. Poliisin sivuilta löytyvän ajanvarauspalvelun etusivulla (liite, kuva 1) sivun alussa on ohjeita, joiden jälkeen luetellaan erilaisia palveluita ja lupia, joita tarvitsevan pitää varata asiointiin aika. Listan rivit ovat linkkejä eteenpäin. Mitään lisäinformaatiota niistä ei anneta, mutta osoitin muuttuu sormikursoriksi niiden päällä. Maijan 13 tuuman tietokoneen näytöllä listasta näkyy kohtaan Järjestyksenvalvojakortti. Passihakemus on listan alkupäässä yhdeksäntenä lupa-asiana. Maija painaa sitä, mutta mitään ei tapahdu. Sivulla näkyy edelleenkin alimmaisena Järjestyksenvalvojakortti. Vasta jonkin aikaa ihmeteltyään Maija tajuaa vierittää sivua. (Liitteen kuvassa 2 sivu näkyy muutamaa alinta riviä lukuun ottamatta.) Palveluiden listan alle on ilmestynyt iso joukko paikkakuntia ja poliisilaitoksia, joista voi valita omansa. Maija etsii Tamperetta listalta. Lista näköjään on järjestetty alueitten eikä kaupunkien mukaan. Pirkanmaa on Peräpohjolan ja Pohjanmaan poliisilaitoksien välissä. Pirkanmaan kohdalla on kaksi toimipistettä, Oriveden palvelupiste ja Tampereen pääpoliisiasema. Maija valitsee Tampereen pääpoliisiaseman. Nyt sivu muuttuu (liite, kuva 3): näkyy ohje Valitse haluamasi aika klikkaamalla Tee varaus linkkiä. Maija silmäilee sivua, muttei löydä tuollaista linkkiä. Mitään luetelluista päivämääristä ei voi painaa. Ahaa, sivun oikeassa alareunassa on kalenteri! Maija huomaa kalenterissa vihreää josko sieltä löytyisi vapaa aika? Mutta ei, vihreän painamisesta ei tapahdu mitään. Maija kokeilee kalenterista seuraavalla viikolla näkyvää päivämäärää: tiistaita 30.11. silloin hänellä olisi aikaa aamulla. Tiistai muuttuu vihreäksi, mutta samalla avautuu iso viikkokalenterinäkymä (liite, kuva 4) keskelle sivua. Tiistaina ei ole vapaita aikoja aamulla, mutta Maija päätyy valitsemaan ajan torstaina iltapäivällä. Varauslomake (liite, kuva 5) tulee näkyviin ja Maija käy täyttämään sitä. 2. Tehtävänanto Tehtävässä on kolme osaa, jotka kuvataan seuraavaksi tarkemmin. 1. Tee käytettävyysarvio kuvatusta toiminnallisuudesta, jota tarvitaan ajanvarauksessa.
2 Suunnittelutavoitteet on kuvattu tehtävänannon alussa. Jotta ratkaisussa edetään konkreettisemmalle tasolle, etsi nykypalvelusta käytettävyysongelmia, joiden poistaminen edistää tavoitteiden saavuttamista. Listaa vähintään kolme löytämääsi isoa käytettävyysongelmaa samaan tapaan, kuin ohjeistettiin viikkoharjoitus 1 -tehtävässä. Voi olla tarpeen esittää pieniä osia liitteen kuvista ongelmakuvausten yhteydessä havainnollistukseksi, mutta älä liitä isoja kuvia tähän osuuteen. Kuvaamasi käytettävyysongelmat sinun tulee ratkaista seuraavassa kohdassa. 2. Suunnittele toiminnallisuuteen parannuksia niin, että ajan etsiminen tulee sujuvammaksi. Suunnittele ja piirrä havaintojesi perusteella uusi ajanvarauspalvelu. Rajoite suunnittelulle: älä karsi nykyisen palvelun toiminnallisuutta (esimerkiksi poliisin toimipisteitä). Kaikki itse käyttöliittymää ja siinä olevia työvaiheita (jotka vastaavat kutakuinkin kuvia 1 5) koskevat parannusideat ovat sallittuja, eli voit ehdottaa uusia kontrolleja, jäsennyksiä, muotoiluja, asetteluja, opastetekstejä, painikkeita... Vastauksessa on piirrettävä ehdotuksesi uudeksi palveluksi, mutta varsinaista ajanvaraustoimintoa ja siitä saatavaa palautetta ei tarvitse suunnitella. Jos mielestäsi on aiheellista lisätä uutta toiminnallisuutta, jotta ajanvarauslomake on sujuvammin saavutettavissa, tee omia ehdotuksia ja perustele ne. 3. Tee harjoitustyöhön yhteenveto. Pohdi ratkaisuasi ja perustele, miksi kuvaamasi palvelu on parempi kuin tehtävänannossa kuvattu. Työohjeita oman ratkaisun hahmotteluun: Suunnittele palvelun käytön vaiheet yksityiskohtineen. Ota kantaa mm. mahdollisiin käyttäjän virheisiin ja pyri estämään virheet omissa suunnitelmissasi. Mieti ideoittesi toimivuutta. Kuva riittää tehtävän vaatimuksiin; näytönkuvien ei siis tarvitse olla kokeiltavissa. Voit käyttää haluamaasi välinettä näytönkuvien laadinnassa. Käsin piirretty ratkaisu on helposti suttuinen. Viimeisessä vaiheessa kannattaa piirtää suunnitelmat puhtaaksi tietokonetta käyttäen tai vähintään mustekynällä. Lyijykynäpiirroksista skannattuja näytönkuvia ei hyväksytä. Kehystä kuvat, jotta ne näyttävät näytöiltä ja erottuvat kokonaisuuksina paperin taustasta. Käyttöliittymän toiminta pitää ymmärtää suunnitelmasta. Älä kuitenkaan lisää selityksiä näytönkuviin. Palvelun pitää olla nähtävissä sellaisena kuin se käyttäjälle avautuu, ilman mitään ylimääräistä. Piirrä useita näytönkuvia / kuvan osia. Esim. avautuvan listakentän sisältö (jos sellaisia käytät ratkaisussasi) pitää kuvata. Osan toiminnasta voit joutua selittämään raportin tekstissä. Kun suunnitelmasi on valmis, yhdistä kuvat raporttitekstiin. Raportin kakkoskohdassa pitää käsitellä suunnitelmasi perusideoita ja -periaatteita niin että lukija ymmärtää miten ideasi toimivat. Nimeä ja numeroi kuvat, ja viittaa tekstissä kuviin (vrt. viikkoharjoitus 1 - raportointiohjeet). Raportissa pitää siis olla kolme osaa: käytettävyysarvio, oma suunnitelma ja yhteenveto. Yhteenveto on tarkoitettu oman työn arviointiin ja pohdintaan: Mikä harjoitustyössä onnistui mielestäsi hyvin? Onnistuitko ratkaisemaan skenaariosta havaitsemasi käytettävyysongelmat? Jäikö suunnitelmaan kohtia, joiden käytettävyys voi tuottaa ongelmia, tai joihin et ole tyytyväinen jostain muusta syystä? Jos mielessäsi on jo tässä vaiheessa parannusidea suunnitelmaasi, voit tuoda senkin esiin. Kerro lopuksi käyttämäsi lähteet. Jos käytit apuna suunnittelumalleja tai muita muualta saatuja ideoita, lähde pitää mainita. Huomaa, että lähdeviittaus on merkittävä myös tekstiin eikä vain listattava raportin lopussa. Lukijan pitää osata tulkita, mitä lähteessä olevaa tietoa/ohjetta olet
3 käyttänyt. Katso esimerkiksi viikkoharjoitus 1 -malliratkaisua Moodlessa (ratkaisu julkistetaan maanantaina 29.10., kun palautusfoorumi on suljettu). Kun raporttisi on valmis, tee siitä PDF-tiedosto. Ratkaisun sivumäärää ei rajoiteta, mutta tekstissä saa olla enintään 2000 sanaa. (Tässä tehtävänannossa on n. 960 sanaa.) Suunnitteluharjoitus on jätettävä tarkastettavaksi viimeistään torstaina 8. marraskuuta kello 10 (aamulla) Moodleen. Myöhästyneiltä ratkaisuilta vähennetään pisteitä. Tehtävän maksimipistemäärä on 5 pistettä. Liite. Näytönkaappaukset nykyisestä palvelusta Liitteessä on viisi näytönkaappauskuvaa: kuva 1: palvelun valinta kuva 2: toimipisteen valinta kuva 3: vapaan ajan etsiminen kuva 4: vapaita aikoja kuva 5: esitäytettynä avautunut varauslomake
4 Kuva 1. Palvelun valitsemisen aloitusnäyttö kokonaisuudessaan.
5 Kuva 2. Paikkakuntalistaus. Palvelut näkyvät edelleen sivun yläosassa.
6 Kuva 3. Vapaiden aikojen haun ensimmäinen näkymä torstaina 25.10.
7 Kuva 4. Vapaiden aikojen listaus, kun napautettu tiistain 30.10. kohdalla kalenterissa.
8 Kuva 5. Esitäytettynä avautunut varauslomake.