Aika: keskiviikko 26.10. klo 9-16 Paikka: Ag Alfa ja Ag C234.1



Samankaltaiset tiedostot
KÄYTETTÄVYYSPÄIVÄ

KUHA-PROJEKTI. Petri Lamminaho Ville Muittari Kati Mäki-Kuutti Juho Tamminen. Käytettävyys raportti

Kuovi-Sovellusprojekti. Vaatimusmäärittely

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen

Heuristisen arvioinnin muistilista - lyhyt versio

PÄIVÄ huomioiminen tuotekehityksessä

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin

Käytettävyyslaatumallin rakentaminen verkkosivustolle

PÄIVÄ huomioiminen tuotekehityksessä

Mitä käytettävyys on? Käytettävyys verkko-opetuksessa. Miksi käytettävyys on tärkeää? Mitä käytettävyys on? Nielsen: käytettävyysheuristiikat

Kotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan.

Good Minton Sulkapalloliiton Kilpailujärjestelmä SEPA: Heuristinen arviointi

KÄYTETTÄVYYS KÄYTETTÄVYYSPÄIVÄ Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi?

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ

Käytettävyys verkko-opetuksessa Jussi Mantere

KÄYTETTÄVYYSPÄIVÄ Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYS. Mitä merkitystä sillä on?

Nelli-portaalin käytettävyys. Saija Lukkarila Pro gradu, kevät 2005 Informaatiotutkimus, OY

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 %

Joustavasti verkossa ERIVERIA.FI

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011

KÄYTETTÄVYYSPÄIVÄ Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä)

Suomi.fi: Asiointi ja lomakkeet osion käyttöliittymämallien käyttäjätestaus. Testaustulosten esittely

Tampereen ammattikorkeakoulu Verkkokeskustelu > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne

Aikataulu KÄYTETTÄVYYSPÄIVÄ

portfolion ohjeet ja arviointi

Uudet sivut palvelevat sinua entistä. paremmin ja tehokkaammin. Tässä muutamia vinkkejä sivujen tarjonnasta.

Navigointi Verkkomultimedia ICT1tn004

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

Suomen virtuaaliammattikorkeakoulu Villan keritseminen, karstaus ja kehrääminen v.0.5 > 80 % % % < 50 %

Suomen virtuaaliammattikorkeakoulu Business in The EU v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Haastattelut e-kioskin käyttäjäkokemuksista. Mira Hänninen Haaga-Helia ammattikorkeakoulu

Alma-mobiiliverkosto aineisto-ohjeet. Päivitetty

Facebook-sivun luominen

Rauman nuorten työpaja

Näin rakennat mielenkiintoiset nettisivut

SEPA-päiväkirja: Käytettävyystestaus & Heuristinen testaus

Suomen virtuaaliammattikorkeakoulu Kestävää kehitystä etsimässä v. 0.9 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista

Graafiset käyttöliittymät Sivunparantelu

Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka templateaihio > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Pikaopas kotisivujen tekoon

LOPPURAPORTTI Paperikonekilta Versio 1.0

Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

VirtuaaliAMK Ympäristömerkkipeli > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Aikataulu KÄYTETTÄVYYSPÄIVÄ

Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Yleistä. Suositukset. Rakenne

ARVO - verkkomateriaalien arviointiin

PROJEKTIDOKUMENTAATIO OONA KARHUNEN

ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Excel-Esitystapa, Arvioija: Juha Kuula, Arviointipäivämäärä:

Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat

1 Arkistolaitos Graafiset ohjeet. Arkistolaitos Graafiset ohjeet

Canva CV NÄIN PÄÄSET ALKUUN CANVA CV:N TEOSSA: Canva on graafisen suunnittelun

Suomen virtuaaliammattikorkeakoulu Tapauskertomus tietojärjestelmähanke > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Linssintarkastusjärjestelmän käyttöliittymän käytettävyyden arviointi

Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Rakennusautomaation käytettävyys. Rakennusautomaatioseminaari Sami Karjalainen, VTT

Miksi käytettävyys on tärkeää

KirjautuminenPro+ PIKA OPAS PRO+ KÄYTTÖÖN

Näkemyksiä ja kokemuksia käyttäjälähtöisestä suunnittelusta Hannu Paunonen Metso Automation Oy

1 Yleistä Web-editorista Web-editori -dokumentin luominen Pikatoimintopainikkeet Tallenna... 3

5. Sijainnin määrittäminen olemassa olevalle liikuntapaikalle

OHJE Jos Kelaimeen kirjautuminen ei onnistu Mac-koneella Sisällys

Asiointipalvelun ohje

Mukaan.fi on oma verkkopalvelu juuri sinulle, joka olet kiinnostunut erityistä tukea käyttävien lasten, nuorten ja aikuisten elämästä.

Veistämö Knaapi. Projektidokumentaatio

Asiakas ja tavoite. Tekninen toteutus

Kuovi-projekti. Vaatimusmäärittely

Send-It ilmoittautumisjärjestelmä (judotapahtumat Suomessa)

Suomen virtuaaliammattikoulu Kaasutustekniikka v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Kotkaliikkuu.fi. Ohjeita seuroile ja yhteisöille palvelun käytöstä

Suomen virtuaaliammattikorkeakoulu Mobile IP > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Moodle-oppimisympäristö

Suomen virtuaaliammattikorkeakoulu Turvallisuus turpeen tuotannossa v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

MTK:n esitteet ja materiaalit verkkokaupassa

KÄYTETTÄVYYSPÄIVÄ Meeri Mäntylä (sis. osia Anne Pirisen esityksestä)

Kopseptisuunnittelu Verkkomultimedia ICT1tn004

KÄYTETTÄVYYS OHJELMISSA KÄYTTÖLIITTYMÄ

Käyttöliittymän muokkaus

SUOMEN KUNTALIITTO RY

Pika-aloitusopas. Haku Voit etsiä sivustoja, henkilöitä tai tiedostoja. Sivuston tai uutisviestin luominen

Jyväskylän yliopisto, Sovellusprojektien kokoustila AgC Itkonen Jonne (saapui 9.25) Santanen Jukka Pekka (saapui 9.35)

PC MUISTAA KAIKKI ASIAT SANA SANALTA

VINKKEJÄ CV-NETIN KÄYTTÖÖN.

Nurmeksen kaupungin www-sivujen käyttäjäkysely 2015

OHJE Jos Kelaimeen kirjautuminen ei onnistu Windows-koneilla

Hirviö SEPA-dokumentti Käyttöliittymän heuristinen arvoiointi

HAKUOHJEET HAKULOMAKETTA KÄYTTÄEN

TYÖNTEKIJÄN OHJEET EAZYBREAK-MOBIILISOVELLUKSET

Arcada yrkeshögskola Hållbar utveckling v 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Sikarodut > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka monivalinta aihio > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Posterin teko MS Publisherilla

Käytettävyys www-sivujen suunnittelussa Anna Perttilä

Transkriptio:

Käytettävyyspäivän raportti Aika: keskiviikko 26.10. klo 9-16 Paikka: Ag Alfa ja Ag C234.1 Päivän aikataulu: 09.00-11.30 Luento-osuus Ag Alfa 11.30-12.30 Lounastauko 12.30-14.00 Ryhmätöiden teko projektitiloissa 14.00-15.30 Ryhmätöiden esittely Ag C234.1 15.30-16.00 Yhteenveto ja koulutuspalaute Luennoitsija: Anne Pirinen Ohjaajat: Vesa Korhonen Jukka-Pekka Santanen Kuovi-ryhmästä läsnä: Antti Hedlund Juho Kortelainen Jaana Ojala Juhana Pikki 1 Käytettävyystestaus Kuovi-ryhmän tehtäväksi annettiin tutustua vakuutusyhtiö Tapiolan kotisivuihin www.tapiola.fi ja tehdä niistä huomioita erityisesti käytettävyyden kannalta. Antti Hedlund toimi koekäyttäjänä ja suoritti neljä sivuston sisältöön liittyvää tiedonhakutehtävää. Muut ryhmän jäsenet tarkkailivat tehtävien suoritusta. 1.1 Selvitä, onko Tapiolan kautta mahdollista saada perinteistä luottokorttia eli Visaa. Heti sivujen avautuessa yleisvaikutelma oli siisti ja viimeistelty. Keskelle ruutua sijoitettu mainosanimaatio vei kaiken huomion muutamiksi ensisekunneiksi. Sen päätyttyä huomiotaan saattoi jo siirtää muuallekin. Tiedot luottokorteista 1

löytyivät parin yrityksen jälkeen. Testaajalle ei ollut ihan selvää, minkä osaston alta niitä kannattaisi alkaa etsimään. Selvisi, että Tapiolasta on Visa-kortti saatavilla. Reitti: Pankkipalvelut > Kortit ja maksaminen > Visa-kortit Navigointivalikoiden vaihteleva asettelu tuotti hieman ongelmia. 1.2 Selvitä, millaisia etuja omistaja-asiakas voi saada vakuutuksista oltuaan Tapiolan asiakkaana yli 10 vuotta. Tämän tehtävän suorittaminen kävi huomattavasti nopeammin. Kun navigointipalkkien ilmaantuminen erikoisiin paikkoihin oli jo tullut tutuksi, haluamansa löysi melko nopeasti. Reitti: Vakuutukset > Omistaja-asiakkaan edut > Vakuutusasiat 1.3 Selvitä Jyväskylässä olevien Tapiolan toimistojen yhteystiedot. Kaikkien toimistojen yhteystiedot löytyivät kootusti Yhteystiedot-välilehden kautta. Kyseessä olevalla sivulla oli linkki Tapiolan toimistot, joka avasi uuden sivun erillisessä selaimessa hakua varten. Reitti: Yhteystiedot > Tapiolan toimistot 1.4 Selvitä, onko Tapiolassa tällä hetkellä avoimia työpaikkoja. Tehtävän suorittaminen kävi jo tutuiksi tulleilla sivuilla nopeasti. Osasta Tapiolaryhmä löytyi rekrytointi niminen välilehti, jossa kerrotaan mahdollisista avoimista työpaikoista. Avoimia työpaikkoja oli useita. Reitti: Tapiola-ryhmä > Rekrytointi > Avoimet työpaikat 2 Asiantuntija-arviointi Ryhmän tehtävänä oli tutustua Nielsenin kymmeneen käytettävyyssääntöön ja pohtia sivuston toteutusta sääntöjen pohjalta. 2.1 Näkyvyys Toimintoihin reagoitiin nopeasti. Latausten yhteydessä tilanneilmaisimet. Muruspolku kertoo tiiviisti ja selvästi sijainnin. Ikävä kyllä polku oli sijoitettu liian keskelle ruutua ja fontti oli erittäin pientä, joten se jäi helposti huomaamatta. Lisäksi polku näkyi vasta kolmannella tasolla. 2

Tieto sijoitettu sivuille hieman sekavasti. Linkkejä on ripoteltu ympäri sivuja. Tietoa ehkä liikaa tarjolla kerralla. 2.2 Yhteensopivuus sovelluksen ja todellisen maailman välillä Sivuston väritys ja perhekeskeiset kuvat antavat käyttäjälle vision Tapiolasta ihmisläheisenä yrityksenä. Paikoitellen melko teknistä sanastoa, joka voi tuntua käyttäjästä vieraalta. 2.3 Hallitsevuuden ja vapauden tunne käyttäjällä Takaisinpaluu aina mahdollista. Sivuilla ei ole juurikaan toiminnallisuutta, joten meneillä olevien toimintojen peruuttaminen ei tullut esiin. Liian paljon linkkejä ruudulla. Yhdellä sivulla ainoana sisältönä isokokoinen animaatio, jota ei pysty keskeyttämään > hallinta katoaa. 2.4 Yhteneväisyys ja standardit Ulkoasu yhtenäinen. Väriteemat kauttaaltaan rauhallisia. Ihmisläheisyys ja perhekeskeisyys näkyy läpi sivuston. Navigointipalkkeja sijoitettu ympäriinsä, osa melko vieraalla paikalla. Eri sivuilla samalla paikalla olevat kuvat olivat toisinaan linkkejä, toisinaan eivät. Navigointityyli ei ole yhdenmukainen. 2.5 Virheiden ehkäisy Ainoa aikaansaatu ongelma oli väärinkirjoitettu WWW-osoite. Tällöin käyttäjää informoitiin asiallisesti ja selkokielisesti. Mitään lomakkeita ei löytynyt, joten virheenkorjaustakaan ei päästy testaamaan. 3

2.6 Muistikuormituksen minimoiminen Sivuilla tarjottava tieto on jaettu loogisiin ryhmiin, joten käyttäjän ei tarvitse muistella miltä osastolta mikäkin asia löytyy. Suuren linkkimäärän takia jopa perustoimintojen paikan muistamiseen menee kauan. Koska sivuston ulkoasu on hieman sekava ja linkit ovat hajallaan, saattaa käyttäjän olla hankalaa hahmottaa asiakokonaisuuksia. 2.7 Käytön tehokkuus ja joustavuus Moneen toimintaan tarjolla useampia reittejä ja oikopolkuja. Sivulla olevan hakutoiminnon avulla löydät nopeasti haluamasi. Ensikertalaisella sivujen käyttöön voi tuhrautua melko paljon aikaa. Edelleen sivujen sekavan ulkoasun takia tehokas ja joustava käyttö saattaa estyä tottuneeltakin käyttäjältä. 2.8 Minimalistinen suunnittelu Kirjasinkokoja ja -tyyppejä on käytetty hillitysti. Resoluutiosta riippuen sivun reunoilla ja alla on isot alueet käyttämätöntä tyhjää tilaa. Yhtiön logo hukkuu täysin muiden asioiden viedessä huomion. Tärkeimmät toiminnot jäävät auttamatta mainosten jalkoihin huomattavuudessa. Tärkein tieto on sijoitettu jokaisella sivulla sivun keskelle ja tämän ympärillä ovat mainokset, kuvat ja linkkilistat. Tämä aiheuttaa sen, että eri kokoisilla näytöillä tärkein asia on eri kohdissa. 4

2.9 Virheistä toipuminen Virhetilanteita ei saatu aikaan muuta kuin kirjoittamalla väärä WWWosoite. Tällöin saatiin suomenkielinen selkeä virheilmoitus, jossa ilmoitettiin virheestä, mitä ja miksi tapahtui sekä ohjeita jatkotoimenpiteisiin. Virheestä ilmoitettiin otsikolla: Sivua ei löytynyt (404)!. Lisäksi sivun yläpalkin otsikkona on Error 404 - Page not found. Tämä saattaa aiheuttaa hämmennystä tottumattomassa käyttäjässä. 2.10 Ohjeet Palautetta annettaessa, kun täytetään kenttiä, löytyy selkeät linkit opastussivuille. Sivuilta löytyvät yksityiskohtaiset ohjeet kenttien täyttämiseen sekä puhelinnumero lisätietojen kysymiseen. Varsinaista ohjesivua ei ole sivustolla lainkaan. 3 Omaan projektiin soveltaminen Kuovi-ryhmä on ottanut käyttäjät huomioon projektin alusta lähtien. Ryhmä suunnittelee ja toteuttaa Korppi-järjestelmän valituista palveluista matkapuhelimella helpommin käytettävät rinnakkaiset versiot ja toimii samalla itse käyttötestaajana. Käytettävyys on ollut projektin lähtökohtana ja monia käytettävyyspäivän asioita on jo huomioitu projektissa. Päivä antoi uutta näkökulmaa ja loi hyvän yleissilmäyksen aiheeseen. 4 Löydösten esittely Edellisten kohtien pohjalta ryhmä piti noin viidentoista minuutin pituisen esitelmän Tapiola-yhtiön WWW-sivujen käytettävyydestä. Käyttäjän huomio kiinnittyy ensimmäiseksi suuriin kuviin, animaatioihin ja mainoksiin. Sivuston yleisvaikutelma on hieman sekava, sillä asia ja linkit on ripoteltu ympäri sivuja. Toisaalta miellyttävät ja rauhalliset värit, sekä ihmisläheisyys ja perhekeskeisyys, jotka kuuluvat yhtiön imagoon, tulevat hyvin esiin ja luovat hyviä mielikuvia. Hieman sekava ulkoasu asian kannalta, linkkien epäjohdonmukaisuus ja ohjesivujen puuttuminen aiheuttavat käytettävyysongelmia. Näiden asioiden parantaminen, tärkeimpien asioiden tuominen heti sivun alkuun, muruspolun näkyminen jokaisella sivulla ja kuvien sekä mainosten hillitympi käyttö parantaisi käytettävyyttä huomattavasti. Myös Tapiolan logon tuominen enemmän esille antaisi sivuille enemmän uskottavuutta. Ryhmä pyrkii käyttämään käytettävyyspäivän oppeja projektissaan. 5