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



Samankaltaiset tiedostot
Kuvat Web-sivuilla. Keskitie:

Animaatio Web-sivuilla

URL-osoitteiden suunnittelu

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

Linkkitekstit. Kaikkein vanhin WWW-suunnitteluohje:

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:

Käytettävyys verkko-opetuksessa Jussi Mantere

Käyttöliittymä ja tuotantokäsikirjoitus. Heini Puuska

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

Saavutettavuus > Tapio Haanperä Saavutettavuusasiantuntija tel

Aikakauslehtien mainonta 2009

Verkkokirjoittaminen. Anna Perttilä Tarja Chydenius

T Johdatus käyttäjäkeskeiseen tuotekehitykseen. suunnitteluprosessissa. Käyttäjän huomiointi. Iteroitu versio paljon kirjoitusvirheitä

Käyttäjäkeskeinen suunnittelu

SEPA päiväkirja. Dokumentti: SEPA_diary_EM_PV.doc Päiväys: Projekti : AgileElephant Versio: V0.9

Tämä opas on luotu verkkosivujen omistajille, verkkosivujen hankkimista

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

Käytettävyys - laatukortti 0.5

Käytettävyyslaatumallin rakentaminen verkkosivustolle

Nimi: Opnro: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä. 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla:

VERKKOKIRJOITTAMINEN.

FyKe-Mopin opettajanohje

Verkkokaupan ohje. Alkutieto. Scanlase verkkokauppa. Sisäänkirjautuminen

Miksi tarvitsemme verkkokirjoittamisen taitoa?

Alkuraportti. LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS CT10A Kandidaatintyö ja seminaari

Saksan sanastopainotteinen kurssi. Helsingin yliopiston kielikeskus, syksy 2007, Seppo Sainio

SALITE.fi -Verkon pääkäyttäjän ohje

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

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

Yhteydensaantiongelmien ja muiden ongelmien ratkaisuita

Sopimusten ja tärkeiden asiakirjojen arkistointi vaivattomasti palveluna

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

AS Automaatiotekniikan seminaarikurssi. Kevät 2008

Unifaun OnlinePrinter

Sosiaalinen Media organisaation kommunikoinnissa. Jukka Ruponen, IT Arkkitehti, Innovaattori

1 www-sivujen teko opetuksessa

Iso kysymys: Miten saan uusia asiakkaita ja kasvatan myyntiä internetin avulla? Jari Juslén

Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen. Jouni Nevalainen

ividays BLOG Design Elina / Tomi / Timo / Otso /

3. Ryhdy kirjoittamaan ja anna kaiken tulla paperille. Vääriä vastauksia ei ole.

Seminaari Hämmennys ja huippuhetki tuottaako museokokemus hyvinvointia? Turku.

1510 Ihminen ja tietoliikennetekniikka

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta Voit vaihtaa kielen valikosta.

TUTKIMUKSEN LÄHTÖKOHTIA, TOTEUTUS ja HYÖDYT Kalle Saastamoinen Lappeenrannan Teknillinen Yliopisto LTY 2003

Kandidaatintyön aiheita

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

Ohjelmiston testaus ja laatu. Testaus käytettävyys

Sosiaalinen media markkinointivälineenä

Blogger-blogin käyttöönotto ja perusasiat Bloggerista & bloggauksesta

Verkkosivut perinteisesti. Tanja Välisalo

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

B U S I N E S S O U L U

NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun

Tervetuloa opiskelemaan DIGITAALI- TEKNIIKKAA! Digitaalitekniikan matematiikka Luku 0 Sivu 1 (9)

Käytettävyyslaatumallin rakentaminen web-sivustolle. Oulun yliopisto tietojenkäsittelytieteiden laitos pro gradu -suunnitelma Timo Laapotti 28.9.

Kaveripiiri.fi - Selkokielen käyttäjien tapaamispaikka internetissä

Suomen virtuaaliammattikorkeakoulu VPN peli > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Yhteisöllinen mallintaminen ja hajautetut mallit Ari Jolma Aalto-yliopisto. Mallinnusseminaari 2011 Lahti. Ari Jolma 1

Yrityksesi verkossa: Miksi ja miten. Mikael Alatalo, palvelutuotantojohtaja, Fonecta

SUBSTANTIIVIT 1/6. juttu. joukkue. vaali. kaupunki. syy. alku. kokous. asukas. tapaus. kysymys. lapsi. kauppa. pankki. miljoona. keskiviikko.

Savalanche käyttöohje

Maaseutu.fi uudistuu - tule mukaan! Riika Isola ja Hanna Lilja

VÄHITTÄISKAUPPOJEN PARHAAT KÄYTÄNNÖT MAAILMALTA

Vaikuttajamarkkinoinnin. tutkimus. Huhtikuu 2017

Käytettävyys ja käyttäjätutkimus. Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

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

Suomen Virtuaaliammattikorkeakoulu Kasvinsuojelu ruiskutustekniikka v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Tuotteet ja palvelut Ari Hartikainen. Copyright Hartikaari Oy,

Wood Valley Suomen puulaakso. Aki Saarinen

Internetmarkkinointi ja sen SEURANTA!!!

SIVUSTON SUUNNITTELU. Informaatiorakenne ja navigointi

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

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

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

VirtaaliAMK Virtuaalihotelli > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Markkinointi sosiaalisessa mediassa

VisualStudio Pikaopas, osa 1: WEB sivujen suunnittelu

Diakonia ammattikorkeakoulu Päihdetyön historia > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

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

lineitä oppimisen tueksi

Amway Partner Stores. Din online-mulighed fra Amway

VisualStudio Pikaopas, osa 1: WEB-sivujen suunnittelu

Uuden Moodle-kurssin luominen

C-ohjelmointikielen perusteet, osa 1

tervetuloa internetiin:

erasmartcard-kortinlukijaohjelmiston käyttöohje

Yrityksesi verkossa: Miksi ja miten. Aleksi Issakainen, tarjoamapäällikkö, Fonecta

Microsoft Project 2007 KÄYTÖN PERUSTEET. Kari J Keinonen Koulutus

Asio. Ohjelma on selainpohjainen, joten ohjelmaa varten tarvitaan internet-selain. Ohjelmaan pääsee osoitteella

jos haluatte säilyttää ja jatkaa vanhan OneNote-muistion sisällön kanssa.

Aino Kääriäinen yliopistonlehtori Helsingin yliopisto

OSTOPOLKUJA. Päivittäistavarakaupassa. Copyright 33 Company 2015

Project 2010 KJK. Microsoft Project 2010 KÄYTÖN PERUSTEET. Kari J Keinonen KJK. Kari J Keinonen 1

Webkoulutus

PALVELU ON KÄYTETTÄVISSÄ, OLKAA HYVÄ!

MOODLE-KURSSIN LAATIMINEN /OPETTAJAN OHJEET

TiiaKonttinen.fi Kaikki oikeudet pidätetään 2017 Tätä opasta ei saa jakaa, luovuttaa, myydä, kopioida tai julkaista ilman tekijän lupaa.

Pelastakaa sosiaalinen media markkinoinnilta!

Transkriptio:

WWW-suunnittelu

Webissä tärkeintä on käytettävyys. Tämä tarkoittaa yksinkertaisesti sitä, että jos käyttäjä ei löydä jotakin tuotetta, hän ei myöskään osta sitä. Webissä asiakas on kuningas, hiiri aseenaan hän päättää kaikesta. Jos palvelu ei tyydytä, asiakkaan on helppo mennä muualle, koska myös kaikki kilpailijat ovat vain hiiren liikautuksen päässä. - Jakob Nielsen

Miksi käytettävyys on tärkeää Webin käyttäjät ovat huomattavan kärsimättömiä. Jos käyttäjä ei opi käyttämään sivustoa yhdessä minuutissa, hän toteaa sivuston vain haaskaavan aikaansa ja lähtee pois. Perinteisten tuotteiden ja ohjelmistojen käyttäjä tutustuu tuotteen käytettävyyteen vasta kun hän on ostanut tuotteen. Webissä asiakas joutuu heti tekimisiin palvelun käytettävyyden kanssa ja tekee ostopäätöksensä vasta sen jälkeen. Jakob Nielsen: WWW-suunnittelu

Käytettävyydeltään huono sivusto on kuin kerrostalon 17. kerroksessa sijaitseva kauppa, joka on avoinna vain keskiviikkoisin klo 15-16 ja jonka henkilökunta vain jurottaa eikä sano asiakkaille mitään. Jakob Nielsen: WWW-suunnittelu

Taide vastaan tekniikka Nielsen: mielestäni www-projektien pitäisi lähteä liikkeelle siitä, miten tehdä asiakkaalle hyödyllisimmän toiminnot mahdollisimman helpoiksi. Kuitenkin myös inspiraatio ja luovuus ovat tärkeä osa suunnitteluprosessia.

Webin teknologia muuttuu jatkuvasti, mutta käytettävyyden perusteet ovat pysyvämpiä. Alan tutkimuksia on tehty jo 1960- luvulta lähtien.

Miksi kaikki suunnittelevat sivustoja väärin Suuren mittaluokan virheitä tehdään www-suunnittelun kaikilla tasoilla: - Yrityksen toimintamalli: Webiä pidetään usein eräänlaisena postimyyntiluettelona kuin perustavaa laatua olevana muutoksena, joka muuttaa tavan jolla maailma käy kauppaa verkkotaloudessa. Jakob Nielsen: WWW-suunnittelu

Miksi kaikki suunnittelevat sivustoja väärin - Projektinhallinta: www-projektia johdetaan ikään kuin se olisi vain yksi yrityksen projekti. Tällöin sivustosta tulee yrityksen, ei käyttäjän tarpeisiin suunniteltu, ja käyttöliittymästä tulee epäyhtenäinen. Sivuston suunnittelua tulisi kuitenkin hallita ikään kuin yhtenä käyttöliittymäprojektina. - Informaatioarkkitehtuuri: Sivuston rakenne heijastaa yrityksen rakennetta, kun sen pitäisi keskittyä käyttäjien palvelemiseen ja heijastaa heidän tapaansa käsitellä informaatioavaruutta. Jakob Nielsen: WWW-suunnittelu

Miksi kaikki suunnittelevat sivustoja väärin - Sivujen suunnittelu: Sivut suunnitellaan usein siten, että ne näyttävät hyviltä ja herättävät yleistä hyväksyntää, kun niitä esitellään yrityksen sisällä. Tällaiset esitykset eivät kuitenkaan kärsi tiedonsiirtoviiveestä, joka on suurin yksittäinen tekijä Webin käytettävyyttä määriteltäessä; myöskään uuden käyttäjän navigointivaikeudet eivät käy ilmi tällaisesta demosta. Suunnittelussa tulisikin keskittyä käyttäjän palvelemiseen silläkin uhalla, että demoista tulee vähemmän näyttäviä. Jakob Nielsen: WWW-suunnittelu

Miksi kaikki suunnittelevat sivustoja väärin - Sisällöntuotanto: Kirjoitetaan aivan samalla tavalla kuin ennenkin. Sisällöntuottajien pitää opetella kirjoittamaan uudella tavalla, jossa otetaan huomioon se, että verkossa lukijat usein silmäilevät tekstiä, ja informaatio pitää esittää hyvin pienissä erissä siten, että toissijainen tieto esitetään toisella sivulla. Jakob Nielsen: WWW-suunnittelu

Miksi kaikki suunnittelevat sivustoja väärin - Linkkien rakentaminen: Keskitytään vain omaa sivustoon, eikä sivustossa ole linkkejä muihin sivustoihin tai sopivia aloituskohtia, joihin muut sivustot voidaan linkittää. Monet yritykset eivät edes annan oikeaa linkkiä käyttäessään sivustoaan ilmoittelussaan. On syytä muistaa, että hyperteksti on Webin perusta ja että yksikään sivusto ei ole erillinen saareke. Jakob Nielsen: WWW-suunnittelu

Kurssin kohdealue - Mitä tällä kurssilla ei käsitellä: HTML-kieltä tai ikonien piirtämistä tai muutakaan www-sovellusten tekniikkaa. - Tällä kurssilla kerrotaan mitä sivustolle pitäisi tehdä ja HTML-kurssilla kerrotaan miten suunnitelma saadaan toteutettua valmiiksi sivustoksi.

Sivujen olemassaolon tarkoitus Web-sivuja luokitellaan monin eri tavoin. Olennaisin kysymys on mikä on sivun ilmeinen tarkoitus. Kirjassa Web-suunnittelu (Korpinen & al.) annetaan seuraava luottelo erilaisista sivun tyypeistä: - itseilmaisu: sivun tekijä haluaa kertoa itsestään - asioiden listaaminen: sivu luettelee tosiasioita, faktoja - selittäminen: sivu selostaa jonkin asian, ikään kuin esite, oppikirjan luku tai aikakauslehtijuttu - mielipidekirjoitus: sivu yrittää vaikutaa lukija näkemyksiin

Sivujen olemassaolon tarkoitus - uutisointi: kerrotaan ajankohtaisita tapahtumista samaan tapaan kuin sanomalehdissä - mainonta: sivu yrittää myydä jotakin tuotetta tai palvelua - viihdyttäminen: sivulla on ajanvietettä, esimerkiksi peli tai pilapiirros - hakemisto: sivun kautta voi suunnistaa muille sivuille