Kyttliittymt II syksy 2004 Sari A Laakso Helsingin

Käyttöliittymät II (syksy 2004) / Sari A. Laakso Helsingin yliopisto, tietojenkäsittelytieteen laitos Kt 6: Asiantuntija-arvio Samuli Kaipiainen Nesteen sivusto www. neste. fi Käyttöliittymän simulointipohjainen asiantuntija-arvio 1

1 Johdanto Tämä käyttöliittymän simulointipohjainen asiantuntija-arvio on pikainen yhden esimerkkikäyttötapauksen arvio www. neste. fi –sivuston käyttöliittymästä. Luku 2 pitää sisällään tämän käyttötapauksen, sekä sen suorittamisesta esiin tulevia käyttöliittymäongelmia korjausehdotuksineen. Luvussa 3 esitetään muutama hyvä sivustolta löytynyt käyttöliittymäratkaisu. 2 Käyttötapauspohjainen arviointi esitetään käyttöskenaarion ja näyttökuvien avulla. Käyttötapauksen suorittaminen kuvataan 2

Käyttötapaus 1: Koodaajat sunnuntaina heti lounaalle Koodarit Mikko, Asko ja Ilkka ovat poikkeuksellisesti sunnuntaina (7. 11. klo 14) työpaikallaan Malmilla (Latokartanontie 2) koodaamassa. Heillä on kova nälkä, ja koodaaminen on vielä kriittisesti kesken. Ilkalla on auto, ja hän tietää että Neste-huoltoasemilta voisi saada ruokaa myös näin sunnuntaina. Kukaan heistä ei kuitenkaan tiedä lähistön Nesteiden sijainteja, aukioloaikoja taikka ruokailumahdollisuuksia. Pojat surffaavat Nesteen sivuille, ja lähtevät etsimään lähimpiä ruokailupaikkoja. 3

Ongelma 1: Vaikeasti keksittävä polku Pojat eivät ihan heti keksi, että 1) ”Asemahaku” valikosta ei ole heille iloa (mikään siellä oleva haku ei sovellu heidän tarpeeseensa), ja 2) ”Motorest” asemat ovat heidän kaipaamiansa ruokailupaikkoja. Parannusehdotus Lisätään karttahakuun mahdollisuus filtteröidä eri huoltoasematyyppejä; laitetaan myös nimi- ja osoitehaku näyttämään kartalta osoitteen lähimpiä asemia, koska se kuulostaa paremmalta hakuvaihtoehdolta kuin ”karttapalvelu”. Mitä asemia haetaan Kuvaillaan Motorest-asemat paremmin ruokapaikoiksi. Quick Shop -myymälät K-Pikkolo -myymälät Quick Wash -pesut x Motorest -ruokapaikat Latokartanontie 2 4

Seuraavaksi pojat tutkivat Motorestien ruokavaihtoehtoja. 5

Alkuperäinen Ongelma 2: Ylimääräistä navigointia, sunnuntain tarjoilu ei selviä Aamiaisbuffet (arkisin) Menujen selvittämiseksi joutuu navigoimaan edestakaisin, eikä missään myöskään kerrota, mitä (jos mitään) menuvaihtoehtoja on saatavissa sunnuntaisin. Parannusehdotus Lounasbuffet (arkisin) Laitetaan menut (tai niiden kuvaukset) suoraan näkyviin samalle sivulle. Kerrotaan heti alusta alkaen (ja myöhemminkin), minä päivinä mitäkin menuja tarjoillaan. (Jos tämä tieto on asemakohtainen, kerrotaan tässä yleisessä listassa ”ainakin” -päivät, ja asemalistassa tarkemmin kunkin aseman tarjonta. ) Motorest Menu (joka päivä) Minimenu (joka päivä) Parannusehdotus 6

Lopuksi pojat selvittävät mahdollisten lähialueiden Motorestin sijainteja. He päätyvät Eläintarhan Motorestiin, koska se on mukavasti keskustaan päin (pojilla on oudot ennakkoodotukset Vantaasta). 7

Yhteystiedot Näytä valitut kartalla Helsinki x Ongelma 3: Tehoton ja puutteellinen datan organisointi Huoltoasemalista on aakkosjärjestyksessä, vaikka tarvittaisiin sijaintijärjestystä. Listasta puuttuu asemien aukioloajat. Listalta ei selviä asemien suhteellinen sijainti. (Listasta ei myöskään selviä eri menut eikä niiden saatavuus, sikäli jos menut vaihtelevat asemakohtaisesti. Ks. ongelma 2; ei mukana parannusehdotuksessa. ) Parannusehdotus Ryhmitellään lista alueiden mukaan, laitetaan asemien aukioloajat listaan ja tarjotaan valittujen asemien näyttäminen kartalla. x 24 h x arkisin: 06. 00 -24. 00 la-su: 08. 00 -24. 00 x 24 h arkisin: 06. 00 -24. 00 la-su: 08. 00 -24. 00 Muut arkisin: 06. 30 -22. 00 la-su: 08. 00 -22. 00 24 h 24 h 24 h Neste Vantaa Keimola Itä Neste Vantaa Kehä III Neste Vantaa Karisto Neste Helsinki Eläintarha 8

3 Hyviä käyttöliittymäratkaisuja Muutama sivoston hyvä käliratkaisu, jotta niitä uskalletaan jatkossakin viljellä. Hyvä ratkaisu 1. Osoite ja huoltoasemat kartalla Karttapalvelussa (eli karttahaussa) näytetään haettu osoite ja alueen Neste-asemat mainiosti suoraan kartalla. …Tosin asemien nimet voisivat olla suoraan näkyvissä Mouse. Overin sijaan, sikäli kun mahtuvat. Ja karttaan voisi filtteröidä vain tietyn tyyppisiä asemia (esim. Motoresteja), jolloin ne löytyisivät huomattavasti helpommin, ja esimerkkikäyttötapauksen saisi suoritettua kätevästi (ks. ongelma 1). (Lisäksi kartta bugittaa varsin riemukkaasti, mitä ei tässä käsitellä sen enempää. ) 9

Hyvä ratkaisu 2. Navigointipolku koko ajan näkyvissä Sivujen yläreunassa, menun alapuolella näytetään koko ajan nykyinen navigointipolku, jolloin hahmottaa koko ajan missä päin sivustoa seikkailee. …Mutta polun jokainen etappi voisi olla linkki kyseiselle sivulle, ja kaikkein parasta olisi rakentaa menu niin, että navigointipolku näkyy suoraan siitä. 10