VUTUKA MIIKKA VUORINEN, TOMI TUOMINEN, TONI KAUPPINEN 26.11.2013 AMPPARIT.COM TAMPEREEN TEKNILLINEN YLIOPISTO MAT-81100 VERKKOPALVELUN LAADUKKUUS JA ARVIOINTI Harjoitustyö
Sisällys Johdanto... 4 Arviointimalli... 5 Arviointi... 7 Johtopäätökset... 19 Harjoitustyön merkitys... 22 Lähteet... 23 Liitteet... 24 2
3 JOHDANTO Tämä on arviointiraportti verkkopalvelulle Ampparit.com. Raportissa esitellään käytettävä arviointimalli ja menetelmät, joilla verkkopalvelua arvioidaan. Tämän jälkeen esitellään arvioinnin tulokset ja sen jälkeen arvioinnista tehdyt johtopäätökset ja parannusehdotukset verkkopalvelulle. Lopuksi arvioidaan arviointimme onnistumista. Ampparit.com on portaaliverkkopalvelu, joka kerää omien sanojensa mukaan kattavan uutisvirran kotimaisista uutislähteistä, sääennusteet yli 1000 paikkakunnalle ympäri maailmaa, Netti-TV-ohjelmat eri TV-kanaville, TV-ohjelmatiedot yli 50 kanavalle, Karttapalvelun, josta löytyvät uutisotsikot ja ensihälytykset, sekä sivustosta löytyy mobiililähteitä usealle erialustalle. Uutisia voi etsiä kategorioittain ja maantieteellisen sijainnin mukaan. Palvelussa on lisäksi sää palvelu, jonka avulla voi katsoa 10 vrk sään haluamaltaan paikkakunnalta. Työ pyrittiin jakamaan tasaisesti jokaiselle ryhmämme jäsenelle. Jokainen teki kaksi arvioinnin osa-aluetta ja loput työstä jaettiin tasaisesti.
4 ARVIOINTIMALLI Valitsimme arviointimalliksi Quality Model For Websites-mallin. Mallissa pyritään käyttämään mahdollisimman pitkälle automatisoituja menetelmiä, joita täydennetään tässä tapauksessa asiantuntijamenetelmillä [2]. Quality Model For Websites kesktittyy arvioinnissa kuuteen ulottuvuuteen: Teknisen toteutuksen toimivuus, esitystapa, navigointi, vuorovaikutus ja muut tekijät. Harjoitustyössä kävimme läpi verkkopalvelua Ampparit.com mahdollisimman pitkälti automatisoituja menetelmiä, joita täydensimme asiantuntijamenetelmillä. Asiantuntijoina toimimme me. [1] Teknisen toteutuksen toimivuuden ulottuvuudessa arvioidaan teknistä toteutusta, kuten HTML ja CSS merkkausta ja niiden syntaksia. [1] Käytimme teknisen toteutuksen arvioimiseen validaattoreita, joiden avulla etsimme virheitä HTML ja CSS merkkauksessa. Esitystapa ulottuvuudessa arvioidaan sivuston esitystapaa ja sitä miten sivut on aseteltu. Tässä otetaan huomioon multimediaelementit, linkit, lomakkeet ja niiden esteettömyys. [1] Arvioimme osa-aluetta sekä automatisoiduilla menetelmillä, että asiantuntijamenetelmillä. Sisältö osa-alueessa arvioidaan verkkopalvelun luettavuutta, informaatioarkkitehtuuria, informaation rakennetta ja informaation ajantasaisuutta. [1] Navigoinnin ulottuvuudessa arvioidaan sivuston navigointia ja sen rakennetta [1]. Arvioimme tätä ulottuvuutta navigoinnin stressitestillä [3]. Sekä lisäksi arvioimme navigointia asiantuntijamenetelmillä. Vuorovaikutuksen ulottuvuudessa arvioidaan pääasiallisesti sivuston lomakkeita ja niiden läpinäkyvyyttä ja palautumista (undo). [1] Tätä arvioimme asiantuntijamenetelmillä ja tekemällä käyttäjäskenaarioita. Muut tekijät ulottuvuudessa arvioidaan palvelun brändiä, toimivuutta eri laitteilla, personoitavuutta ja palvelun muita osa-alueita.[1] Testasimme palvelun toimivuutta eri mobiililaitteilla ja arvioimme brändiä, sekä palvelun muita ominaisuuksia. Täydensimme mallia eläytymismenetelmällä, jossa luodaan erilaisia käyttöskenaarioita, jonka avulla saadaan arvioitua verkkopalvelun yleistä toimivuutta ja eri osa-alueita. [4]
Käyttöskenaarioiden avulla saimme hyvin arvioitua niitä verkkopalvelun osa-alueita, joita ei pystytty automatisoiduilla menetelmillä arvioimaan. Eläytymismenetelmällä arvioidaan verkkopalvelun käytettävyyttä ja yleistä toimintaa. 5
6 ARVIOINTI Tässä luvussa arvioimme verkkopalvelua Ampparit.com edellisessä luvussa esitetyn Quality Model for Web Sites arviointimallin mukaisesti. Arviointi on jaettu osaalueittain käyttäen hyväksi arviointimallia pohjana ja lisäten tarpeelliseksi näkemiämme osa-alueita hyödyntäen erilaisia asiantuntijamenetelmiä. 1.1 Teknisen toteutuksen toimivuus 1.1.1 Käytetyt menetelmät Teknisen toteutuksen toimivuutta arvioitiin erilaisilla validaattoreilla. Arviointiin käytimme W3C-validaattoria [5], joka tarkistaa sivun html-merkkauksen oikeellisuuden. Käytimme myös W3C CSS-validaattoria [7], joka tarkastaa CSStyylitiedostojen oikeellisuuden. Lisäksi käytimme W3C validator suitea [6]. W3C validator suite tarkastaa kerralla sivustolta useamman sivun HTML ja CSS merkkauksen oikeellisuuden ja raportoi niistä. Tämä on maksullinen palvelu, mutta käytimme palvelun testiversiota, jolla pystyi tarkastamaan 20 sivun CSS ja HTML merkkauksen oikeellisuuden. Tarkastimme myös Ampparit.com palvelun verkkosyötteen käyttämällä W3C feed validation service palvelua [8]. 1.1.2 Tulokset Testasimme palvelua W3C Validator Suite verkkopalvelun kokeiluversiossa, jossa palvelusta testattiin 20 sivua. Testitulokset olivat seuraavat: 581 varoitusta ja 10 virhettä, kuten kuvassa A näkyy. Virheet olivat ainoastaan CSS-tiedostoissa, mutta varoituksia löytyi lähes jokaiselta sivulta. CSS-tiedoston virheet näyttäisivät kaikki olevan samanlaisia, joten virhe on luultavasti yhdessä elementissä, joka löytyy usealta sivulta. Kuva 1: Validator Suiten virheet [6] Yleiskuva W3C validator suiten tuloksista löytyy liitteestä X. Alla kuva B yhdestä validaattorin antamasta virheilmoituksesta CSS- tiedostossa.
7 Kuva 2: CSS virhe [6] Kaikki virheet, joita validaattori antaa ovat samnalaisia kuin kuvassa 6. Varoitukset vaihtelevat sivuittain. W3C validator suiten lisäksi käytimme W3C validaattoria ja CSS validaattoria [7] erikseen, jolla testasimme satunnaisia sivuja palvelusta. CSS validaattori näyttää samaa virhettä kuin Validator suite. Muuten varoituksia lukuunottamatta sivut läpäisevät testin. Testasimme palvelua Ampparit.com Feed validatorilla [8]. Testin perusteella sivu läpäisee testin ja on validaattorin mukaan Atom 1.0 verkkosyötestandardin mukainen. Testissä tuli kuitenkin ilmi joitain suosituksia, jotka validaattori suosittelee korjaamaan. Testitulokset ja suositukset näkyvät kuvassa C. Kuva 3: Verkkosyöte tulokset [8]
1.1.3 Asiantuntijamielipide 8 Testitulosten ja henkilökohtaisen testaamisen ja palvelun käytön perusteella arvioimme palvelun olevan tekniseltä toteutukseltaan laadukas. Tekninen toteutus ei kuitenkaan ole täydellinen sillä etenkin CSS tyylitiedostoissa on parantamisen varaa. Teknisessä toteutuksessa ei kuitenkaan ole puutteita ja palvelu toimii hyvin. 1.2 Esitystapa 1.2.1 Käytetyt menetelmät Esitystavassa arvioimme Ampparit.com verkkopalvelun sivujen esitystapaa, johon kuuluu sivun asettelu, tekstin ulkoasu, multimediaelementiti, linkit ja lomakkeiden saavutettavuus [1]. Linkkien toimivuutta arvioimme W3C Link Checker verkkopalvelulla [9]. Koska palvelu koostuu lähinnä linkeistä, on linkkien toimivuuden tarkastaminen tärkeää. Arvioimme sivun mediaelementtien käyttöä oppimateriaalin [11] mukaan. Visuaalista ilmettä ja estetiikkaa arvioimme oppimateriaalin [12] ja Quality Model for Websites mallin [13] mukaisesti. Sivuston asettelua arvioimme tarkastelemalla HTML-tiedostoa käytetyn mallin mukaisesti [13]. 1.2.2 Tulokset Linkkien toimivuutta arvioitiin W3C Link Checker verkkopalvelulla. Koska linkkejä oli paljon, kului tähän aikaa 2896,65 sekuntia. Tuloksiksi saatiin seuraavan kuvan 4 mukaiset. Kuva 4: Linkkien tarkistustulokset [9] Taulukosta voidaan huomata, että neljä linkkiä on rikki. Linkkejä kokeiltiin manuaalisesti ja huomattiin, että linkit olivatkin toimivia. Koodilla 500 aiheutuneet serverin virheet voivat johtua siitä, että koska Ampparit.com verkkopalvelussa on paljon linkkejä ja Link Checker palvelulla kesti kauan tarkastaa linkkejä, jolloin palvelu kuormittui ja ei antanut tarkastaa kaikkia linkkejä onnistuneesti. Testi kuitenkin osoittaa, että kaikki linkit eivät mahdollisesti toimi. Linkkien toimivuuden ei voida siis katsoa olevan täydellistä.
Sivusto käyttää mediaelementteinä kuvia ja videoita. Audiota itsessään ei huomattu käytettävän. Kuvia käytetään lähinnä mainoksissa joita sivustolta löytyy. Videolinkitkin avautuvat omille sivuilleen. Muuten sivustolla käytetään lähinnä tekstiä ja hyperlinkkejä, sivuston luonteesta johtuen. Värimaailma on sivustolla itse personoitavissa [10] ja keskeisen tiedon lukeminen onnistuu hyvin tekstin ja taustan kontrastien avulla (musta-valkoinen), kontrasti on riittävä tähän selkeään lukemiseen [13]. Mediaelementtien käyttö tukee sivuston käyttötarkoitusta ja tekstillä saavutetaan kaikki informaatio mitä sivustolla on tarkoitus välittää. Karttapalvelu ja sää ovat myös sivuston käyttämiä mediaelementtejä. Nämä toimivat hyvin ja palvelevat käyttötarkoitustaan. Mediaelementtien määrä yhdellä sivulla on vähäinen, joten latausaikojen pitäisi pysyä pieninä. Sivustoa saataisiin kenties vielä kevyemmäksi ilman mainoksia, mutta mainoksilla saadaan sivustolle tuloja, joten näiden karsiminen ei onnistu. Lisäksi palvelusta löytyy mini ja lite versiot joiden avulla palvelun latausajat saadaan pieniksi. Sivuston asettelua arvioitiin Quality Model For Websites mallin mukaisesti. Tarkastelemalla HTML-dokumenttia huomattiin, että sivu koostuu lähes pelkästään <div> elementeistä, mikä on mallin mukaan hyvä ratkaisu [13]. Tämä osoittaa sen, että sivusto on aseteltu laadukkaasti. 9 1.3 Sisältö Tässä osiossa arvioidaan verkkosivuston sisältöä sen luettavuuden, informaatioarkkitehtuurin, informaation rakenteen ja informaation ajantasaisuuden kannalta. Jokaista em. kohtaa on pyritty tarkastelemaan arvioijan asiantuntijuuden mukaan, ei niinkään mallien tai muiden tarkastuslistojen avulla. Arvioinnin kohteena ovat "Uutiset"-näkymä sekä staattinen sisältö. 1.3.1 Luettavuus Ampparit.com koostepalvelun sisältö koostuu pääasiassa muiden verkkojulkaisijoiden artikkeleiden otsikoista. Lisäksi sivustolta löytyy säätietoja, tietoja televisio-ohjelmista, hälytystietoja karttanäkymässä sekä videoita. Koska Ampparit.com ei itse vaikuta esitettävien uutisotsikoiden sisältöön, luettavuuden tarkastelun kohteeksi on valittu lähinnä sivuston staattinen sisältö. Sivustolla esitetyt asiat on kirjoitettu yleisesti ottaen lyhyesti ja ytimekkäästi. Turhan pitkiä virkkeitä ei esiinny ja hienoja erikoissanoja on pyritty välttämään. Teksti on kirjoitettu vapaamuotoisesti ja jokseenkin nuorekkaasti ja rennolla otteella. Teksti ei siis ole kovinkaan virallisen oloista, mutta sitä tuskin tämän kaltaisessa palvelussa on haluttukaan tuoda esille. Voidaan siis sanoa, että näistä syistä tekstien ymmärrettävyys on helppoa monille palvelun käyttäjille.
Joitain pieniä kirjoitusvirheitä ja toistuvia virkkeitä teksteistä löytyi, mutta ne eivät vaikeuta tekstien luettavuutta vaan enemmänkin vähentävät sivuston ylläpitäjien uskottavuutta. Löydöksistä voisi mainita kirjoitusvirheen "Palvelun kuvaus"-sivulla ("...käyttööä.") sekä "Valmiit profiilit"-sivulla löytyvät lähes peräkkäin olevat kaksi samaa kappaletta ("Voit luoda itsellesi kokonaan..."). 1.3.2 Informaatioarkkitehtuuri Sivustolla esitettävät uutiset voidaan suodattaa ja etsiä useammalla eri tavalla. Oletuksena sivustolla esitetään kaikki mahdolliset uutiset viimeisen viikon ajalta ja ne on järjestelty ajan mukaan, uusin ensimmäisenä. Muita tapoja järjestellä uutisia on käyttäjien antamien äänien (+/-) tai uutisten klikkausmäärän mukaan. Valikkorakenteesta löytyy myös muita suodattimia kuten esimerkiksi suosituimmat, äänestetyimmät, kotimaan ja ulkomaan uutiset sekä urheilu eri lajeineen ja sarjoineen. Näiden avulla satunnaiset ja harvoin palvelua käyttävät voivat löytää helposti tarvitsemansa tiedon. 10 Uutisia voi myös suodattaa erilaisten profiilien avulla joiden hallinta onnistuu valikkorakenteessa olevasta osiosta. Palvelusta löytyy joitain valmiita profiileja sekä avustaja jolla voi luoda yksinkertaisia profiileja. Näitä profiileja voi käyttää kuka tahansa sivustolla vieraileva, mutta laajempi profiilien muokkaus on mahdollista vain rekisteröityneille käyttäjille. Palvelusta löytyy myös hakutoiminto jonka avulla voidaan hakea uutisia liittyen hakusanoihin. Hakuja voi tehdä joko yksittäisillä sanoilla, usean sanan yhdistelmillä, kokonaisilla lauseilla tai hausta voi poistaa haluttuja avainsanoja. Sivustolla olevan informaation löytämiseen on monia hyviä ja helppokäyttöisiä keinoja. 1.3.3 Informaation rakenne Palvelun sisältöä on pääasiassa esitetty lista- ja taulukkorakenteiden avulla. Valittu esitysmuoto on hyvä ja selkeä ja tämän kaltaisen tiedon esittämiseen juuri sopiva. Valikkorakenteissa maksimi syvyys on kolme jota tunnutaan suosivan monessakin eri verkkopalvelussa. Staattisen sisällön sivuilla käytetään yhtä pääotsikkoa jonka alta voi löytyä yksi tai useampia alaotsikoita. Alaotsikoissa on joko leipätekstiä tai listarakenteita joiden maksimi syvyys on kolme. Staattisen sisällön sivut ovat helposti silmäiltävissä ja mm. ohjesivujen selkeät kuvat lisäävät niiden ymmärtämistä. 1.3.4 Informaation ajantasaisuus Jokaisella uutisella on aikaleima joka muodostuu siitä ajanhetkestä milloin ne on lisätty palveluun. Aikaleima pitää sisällään päivämäärän ja kellonajan. Palvelun staattisen sisällön muuttumisesta ei löydy minkäänlaista merkintää. Tiedon puuttuminen voi aiheuttaa epätietoisuutta siitä onko palvelun sisältö ajantasaista ja luotettavuudesta.
Esimerkiksi "Lähteet"-sivulla voisi olla tietoa siitä mikä sivusto on lisätty palveluun viimeksi ja milloin. Palvelun kuvaus -sivulta ja Mediakortti -sivulta löytyy lista verkkopalvelun ominaisuuksista, mutta listat eriävät toisistaan hieman. Käyttäjät eivät pysty varmuudella sanomaan kumpi lista on oikeassa, koska mitään päivämäärää listojen päivitysajankohdasta ei löydy. 11 1.4 Vuorovaikutus 1.4.1 Käytetyt menetelmät Verkkopalvelun vuorovaikutusta arvioidaan asiantuntijamenetelmillä [2]. Arvioinnin kohteina ovat profiilin käyttöönotto, hakukenttä sekä palautelomake. Arvioinnissa tarkastellaan kuinka hyvin valittujen lomakkeiden käyttö on ohjeistettu, onko kumoamistoiminto mahdollista sekä muuttuuko verkkopalvelun sisältö käyttäjän toimesta. 1.4.2 Tulokset Profiilin valinta verkkopalvelussa onnistuu sivuston oikeassa yläreunassa olevan syöttökentän avulla. Kenttään voidaan syöttää suoraan oikeanlainen profiilitunnus tai sellaisen voi valita värikkään ikonin alta löytyvästä listasta, ns. valmisprofiili. Profiili aktivoidaan klikkaamalla Käytä -painiketta jonka jälkeen verkkopalvelun Uutiset - valikkorakenne, teema sekä lista esitettävistä uutisista muuttuvat profiilin mukaisesti. Käytä -painike muuttuu Lopeta -painikkeeksi jonka lisäksi käyttäjälle näytetään ilmoitusviestinä profiilin käyttöönotosta. Profiilin poistaminen tapahtuu Lopeta - painikkeella minkä jälkeen verkkopalvelu palaa takaisin alkuperäiseen asuunsa. Profiilin käyttöön liittyvät asiat löytyy erilliseltä opastesivulta, mutta itse käyttöönottolomakkeessa niitä ei ole. Opastusta voisi lisätä esimerkiksi lisäämällä tooltip- toiminnallisuuden lomakkeen painikkeisiin sekä syöttökenttään. Hakulomake löytyy omalta sivultaan minne pääsee klikkaamalla joko valikkorakenteen Haku -valikkoa tai oikeasta yläreunasta löytyvää linkkiä. Hakulomake on todella yksinkertainen; sillä voi etsiä ainoastaan tietoa uutisista tai TV-oppaasta. Sivun oikeasta reunasta löytyy selkeät ohjeet esimerkkeineen kuinka hakuja voidaan suorittaa. Haku suoritetaan klikkaamalla Haku -painiketta jonka jälkeen verkkopalvelun Uutiset - lista esitettävistä uutisista muuttuu hakusanan mukaisesti tai jos etsitään TV-oppaasta, näytetään TV-oppaasta löytyneet hakusanan mukaiset löydökset. Hakua voi tarkentaa koskemaan vain uutisotsikoita, oletuksena uutisen sisällöstä haetaan hakusanalla osumia. Hakutulokset kumotaan joko etsimällä uudella hakusanalla tai klikkaamalla jotain valikkorakenteen valikkoa.
Palautelomake löytyy omalta sivultaan minne pääsee klikkaamalla valikkorakenteen Palaute -valikkoa. Lomakkeessa neuvotaan mitä kuhunkin lomakkeen kenttää tulee kirjoittaa. Lisäksi sivun oikeassa reunassa kehotetaan ottamaan yhteyttä ko. lomakkeen avulla, jos käyttäjä kokee sen tarpeelliseksi. Lomakkeessa on myös tarkistuskenttä jonka avulla varmistetaan, ettei lomaketta ole lähettämässä jokin ohjelma vaan ihminen. Tämäkin on ohjeistettu poikkeuksellisen selvästi. Lomakkeen lähettäminen ei aiheuta sisällön muutosta verkkopalvelussa. 12 1.5 Navigointi Viidentenä arvioinnin ulottuvuutena Quolity Model for Web Sites mallissa on navigointi. Navigoinnin arvioinnissa pyrimme ottamaan huomioon sivuston rakennetta, navigointipalkkia sekä horisontaalista ja vertikaalista navigointia. 1.5.1 Navigoinnin stressitesti Navigoinnin arvioimiseen käytimme hyväksi Navigoinnin stressitestiä [3]. Työkalu on kokonaisuutena hyvin nopea tapa arvioida verkkosivuston navigoinnin kattavuutta ja itse verkkosivuston selkeyttä. Testin takana on idea kysyä haastavia kysymyksiä sivustosta ja katsoa, mikäli se läpäisee nämä kysymykset. Omien sanojensa mukaan sitä sanotaan stressitestiksi, koska suurin osa sivustoista ei kyseistä testiä läpäise. Virheet saattavat olla välillä vakavia tai jopa lähes täysin merkkaamattomia, mutta testi kertoo havaitsemansa virheet selvästi. Testin taustalla on kolme peruskysymystä verkkosivustosta, joihin käyttäjä saattaa usein törmätä vieraillessaan sivustolla: Missä minä olen? Mitä täällä on? Minne voin mennä? Seuraavaksi testin ajatuksena on valita sivustolta sattumanvaraisesti jokin alasivusto, joka otetaan tarkastelun kohteeksi. Tämän jälkeen tarkoituksena on tulostaa kyseinen alasivu mustavalkoiseksi paperiversioksi ja kuvitella, että tulet sivustolle ensimmäistä kertaa esimerkiksi jonkin hakukoneen kautta ja päädyt kyseiselle sivulle. Tämän jälkeen vastaat yhdeksään testin kysymykseen, jotka koskevat sivua jolla olet: - What is this page about? - What site is this? - What are the major sections of this site? - What major section is this page in? - What is "up" 1 level from here? - How do I get to the home page of this site? - How do I get to the top of this section of the site? - What does each group of links represent?
- How might you get to this page from the site home page? [3.] 13 1.5.2 Testin suorittaminen Valitsimme Navigoinnin stressitestin tarkasteltavaksi alasivuksi Ampparit.com:in jalkapallo-osion [14]. Testiä tehdessäni huomasin, että Ampparit.com on selkeä verkkosivusto. Ensimmäisenä huomio kiinnittyi mustavalkoisessa kuvassa vaaleammalla pohjalla oleviin tummennettuihin kohtiin: Uutiset ja Jalkapallo. Tästä saa selvän kuvan siitä, mille sivulle on saapunut ja mistä se kertoo. Toisaalta sivulla ei näy mahdollisuutta vaihtaa kieltä, mikä aiheuttaa suuria ongelmia, mikäli ei suomenkieltä ymmärrä. Sivun ylälaidassa oleva Uutiset -kohta näyttäisi olevan yksi sivuston pääaiheista. Muut pääaiheet löytyvät samasta palkista ja ovat: Sää, Netti-Tv, Tv-opas, Kartta ja Some. Kysymykseen, mikä on sivun otsikko, on mielestäni hieman vaikea vastata. Etsiessäni otsikkoa itselläni huomio kiinnittyi ensimmäisenä Rajalan mainokseen. Todettuani tämän mainokseksi oli helppo havaita, mikä on sivun otsikko, tai oikeastaan pääaihe: uutiset. Koska kyseessä on hyvin selkeä uutisportaali, on helppo vastata kysymyksiin, minkä pääaiheen alla kyseinen sivu on, ja mitä on yhtä sivua ylempänä sivustolla: pääaiheena uutiset ja yhtä ylempänä löytyy urheilu. Hieman ongelmalliseksi kohdaksi havaitsin kysymyksen, kuinka päästä sivuston etusivulle. Sivulla ei lue missään kohdassa etusivusta, mutta itse etsin muihin sivustoihin perustuen linkkiä etusivulle sekä vasemmasta että oikeasta yläkulmasta. Tuloksena huomasin, että vasemmassa yläkulmassa oleva Ampparit.com logo vie käyttäjän etusivulle. Kysymys, kuinka päästä tämän aihealueen pääsivulle, on helppo: klikkaamalla Uutiset-painiketta. Eri linkit sivustolla puolestaan edustavat lähtökohtaisesti joko uutiskategorioita tai linkkejä uutisiin. Poikkeuksen tähän muodostavat muutamat sivustolta löytyvät mainokset. Sivuston etusivulta jalkapallo -osioon on puolestaan helppo löytää, sillä jalkapallo löytyy suoraan etusivun vasemmasta laidasta. 1.5.3 Johtopäätökset Testi on sinänsä hieman ristiriitainen. Se kertoo hyvin sivuston navigoinnista mutta ei kerro millään muotoa, läpäiseekö sivusto testin vai ei. Tämä jää testin tekijän arvioitavaksi. Toisena ongelmakohtana testissä on mielestäni asettua asemaan, jossa tulet sivustolle ensimmäistä kertaa, sillä sivustoa olen itse selannut jo huomattavan paljon. Testistä saisi todennäköisesti parhaat ja puolueettomat arviot asiantuntijalta, joka ei ole kyseisellä sivustolla aikaisemmin vieraillut. Lopputuloksena havaitsin kuitenkin, että Ampparit.com -sivusto on mielestäni navigoinniltaan hyvin selkeä. Muitakin sivuston osia selatessani havaitsin, että navigointi on selkeää: jokaisella sivulla näkyy pääaihe-valikko ylhäällä, ja siitä näkee millä sivulla olet. Myös pääaiheiden alasivuilla on selvästi nähtävissä missä alasivulla tällä hetkellä olet. Näin käyttäjällä on koko ajan
tiedossa, millä sivustolla hän on ja kuinka sivuston alkuun pääsee. Testi on nähtävillä liitteessä 1. 1.6 Muut 1.6.1 Mobiilisovellukset Ampparit.com verkkopalvelulla löytyy tuki monelle eri mobiiliversiolle. Mobiilituki löytyy Androidille, ipadille, iphonelle sekä Windows Phonelle ja sivustolla on myös kaksi kevyempää mobiililaitteille tarkoitettua selainpohjaista versiota: lite ja mini. Verkkopalvelun mobiilitoimivuuden testaamiseen käytetään Windows Phonea: Nokia Lumia 900, jossa on käytössä Windows Phone 7.8-ohjelmisto. 14 Ampparit.com -ohjelmisto on saatavilla Windows Phoneen sen sovelluskaupasta ilmaiseksi [15]. Ohjelmisto on kevyt, joten sen lataaminen ja asentaminen kestää, hieman verkosta riippuen, alle minuutin. Ohjelmisto myös käynnistyy ja lataa uutislinkit puhelimeen nopeasti. Linkit avautuvat oletuksena mobiiliversioina Ampparit.com ohjelman sisällä, eivätkä vaadi erillistä selainta avautuakseen. Ampparit.com verkkopalvelun normaaliversiossa on neljä pääaihealuetta: uutiset, TV-ohjelmatiedot, sääennusteet, sekä karttapalvelu. Mobiiliohjelmistossa tarjolla on kuitenkin vain kaksi aluetta: uutiset ja sää. Käynnistettäessä, ohjelma avaa oletusarvoisesti uusimmat uutiset -osan. Alhaalta löytyvät valikko- ja valinnat- vaihtoehdot. Valikosta valitaan, mitä pääaihetta halutaan selata ja valinnat tarkentaa aihetta. Esimerkiksi valitaan valikosta uutiset ja valinnat-näppäimen takaa tarkennetaan uutisia. Uutiset osa-alue on hyvin samanlainen kuin täydessä versiossakin. Uutisten hakua pystyy tarkentamaan lähes samoin kuin täydessä versiossa, vaikka muutamat pienemmät uutisalueet puuttuvatkin. Esimerkiksi täydessä versiossa voi etsiä suoraan urheilun alta kaikki lentopalloa koskevat uutiset, mutta mobiiliversiossa ei. Toisaalta mobiiliversiosta löytyy haku, jolla puuttuvia uutisalueita voidaan hakea. Uutisten avaaminen toimii hyvin vaivattomasti, mikäli avaat ne ohjelmiston mobiiliversioon. Sivut on myös mahdollista avata puhelimen omalla selaimella, jolloin ne toimivat hieman hitaammin. Mobiilisovelluksesta löytyy myös muutamia ongelmakohtia. Koska kyseessä on portaaliverkkopalvelu, joka kokoaa jatkuvasti uutisotsikoita yhteen paikkaan, olisi mielestäni tarkoituksenmukaista, että ohjelmassa olisi uutissivustolla mahdollisuus helposti päivittää sivu ja ladata tuoreimmat uutiset. Näin ei kuitenkaan ole, vaan sivun päivittäminen täytyy hoitaa hakemalla sivu uudelleen. Verrattaessa uutisia mobiiliversiossa ja täydessä versiossa huomaa nopeasti, että mobiiliversio ei lataa kaikkia otsikoita. Asetuksista on kuitenkin mahdollista vaihtaa ohjelmisto lataamaan kaikki uutiset. Tämä edellyttää, että ohjelma avaa kaikki linkit puhelimen omalla selaimella.
Valikosta löytyvä sää-vaihtoehto näyttää sään halutulla paikkakunnalla seuraavalle, kuluvalle ja seuraavalle yhdeksälle päivälle kolmen tunnin tarkkuudella. Sää esitetään tutuilla symboleilla: aurinko, pilvet, sadepisara, lumihiutale yms. Tämän lisäksi lämpötila ilmoitetaan Celsius-asteikolla yhden asteen tarkkuudella. Sivusto näyttää myös tuulen nopeuden ja sademäärän. Testattaessa sovellusta huomasimme, että säätä avattaessa, sivuston oletuskaupunkina on jostain syystä Joensuu. Testaus suoritettiin Tampereella Teknillisen yliopiston tiloissa, joten oletuskaupunki ei vaikuttanut toimivan. Varmistuaksemme, ettei vika ole kyseisessä puhelimessa, testasimme sää osaalueen toimivuuden myös toisella Windows Phonella, jolla senkin oletuskaupunkina oli Joensuu. Kaupunki on kuitenkin vaihdettavissa helposti valinnat-näppäimen takaa. Kuten täyttäkin, myös mobiiliversiota on mahdollista personoida käyttäjälle sopivaksi. Vaihtoehtoja personointiin on huomattavasti vähemmän kuin täydessä versiossa. Puhelimesta on mahdollista vaihtaa vain teemaa ja fontin kokoa sekä valita haluatko pelkät mobiiliuutiset vai käytätkö laitteen omaa oletusselainta. Valittavana on myös muutama oletusprofiili, joiden avulla voi suodattaa esimerkiksi viihde-uutiset. Mikäli olet rekisteröitynyt Ampparit.com -käyttäjäksi ja tehnyt sinne oman profiilin, on tämä profiili myös mahdollista ladata puhelimeen käytettäväksi mutta mobiililaitteella ei tätä voi kuitenkaan muokata. 15 1.7 Haku 1.7.1 Arviointimenetelmä Hakua arvioidaan eläytymismenetelmällä [4]. Tässä menetelmässä muodostetaan erilaisia skenaarioita, joita käyttäjä tekisi palvelussa. Teimme erilaisia skenaarioita hakutilanteista ja eläydyimme käyttäjän rooliin ja arvioimme miten skenaariot onnistuivat palvelussa. Skenaarioita olivat: Pikahaku, Täsmähaku, Aikahaku ja Paikkakuntahaku. Skenaariot löytyvät liitteestä 3. Pikahaku skenaariolla testataan yhden hakusanan hakua. Täsmähaku skenaariolla testataan kahden hakusanan hakua ja sitä ottaako haku mukaan ylimmääräisiä vain yhden hakusanan sisältäviä tuloksia. Aikahaulla pyritään hakemaan uutisia tietyltä hetkeltä ja paikkakuntahaulla pyritään hakemaan tuloksia tietyltä alueelta. 1.7.2 Tulokset Pikahaku skenaario toimii loistavasti, sillä haulla saatiin pelkästään Ilvekseen liittyviä uutisia aikajärjestyksessä. Myös skenaario täsmähaku toimii hyvin. Kahdella hakusanalla saadaan tarkkoja tuloksia, eikä tuloksiin eksynyt uutisia, jotka olisivat käsitelleet vain toista hakusanaa. Aikahaku ei toimi. Haku antaa useammalta päivältä tuloksia, eikä hakua pystytä rajaamaan tiettyyn aikaan. Haun tulokset voi kyllä järjestää ajan mukaan, mutta tietyn ajan uutisia ei voi suoraan hakea. Paikkakunta hakukaan ei toimi suoraan vaan haku hakee kaikista uutisista, jotka sisältävät sanan Lahti. Hakua ei
voi rajata tietylle alueelle. Palvelussa on kuitenkin mahdollista erillisen kartan avulla etsiä uutisia tietyltä alueelta, mutta haulla tämä ei onnistu. 1.7.3 Arvio Haku toimii sana hakuna hyvin, mutta hakua ei pysty oikeastaan mitenkään rajaamaan. Palvelu ehdottaa muita palveluita tarkempaan hakuun. Haulla pystytään hyvin etsimään uutisia tietystä asiasta, mutta muuten haku on aika alkeellinen. 16 1.8 Käytettävyys 1.8.1 Arviointimenetelmä Käytämme käytettävyyden arvioinnissa eläytymismenetelmää tekemällä käyttöskenaarioita, joita palvelua käyttävät käyttäjät useimmiten arviomme mukaan tekevät. Käyttöskenaarioiksi valitsimme: Uusimpien uutisten katsominen, tietyn aihealueen uutisten katsominen, tietyn maantieteellisen alueen uutisten katsominen ja tietyn paikkakunnan sään katsominen. Käyttöskenaariot löytyvät liitteestä 4. 1.8.2 Tulokset Skenaarioista uusimpien uutisten etsiminen toimii hyvin. Heti palvelun etusivulle tultaessa näkyy kaikki uusimmat uutiset aikajärjestyksessä. Tämä onkin sivuston perimmäinen tarkoitus kerätä kaikki uutiset yhteen paikkaan, josta niitä on helppo selailla. Toinen skenaario, jossa etsitään tietyn aihealueen uutisia, toimii sekin hyvin. Etusivulta pääsee yhdellä klikkauksella sivussa olevasta navigointipalkista haluamaansa kategoriaan, skenaarion tapauksessa urheiluun. Klikkauksen jälkeen avautuu sivu, jossa näkyy kaikki urheilu-uutiset aika järjestyksessä. Tietyn maantieteellisen alueen uutisten katsomisen skenaariossa löydettiin kaksi vaihtoehtoista tapaa. Etusivulta pääsee Helsingin uutisiin sivulla olevasta navigointipalkista Uudenmaan alavalikosta, jonka jälkeen saa näkyviin uusimmat uutiset netistä. Vaihtoehtoisella tavalla voi mennä Kartta sivulle mistä voi karttaa selaamalla etsiä maantieteellisesti uutisia. Kartta sivulla ei ole kuitenkaan hakua, jolla paikkakunnan voisi kartalta etsiä. Uutiset löytää kuitenkin karttaa selaamalla. Kartasta pystyy myös huomaamaan, mistä alueelta uutisia tulee eniten. Toisaalta uutiset kartassa keskittyvät selvästi isompiin kaupunkeihin, vaikka eivät siellä olisikaan tapahtuneet. Huomasimme, että valittaessa kartasta Tampere, otsikoissa ilmeni myös lähikuntien uutisia. Haku lukee lähikuntiin nähtävästi koko Pirkanmaan maakunnan, sillä Tampereen uutisissa löytyi myös uutinen Vammalasta, jonne matkaa on noin 50 kilometriä. Paikkakunnan sään etsimisen skenaariossa etusivulta valitaan sää, jonka jälkeen haluamansa paikkakunnan sään voi hakea haulla. Tämän jälkeen paikkakunnasta tulee
esille 10 vrk sää josta voidaan valita haluttu päivä. Sää näkyy valitulta päivältä tunnin tarkkuudella. 1.8.3 Arvio Verkkopalvelun jokainen tehty käyttöskenaario oli helppo toteuttaa muutamalla klikkauksella. Ydintoiminnot ovat käytettävyydeltään helppoja ja yksinkertaisia. Uusillakaan käyttäjillä ei pitäisi olla vaikeuksia käytettävyyden kanssa. 17
18 JOHTOPÄÄTÖKSET Tässä luvussa käsittelemme arviointimme tuloksia aihealueittain. Jokaisesta arvioinnin aihealueesta tehdään päätelmä, sekä esitetään mahdollisia kehittämisideoita. 1.9 Tekninen toteutus Arvioinnissa huomattiin virheitä CSS tyylitiedostoissa, jotka olisi hyvä korjata saatujen tulosten perusteella. Myös HTML-merkkauksen varoituksia kannattaisi tutkia ja niitä korjailla. Verkkosyötteistä saatuja huomauksia pitäisi myös tarkastella ja korjata. Näin saataisiin teknisestä toteutuksesta parempi ja kriteerien mukainen. Yleiseltä ilmeeltään tekninen toteutus on toimiva emmekä näe, että sitä tarvitsisi suuremmin uudistaa. 1.10 Esitystapa Esitystapaan emme huomanneet suurempia puutteita. Sivuston asettelu (layout) oli hyvä. Ja visuaalinen ilme oli hyvä ja helposti luettava. Linkkejä olisi hyvä tarkastella, mutta johtuen niiden nopeasta vaihtuvuudesta ja suuresta määrästä, on niiden kaikkien toimivuutta vaikeaa pitää ajan tasalla. 1.11 Sisältö Verkkopalvelun sisältö on pääasiallisesti hyvin laadukasta. Tähän edesauttavat palvelussa esitettävän informaation yksinkertaisuus sekä hyvin valitut esitystavat. Joitain pieniä huolimattomuusvirheitä palvelun sisällöstä löytyi, mutta ne ovat korkeintaan kolhuja ylläpidon uskottavuudelle. 1.12 Vuorovaikutus Arvioitavana vuorovaikutuksen osalta olivat verkkopalvelun keskeisempiä lomakkeita: profiilin käyttö, haku sekä palautelomake. Käyttäjän näkökulmasta lomakkeiden käyttö on helppoa ja niiden ohjeistus on esimerkillisen hyvin toteutettu. Tooltip:n käyttö profiilin käyttöönottolomakkeessa parantaisi hieman käytettävyyttä ja olisi tervetullut ominaisuus palvelua ensimmäistä kertaa käyttäville.
1.13 Navigointi 19 Havaitsimme Ampparit.com verkkopalvelun navigoinnin hyvin toimivaksi. Käyttäjän on verkkopalvelussa koko ajan mahdollista tarkistaa mitä pääaihealuetta hän on tarkastelemassa. Yhtenä pienenä kehityskohtana näkisimme pääaiheen Some. Vaikka monelle käyttäjälle selviää viimeistään kohdan avatessaan, että kyseessä on sosiaalisen median uutisia, olisi etenkin vähemmän tottuneille käyttäjille hyvä selventää termi Some (=sosiaalinen media). 1.14 Mobiili Ampparit.com toimii myös mobiilisti kohtuullisesti. Uutisotsikot päivittyvät muutaman minuutin viiveellä verrattuna kokoversioon, mutta tämä on hyväksyttävissä. Myöskin pienenä ongelmana on, että kaikista uutisista ei mobiiliversiota ole, vaan osa täytyy avata laitteen omalla selaimella. Yhtenä kehittämiskohteena mobiiliversiossa havaitsimme myös erillisen päivitä - toiminnon puutteen. Mikäli haluat päivittää uutiset, täytyy valikosta ladata haluamasi kategorian uutiset uudestaan, tai käynnistää sovellus uudestaan. Täydessä versiossa löytyy myös tietoa TV-ohjelmista, sekä erillinen karttapalvelu. Karttapalvelu näyttää uutisia paikkakunnittain, mikä on käytännöllistä etenkin, mikäli haluat vain paikallisia uutisia. TV-ohjelmaopas puolestaan näyttää haluamiesi kanavien ohjelmat. Olisi tarkoituksenmukaista, mikäli mobiilisovelluksesta löytyisivät samat ominaisuudet, kuin täydestä versiosta. Mobiililaitteille löytyy tuhansia erilaisia sovelluksia. Olisikin hyödyllistä, että yhdellä sovelluksella voisi katsoa sekä uutiset, sään että televisio-ohjelmat. 1.15 Haku Haku on alkeellinen ja suppea. Vaikka palvelu suosittelee muiden hakukoneiden käyttöä, on mielestämme silti Ampparit.com verkkopalvelun omaa hakua uudistettava. Mielestämme verkkopalvelun käytettävyyden kannalta erillinen täsmähaku olisi todella toimiva. Tällä tarkoitamme sitä että hakuun tulisi lisätä ainakin haun rajaaminen tietylle ajalla ja se olisi myös pystyttävä rajaamaan tietylle maantieteelliselle alueelle. Myös erilaisten hakufilttereiden lisäämistä suositellaan. Palveluun tulisi miettiä joko nykyisen haun laajentamista tai kokonaan uuden haun rakentamista verkkopalveluun. Toisena kehittämiskohtana kyseenalaistimme hieman hausta löytyvät vaihtoehdot Google ja Wikipedia. Näiden tarkoituksena on ainoastaan suorittaa käyttäjän haku kyseisiltä sivuilta. Näkisimme, että käyttäjä joka haluaa hakea tietoa Googlesta tai Wikipediasta osaa varmasti navigoida itsensä kyseisillä sivuille, eikä tarvitse tähän Ampparit.com:in hakua.
Kuva 5: Ampparit.com Google haku 20
21 HARJOITUSTYÖN MERKITYS Mielestämme harjoitustyö onnistui hyvin. Saimme arvioitua monipuolisesti Ampparit.com verkkopalvelun laadukkuutta ja löysimme kehittämiskohtia palvelulle. Harjoitustyössä todettiin palvelun yleisesti ottaen laadukas verkkopalvelu, johon löysimme kuitenkin joitain kehittämiskohtia, pääasiallisena näistä haku.
LÄHTEET 22 [1] Oppimateriaali: 3.3.1 Quality Model for Websites [www] (Luettu 29.9. 2013) http://hlab.ee.tut.fi/piiri/content/331-quality-model-web-sites [2] http://hlab.ee.tut.fi/piiri/content/53-asiantuntijamenetelmia [3] http://instone.org/navstress [4] http://hlab.ee.tut.fi/piiri/content/533-elaytymismenetelma [5] http://validator.w3.org/ [6] https://validator-suite.w3.org/ [7] http://jigsaw.w3.org/css-validator/validator.html.en [8] http://validator.w3.org/feed/ [9] http://validator.w3.org/checklink [10] http://www.ampparit.com/personointi [11] http://hlab.ee.tut.fi/piiri/content/832-mediaelementtien-kaytto [12] http://hlab.ee.tut.fi/piiri/content/833-visuaalinen-ilme [13] http://www.w3c.it/papers/cmg2005poland-quality.pdf [14] http://www.ampparit.com/jalkapallo [15] http://www.windowsphone.com/fi-fi/store/app/ampparit-com/b512e765-6b29-4286-b0e7-fc89d4715592
23 LIITTEET Liite 1: Navigoinnin stressitesti Navigation Question What is this page about? What site is this? What are the major sections of this site? What major section is this page in? What is "up" 1 level from here? How do I get to the home page of this site? How do I get to the top of this section of the site? What does each group of links represent? How might you get to this page from the site home page? Mark Up on the Paper Draw a rectangle around the title of the page or write it on the paper yourself Circle the site name, or write it on the paper yourself Label with X Draw a triangle around the X Label with U Label with H Label with T Circle the major groups of links and label. D: More details, sub-pages of this one N: Nearby pages, within same section as this page S: Pages on same site, but not as near O: Off-site pages Write the set of selections as: Choice 1 > Choice 2 >... Connect the visual elements on the page that tell you this.
24 Taulukko 1: Navigoinnin stressitestin kysymykset Kuva 6 Navigoinnin stressitesti
Liite 2: Validator Suiten tulos 25
Liite 3: Haku skenaariot 26 Pikahaku Pertti on Ampparit.com verkkopalvelun satunnaiskäyttäjä. Hän haluaa tietää suosikki joukkueensa Ilveksen uutisia. Pertille ei ole tarkkaa milloin uutiset ovat tulleet ja millaisia ne ovat, joten Pertti käyttää pikahakua. Pertti hakee uutisia suosikki joukkueestaan hakusanalla: Ilves. Täsmähaku Pasi on Ampparit.com verkkopalvelun satunnaiskäyttäjä. Hän haluaa löytää uutisia Cheekin Olympiastadionin keikasta. Hän haluaa uutisia vain Olympiastadionin keikasta eikä mistään muusta Cheekiin liittyvästä. Hän kokeilee hakusanaa: Cheek olympiastadion. Aikahaku Maija haluaa tietää uutisia eiliseltä päivältä 24.11.2013 klo 12:00. Maija kokeilee ensin hakea haulla päivämäärällä 24.11., jonka jälkeen hän kokeilee hakusanalla: eilen. Paikkakuntahaku Petteri on kotoisin Lahdesta ja haluaa etsiä tämänhetkisiä uutisia vain Lahdesta. Hän saapuu sivustolle ja päättää hakea uutisia hakusanalla: Lahti. Karttahaku Anna on Ampparit.com vakiokäyttäjä. Hän käy sivulla päivittäin ja tänään on tänään päättänyt etsiä kotipaikkakuntansa Rovaniemen uutisia käyttäen hyväksi verkkopalvelun karttapalvelua. Hän navigoi itsensä verkkopalvelun Kartat osaan, etsii kartasta Rovaniemen ja lukee uutisotsikot.
Liite 4: Käyttöskenaariot 27 Uusimpien uutisten katsominen Pekka haluaa katsoa uusimmat juuri tällä hetkellä. Hän avaa Ampparit.com palvelun ja etsii uusimmat uutiset. Tietyn aihealueen uutisten katsominen Timo haluaa katsella uusimpia urheilu-uutisia. Hän avaa Ampparit.com palvelun ja navigoi uusimpien urheilu-uutisten sivulle. Tietyn maantieteellisen alueen uutisten katsominen Maija haluaa katsella Helsingin uutisia. Hän avaa Ampparit.com palvelun ja etsii sieltä navigoimalla Helsingin uutiset. Tietyn paikkakunnan sään katsominen Sami haluaa katsoa Rovaniemen huomisen sään. Hän avaa Ampparit.com palvelun ja etsii sieltä navigoimalla Rovaniemen huomisen sään.