Käyttäjäkeskeisen verkkopalvelun suunnittelu suosituksia

Transkriptio

1 Research expertise Käyttäjäkeskeisen verkkopalvelun suunnittelu suosituksia Jarmo Parkkinen, Adage Oy

2 Käytettävyys mitä, miten ja miksi mitä on hyvä käytettävyys miten käytettävyys ilmenee verkkopalvelussa mitkä ovat käytettävyyden edut julkaisijan kannalta käyttäjäkeskeinen verkkopalvelun suunnittelu ja kehitys menetelmiä ja virstanpylväitä suunnitteluprosessiin tyypilliset hyvät ratkaisut ja vältettävät ongelmat esimerkkejä hyvistä verkkosivuista Sivu 2 / 30

3 Käytettävyyden määritelmä Hyvä käytettävyys tarkoittaa miellyttävää, nopeaa ja tehokasta työskentelyä laitteen tai tuotteen parissa. Käytettävyys on tuotteen ominaisuus, jota voidaan mitata ja parantaa. Käytettävyyteen vaikuttaa aina Käyttäjän tarpeet Käyttötilanne Hyvä käytettävyyden taso on prosessi Tarpeet ja tilanteet muuttuvat Teknologia antaa uusia mahdollisuuksia Liiketoiminta tarjoaa mahdollisuuksia ja tarpeita Riittävä käytettävyyden taso on tuotteen hyväksyttävyysvaatimus. Sivu 3 / 30

4 Käytettävyyden ulkoisia hyötyjä Kasvu myynnissä, markkinaosuudessa ja tuotossa Parantunut asiakkuuden hallinta Vähentyneet asiakaspalvelukustannukset Vähentyneet ylläpitokustannukset Lisääntynyt asiakastyytyväisyys ja lojaalisuus Sivu 4 / 30

5 Käytettävyyden sisäisiä hyötyjä Alentuneet tuotekehityskustannukset Nopeampi tuotekehitysprosessi Lisääntynyt henkilökunnan tehokkuus Vähentyneet virhetilanteet Tehostunut päätöksenteko Sivu 5 / 30

6 Käytettävyydestä saatava mitattava hyöty Design-myönteiset yritykset ovat 200 % tehokkaampia kasvajia kuin vertailuryhmä (David Kester, Design Council UK) Käytettävyys vahvistaa Nokian brändiä, parantaa käyttäjätyytyväisyyttä ja nopeuttaa tuotekehitystä (Jussi Kapanen, Nokia NET) Parantaa sivustojen kykyä ohjata käyttäjät haluttuihin toimintoihin ja tehostaa käyttäjien toimintaa (150% - mitä se tarkoittaakin) (Jakob Nielsen, NNGroup; Usability ROI study) Sivu 6 / 30

7 Ongelmia ja kehityskohteita Adage Usability Research expertise

8 Tunnettuja ärsyttävyystekijöitä Design Element Pops-up in front of your window Loads slowly Tries to trick you into clicking on it Does not have a "Close" button Covers what you are trying to see Doesn't say what it is for Moves content around Occupies most of the page Blinks on and off Floats across the screen Automatically plays sound Users Answering "Very Negatively" or "Negatively" 95% 94% 94% 93% 93% 92% 92% 90% 87% 79% 79% Pop-up-estosovelluksia löytyy noin 70 prosentissa koneista Lähde: Sivu 8 / 30

9 Median lukutottumuksia Adage Usability Kokeneet WWW-käyttäjät eivät katso graafeja - vain tekstiä yetrack2000/ Käyttäjät kehittävät bannerisokeuden /newsletter/dec98/banner _blindness.html Lähinnä tottumusta (konventiot) Sivu 9 / 30

10 Rakenne Adage Usability 16x16 paras 32x8 ja 8x32 melkein yhtä hyviä 8x8x4 paljon huonompi Kuoppa parempi kuin suora 6x2x2x12 parempi kuin 4x4x4x4 parempi kuin 2x6x12x2 Kategorisoinnin suorittaa ammattilainen Testataan Kategorisointi käyttäjien kanssa lappusulkeisia Testataan Esimerkki: 8x32-rakenne Pääsivu Linnut, kalat, kasvit, sienet, hämähäkit, hyönteiset, nisäkkäät, luokittelemattomat Linnut 32 linkkiä Kalat 32 linkkiä Kasvit... Sienet Hämähäkit Hyönteiset Nisäkkäät Luokittelemattomat Kanalinnut Pingviinit Ja samaa vielä 28 kertaa Sivu 10 / 30

11 Luettavuus Riittävä kontrasti (mustavalko-koe) Riittävä fonttikoko (esim. 12 px), muuteltavissa Ei liian leveätä tekstiä Ei villisti linkkejä testin sisään (hidastuttavat lukemista ja muuttavat merkitystä) kannattaa luoda eri tyylit (esimerkiksi linkin sijainti sivulla) syventävälle tiedolle, taustatiedolle, ulos johtaville linkeille Tarpeeksi väljää tekstiä, ei isoja tekstimassoja väliotsikoiden tai tärkeiden asioiden lihavoinnin käyttö parantaa silmäiltävyyttä Liehureuna (nopeuttaa ja tarkentaa lukemista, mutta vaikea hallita) Lyhenteet kirjoitetaan auki aina kun niitä käytetään Sivu 11 / 30

12 Palaute Adage Usability Luonnollista, etenemisestä kertovaa ei vain virheilmoituksia ei vain keskeytyksiä esim: näppäimen painallus saa aikaiseksi kirjaimen Käyttäjän kielellä kohti tavoitetta vai siitä pois? Tyypilliset aikarajat < 0,1s: välitön 0,1-1s: luonnollinen (1-3 s: siedettävä) 1-10 s: pitkä > 10 s: huomio siirtyy pois lasketaan käyttäjän havainnosta Sivu 12 / 30

13 Tiedon esittäminen verkkosivulla Missä ollaan Mihin kokonaisuuteen esitetty asia kuuluu Miten pääsen liittyvään tietoon Milloin tieto on tuotettu, milloin se on julkaistu Ytimekkäät, lyhyet otsikot Väliotsikointi tärkeää Visualisoinnit ja kuvituskuvat Ovat hyviä, mutta eivät pakollisia Sivu 13 / 30

14 Annettujen tietojen on oltava virheettömiä ja ajantasaisia Jatkuva tarkastaminen ja päivittäminen Ylläpitotyökalut, jotka tukevat sisällön hoitamista Luotettavuus Visuaalisella ilmeellä ja viimeistelyllä on merkittävä vaikutus siihen, kuinka luotettavana sivustoa pidetään Brändin on oltava tunnistettavissa Hallittu tilankäyttö parantaa luotettavuutta Piirroksia ei suositella Amerikkalaisille lisäksi smiling ladies Sivu 14 / 30

15 Kenelle sivujen tulee olla hyvät Investoinnin ammattilaiset Etsivät tietoja koti- ja ulkomaisia rahastoja varten tai hajauttavat salkkua Analyytikot Suosittelevat kohteita ja auttavat päätöksenteossa Toimittajat Talous- ja maallikkotoimitus Sivu 15 / 30

16 Sähköposti sivuston osana Rekisteröitymisen vaivattomuus Tiedotteiden kohderyhmäkohtaisuus personointi o saa mitä tilaa Muokkaaminen tai lopettaminen Helppoa Nopeaa Vahvistusviestit Kohti uusia haasteita RSS (Really Simple Syndication) intranettien tiedonlähteenä Sivu 16 / 30

17 Prosessi Adage Usability Research expertise

18 Miksi sivut eivät ole aina helppokäyttöisiä Suunnittelijan malli Suunnitteluorientoitunut (top-down) Tarkka (explicit) tehty kommunikoimiseen ja tehtävien jakamiseen yksityikohtainen teknisesti ja rakenteellisesti Käyttäjän malli Tehtäväorientoitunut (bottom-up) Sumea (implicit), rakentunut käytön ja uskomusten kautta Yksityiskohtainen käytännön ongelmien ratkaisemisessa Webi saitti Pääsivu Tästää aletaan Huolto Type title here Webi saitti Uutuudet Mynti Type title here Type title here Huolto Type title here Kaikkea kivaa Sivu 18 / 30

19 Käyttäjätutkimus Haastattelu + käyttöympäristökartoitus, jossa keskitytään kehitettävän tuotteen tai palvelun käyttäjätarpeisiin ja käyttötottumuksiin. Tietoa suunnittelupäätösten tueksi Miten ja mihin tarkoituksiin nykyisiä palveluita käytetään? Mihin tilanteisiin ne yhdistyvät? Millaisia parannuksia käyttäjät ensisijaisesti tarvitsevat? Sivu 19 / 30

20 Käyttäjäanalyysit Kertovat nykyisistä ja tulevista käyttäjistä Kuka, miksi, miten, millä (laitteella), kenen kanssa, kenelle, missä Yleensä käyttäjätutkimusten ja haastattelujen perusteella Abstrahoitua ja uudelleenkonkretisoitua tietoa, Stereotypioita oikeista ihmisistä. Paavo Professori, 37, naimisissa, 2 lasta Paavo hoitaa Yliopiston psykologian professorin virkaa. Tyypillinen päivä koostuu palavereista tutkimusten rahoittajien ja jatko-opiskelijoiden kans sa. Joskus kun jää aikaa Sivu 20 / 30

21 Skenaariot Lyhyitä tarinoita, jotka kuvaavat tuotteen tai palvelun käyttöä Olemassaolevan tuotteen ongelma, tai uuden tuotteen toivottu toimintatapa sellaisessa muodossa että käyttäjät voivat kommentoida sitä Käyttäjähaastattelujen, arviointien tai visioiden perusteella Paavon puhelin soi, mutta hän ei vastaa siihen koska hänellä on kesken tärkeä palaveri tutkimusapulaisen kanssa. Sitä paitsi Paavon päivystysaika ei ole tänään, mutta joskus Paavo ottaa vastaan opiskelijoita myös päivystysaikojen ulkopuolella. Paavo on joskus miettinyt että olisi hauskaa jos hän voisi laittaa helposti WWW-sivuilleen tiedon kun on käytettävissä päivystysaikojen ulkopuolella, mutta helppoa tapaa ei Sivu 21 / 30

22 Tehtäväanalyysit Käyttäjän tekemien tehtävien tunnistamista, luokittelua ja analysoimista Tärkeiden ja kriittisten tehtävien nopeuttamista, virhemahdollisuuksien karsimista Työnsuunnittelua Suunnittelutyön ohessa, tai kerätään havainnoinneista Tiedotteen lisääminen 1) Tietokone on päällä, verkkoyhteys on käytettävissä 2) Telnet-yhteys yliopiston palvelimeen 3) Tunnistautuminen 4) Oikean kansion ja oikean tiedoston valinta 5) Oikean tiedoston avaaminen editoriin 6) Oikean kohdan etsiminen tiedostosta 7) Väärän tiedon poistaminen 8) Oikean tiedon lisääminen Sivu 22 / 30

23 Haastattelut pieni otanta; luodaan profiileja tavoitteena ymmärtää käyttäjien tarpeita ja keitä he ovat ohessa määrällisiä kysymyksiä, joita voidaan esimerkiksi verrata vastaaviin kyselykysymyksiin voidaan selvittää myös mielikuvien lähteet, syyt ja tulkinnat Sivu 23 / 30

24 Asiantuntijamenetelmät Menetelmä Verrataan sovelluksen piirteitä nyrkkisääntöihin Listataan kohdat joissa sovellus eroaa säännöistä Esimerkiksi Nielsen -93, Usability engineering... Tulokset Kohtia, joissa sovellus eroaa suositellusta tavasta Keskittyy opittavuuteen, toimintapolkujen tarjoamiseen ja toimintojen samanlaisuuteen. Myös yksityiskohtia, pintavikoja Sivu 24 / 30

25 Käytettävyystesti Menetelmä Laaditaan tehtäviä, joita sovelluksella tehdään. Yksi tai kaksi käyttäjää kerrallaan tekee tehtävät, yleensä ääneen ajatellen Tuloksista analysoidaan virheet ja niiden syyt. Tulokset Tuloksena havaittuja ongelmia ja tietoa siitä mikä ongelmat aiheutti Osasovelluksen tulokset yleensä yleistettävissä. Uutta, objektiivista tietoa Eivät synny itsestään Sivu 25 / 30

26 Seurantatieto Palvelinlogit voidaan terästää esimerkiksi evästeillä (cookies) analysointiin monia ohjelmistoja, Esimerkiksi Click Tracks Analyser ( Tilastointiohjelmistot kehitetty Internet-palveluiden seuraamiseen, esimerkiksi RedSheriff ( Kyselyt (survey-tyyppiset) omassa pop-up-ikkunassaan tai linkkinä uutiskirjeessä monia toimittajia ja ohjelmistoja Haastattelut Puhelinhaastatteluna tai paikan päällä Sivu 26 / 30

27 Sivu 27 / 30

28 Kehitystavoitteet Uudelle sivustolle tarvitaan selkeät tavoitteet korjata vanhan ongelmia, jotka on tunnistettu ja analysoitu parantaa työn miellyttävyyttä ja toiminnan laatua selkeyttää brändiä ja tuotteiden tilaamista Selkeä tavoite? Tehostetaan avainprosessien käyttäjälähtöisyyttä 3 tärkeintä: Sisällön on löydyttävä nopeasti, sisällön on löydyttävä nopeasti, sisällön on löydyttävä nopeasti. Tavoitteiden muuttaminen kesken projektia tuntuu houkuttelevalta, mutta on järkevää vain projektien välillä Mittarit tavoitteen mukaan Sivu 28 / 30

29 Palvelut osana tuotekehitystä Sivu 29 / 30

30 Iteratiivinen suunnittelutapa Tutkitaan käyttäjien tarpeet Tehdään suunnitelma Toteutetaan prototyyppi Arvioidaan toiminnallisuus jollain tavalla Julkistus Seurataan toimintaa Ylläpidetään sivustoa 3-5 vuotta Intressiryhmät tulee ottaa mukaan joka vaiheessa Sivu 30 / 30

31 Research expertise Adage Oy Adage Oy, Hämeentie 153 C, FIN Helsinki, Finland tel , fax ,