Kertausta luennolta 4. Vuorovaikutuksen suunnittelu. IHTE-1100 Kaper s2008 Luento 5: Moodillisuus, Luonnollinen kieli, Käyttöohje

Transkriptio

1 IHTE-1100 Kaper s2008 Luento 5: Moodillisuus, Luonnollinen kieli, Käyttöohje Kertausta luennolta 4 Vuorovaikutuksen suunnittelun perusteet Käsitteelliset mallit & navigointimallit Vuorovaikutuksen suunnittelun lähtökohdat Käyttäjällä on jokin tavoite tai tehtävä - Työhön liittyvä tuottavuustavoite - Vapaa-aikaan liittyvä ajanvietetavoite Suunnittelijan täytyy ymmärtää - Käyttäjän kyvyt ja rajoitteet - Käyttäjän tavoite ja siihen liittyvät tarpeet Vaihtoehtoiset toimintatavat, esim. askeleet, joilla tavoitteeseen päästään - Käyttötilanne (käyttökonteksti) Tämän jälkeen voidaan lähteä suunnittelemaan järjestelmän toiminnallisuutta ja vuorovaikutusta Vuorovaikutuksen suunnittelu Kuinka asia tehtäisiin ilman uutta järjestelmää, on hyvä suunnittelun lähtökohta - Asioiden luonnollinen ja tehokas järjestys - Luonnolliset syötteet ja selkeä palaute - Tuttujen käsitemallien tukeminen Uudella järjestelmällä on tarkoitus tehdä asiat paremmin (tehokkaammin, miellyttävämmin, turvallisemmin) kuin aiemmalla tavalla

2 Vuorovaikutuksen suunnittelu Käyttäjien luonnolliset ja tehokkaat toimintapolut tai - sekvenssit lähtökohtana Käyttöliittymän sanasto tärkeä - muista luonnollinen kieli - Kohderyhmän omat termit voidaan kerätä käyttäjiltä - Yleisesti käytetyt termit - Lyhenteiden välttäminen - Viestit käyttäjän näkökulmasta - Päätä sovelluksen termistö aluksi Ole johdonmukainen suunnittelussa Käsitteellinen suunnittelu Pyritään saamaan suunnittelijan käsitteellinen malli lähelle käyttäjän käsitteellistä mallia Onnistuttaessa saadaan tuote, jonka käyttäminen on helppo oppia Pyritään selvittämään tuotteeseen liittyvät keskeiset käsitteet ja toimintojen kuvaukset, sekä niiden väliset suhteet Käsitteellinen suunnittelu Pohjautuu käyttäjiltä kerättyyn tietoon, esim. haastatteluilla tai tarkkailuilla Käsitteellisen suunnittelun menetelmänä voi olla esim. aivoriihi - Ideoitten kirjaaminen ylös - Ideoitten ryhmittely - Tuloksen visualisointi Monialaisuus suunnittelutiimissä on etu! Käsitteellinen suunnittelu Tarkoitus on kuvata ohjelmiston pääkokonaisuudet ja niiden aliosiot sekä mitä käyttäjän tehtäviä kukin osio palvelee - Liikkumista osioiden välillä kuvataan navigointimallilla Käsitemallin visualisointi voi olla esim. - Käsitekaavio - Puukartta - Mindmap - jne.

3 Käsitemalliesimerkki: Bilelippuautomaatti Navigointimallin suunnittelu Navigointimallissa kuvataan siirtymät erilaisten tilojen välillä - Miten käyttö voi edetä järjestelmän käytön eri kohdissa Rakenne voi olla esim. - Lineaarinen - Hierarkkinen - Verkkomainen Navigointimalli voi olla kuin näyttökartta, jolla visualisoidaan näyttöjen välisiä siirtymiä - Ei silti vielä välttämättä lopullinen näyttöjen rakenne Mitä toimintoja järjestelmässä pitäisi olla? Mitä tietoa käyttäjät tarvitsevat? Miten toiminnot ja käsitteet liittyvät toisiinsa? Navigointimalliesimerkki: Bilelippuautomaatti BILELIPPUAUTOMAATTI* Tapahtumien selailu Tapahtumien haku Kirjautuminen Tapahtuman valinta Tapahtuman tiedot Moodillisuus Lippujen lukumäärän valinta Ohjeiden haku * Tilauksen kuittaus Maksutavan valinta Maksaminen Lippujen / koodin vastaanotto Uloskirjautuminen* * Tänne voi siirtyä mistä vain

4 Moodillisuus Moodi: tuotteen toimintatila Moodillisuus: toiminnallisuuden toteuttaminen käyttöliittymässä erilaisia toimintatiloja hyödyntämällä - Usein toteutettu erillisellä moodinvaihtonäppäimellä Esimerkkejä - Matkapuhelin - Näppäimistössä: shift, insert, capslock, numlock... - Laskin Moodillisuus Piilotettua toiminnallisuutta Useita toimintoja saman komennon (esim. näppäinpainalluksen) takana Laitteessa/järjestelmässä useita toimintatiloja Toiminta riippuvaista tilasta - Käyttäjä siis tekee saman toiminnon, mutta koska ollaan eri tilassa, toiminnon tulos on eri - Sama näppäin/toiminto tulos riippuu tilasta Esimerkki: lento-onnettomuus Airbus A320 onnettomuus Airbusin mittaristoa Samassa näyttöpaneelissa monenlaista tietoa, käytetty moodillisuutta Pudotusnopeus/laskeutumiskulma Moodikytkimiä Nopeuden/kulman valinta

5 Mittariston kehittäminen Mittaristo suunniteltiin moodittomaksi Käytettävyystestaus: - toistettiin onnettomuutta edeltänyt tilanne - moodillinen ja mooditon käyttöliittymä Tulosten analysointi - vanhalla 40% koekäyttäjistä toisti saman virheen kuin lentäjä - moodittomalla käyttöliittymällä ei samaa virhettä Moodillisuuden haitat Moodit kätkevät tietoa - Näkymättömät toiminnot Vallitseva moodi ei aina selvästi havaittavissa - Eräs ratkaisu: jousimoodi, jossa moodi on aktiivinen vain sen ajan, kun esim. painetaan jotain painiketta Moodin valinta voi olla käyttäjälle epäselvää Moodit hidastavat oppimista ja käyttöä Vrt. Normanin periaate: kytkennät - Jokaiselle toiminnolle oma ohjain Vrt. Normanin periaate: käsitteellinen malli - Näkymättömistä toiminnoista käyttäjien on vaikeampaa muodostaa vahvaa käsitteellistä mallia Moodillisuuden hyötyjä Moodien avulla voidaan välttää käyttöliittymän sekavuus (interface clutter) Moodeilla voidaan vaikuttaa turvallisuuteen - Esim. on vaihdettava moodia ennen kuin jotain voidaan tuhota lopullisesti Pienempi koko laitteelle - Riippuu käyttäjistä ja käyttötilanteesta, onko hyöty vai haitta - Joskus tuotteen ja sen käyttöliittymän pieni koko on välttämättömyys Suunnittelussa tulee huomioida, että käyttäjä tarvitsee selkeän palautteen, missä moodissa ollaan Hyvin suunniteltu moodillisuus Moodia vaihtavan toiminnon selkeä esitys - Ohjeistus myös käyttöoppaassa Käyttöliittymän suunnittelussa on huomioitava erityisesti käyttäjän saama palaute Käyttäjän on tiedettävä koko ajan, missä moodissa milloinkin ollaan!

6 Luonnollinen kieli käyttöliittymässä: Periaatteita ja keinoja Luonnollinen kieli käyttöliittymässä Yksinkertainen ja luonnollinen dialogi (ihmis-kone vuorovaikutus) - Terminologia - Navigointimalli Puhu käyttäjän kieltä = käyttäjän omilla käsitteillä Minimoi käyttäjän muistin kuormitusta Tuetaan käyttäjälle tuttuja käsitemalleja Tuetaan mahdollisuuksien mukaan käyttäjän äidinkieltä Hyvät virheilmoitukset Hyvä opastus ja dokumentointi - Käyttöliittymässä ja käyttöohjeessa Yksinkertainen ja luonnollinen dialogi

7 Puhu käyttäjän kieltä Puhu käyttäjän kieltä Odottamaton tyyppi Lokerossa 3 -> Vieras (tai tuntematon) paperikoko Muistin kuormituksen minimointi Tarjoa joka näyttöön apua - Tip strips / tool tips - Esimerkit syöteformaateista

8 Muistin kuormituksen minimointi Tarjoa joka näyttöön apua - Tip strips / tool tips - Esimerkit syöteformaateista Kerro käyttäjän syöte tuloksen yhteydessä Jos käyttäjän syöte on virheellinen, näytä syöte virheilmoituksen yhteydessä Esitäytä tietoja, näytä raja-arvot Laadi tyyliopas pieneenkin sovellukseen Lyhytkestoisen muistin kapasiteetti on 5+/- 2 asiaa Luonnollinen kieli käyttöliittymässä Tuetaan mahdollisuuksien mukaan käyttäjän äidinkieltä Kääntäminen ei riitä!

9 SATAKUNNANSILTA SULJETTU SILTATYÖ

10 Hyvä virheilmoitus Selkeä - käyttäjän kielellä - ei vain koodi Tarkkaa tietoa, ei yleistä - eli ei: Dokumenttia ei voi avata., vaan Dokumenttia z.doc ei voi avata koska sitä ei ole luotu tällä ohjelmalla. - selitä vaihtoehdot Opastaa käyttäjää korjaamaan virheen - sisältää tiedon virheen aiheuttaneesta toiminnosta - opastaa käyttäjää välttämään virheen jatkossa - voi olla opettava Kohtelias, ei syytä käyttäjää - ei saa olla pelottava Todellisia virheilmoituksia

11 Peruskäyttäjän kohtaamaa

12

13 Käyttöohje Käyttöohje Olennainen osa tuotetta Ohjeen laatu osa tuotteen laatua Myös keskeinen turvallisuustekijä Käyttöohjeen laatu Uusi Pilvi WC-raikastin Käyttöohje: Sopii kaikkiin wc-istuimiin, reunaleveydestä riippumatta. Sinun on vain laitettava patentoitu yleisripustin sopivaan lovitukseen. Tensioattivo anioninen ioniton bio-degraatio yli 90%. Nettopaino 25g mekaanisesti määritettynä." Käyttöohje Vähentää - tuotteen vahingoittumisriskiä - toimintahäiriöitä - epätäydellistä toimintaa Opastaa oikeaan, turvalliseen, tehokkaaseen ja miellyttävään käyttöön - vähentää asiakastuen tarvetta Ehkäisee vaaratilanteisiin johtavaa väärinkäyttöä

14 Käyttöohje vaaditaan tuotteilta Tuoteturvallisuuslaki Kuluttajasuojalaki - Markkinointisäännökset - Virhesäännökset Kielilaki - Ohjeet sekä suomeksi että ruotsiksi Käyttöohjetyyppejä Käyttöohjevihot ja kirjat Käyttövideot Käyttöön opastavat multimediaesitykset (esim. tuotteen mukana CD-ROM) Pakkauksessa olevat ohjeet Tuotteessa kiinni olevat varoitukset, pikaohjeet ja symbolit Laitteen käytön yhteydessä näytöllä (tai äänen avulla) tapahtuvat opasteet Suullinen tieto

15 Käyttöohjeen käyttäjät Tarvittaessa useita eri käyttöohjeita - loppukäyttäjille (huomioi eri käyttäjäryhmät) - myyjille - ostajille - asentajille - ylläpitäjille - korjaajille - kuljettajille Käyttöohjeen tarkoitus Käyttöohje ohjaa lukijaa tuotteen käyttöön - turvallisuus - tehokkuus - taloudellisuus - miellyttävyys Hyvä käyttöohje auttaa ymmärtämään tuotteen toimintaperiaatteen Käyttöohjeen ominaisuuksia Laaditaan käyttäjän näkökulmasta - tunnistettava käyttäjäryhmät ja osaamistaso - vrt. huonot virheilmoitukset Vaadittavia ominaisuuksia - yksiselitteisyys ja johdonmukaisuus - ajantasaisuus - rakenteeltaan selkeä - loogisesti etenevä, hyvin jäsennetty - helppotajuinen, ymmärrettävä - käyttäjälle luonnollista kieltä - käyttäjää innostava ja motivoiva Käyttöohje on suunniteltava käyttäjäkeskeisesti! Käyttöohjeen sisältö Tuotteen käyttötarkoitus Tuotteen toiminta Tuotteen käyttö Tuotteen yksilölliset tiedot Ohjeet käyttöönottotoimenpiteistä - kuljetus, asennus, kokoonpano, kytkennät (esim. sähköverkkoon) Pienet huolto- ja puhdistustoimenpiteet Turvallisuusohjeet Ohjeet käytöstäpoistotoimenpiteistä

16 Help Sovellukseen integroitu käyttöohje Help-järjestelmiä: WinHelp, HTML Help, Web Help, Office Assistant, Tool tips... Täydentää tai korvaa painetun manuaalin ohjeistusta Tekniset mahdollisuudet ja rajoitukset Painettu manuaali vs. Help Painettua tekstiä miellyttävää lukea Manuaalin käyttöliittymä on yleensä tuttu käyttäjälle Manuaalin painatus vie aikaa ja rahaa Päivitysten jakaminen hankalaa Help on kontekstisidonnainen ja ei-lineaarinen Oikea apu oikeaan kohtaan Ohjelmisto ja laitteisto saattaa rajoittaa Helpin toteutusta Hyvä Help Helppo käyttää, ei tarvitse omaa ohjetta Tarvittava tieto löytyy nopeasti ja helposti Kontekstisidonnainen (context-sensitive) Hyvät hakuominaisuudet ja navigointi Sisältö riittävä ja hyvin jäsennetty Kattaa tarvittavat tiedot mutta ei liikaa Käyttäjän kieltä Onnistunut kuvien käyttö Käyttöohjeen suunnittelu Lähtökohtana käyttöohjeen tarve: Miksi käyttöohjetta tarvitaan? - Miksi tuotetta tarvitaan? - Mihin tuotetta käytetään? - Miten tuotetta käytetään? - Missä olosuhteissa tuotetta käytetään? - Keitä ovat tuotteen käyttäjät?

17 Käyttöohjeen käyttäjät Mitä tietoa käyttäjät tarvitsevat? Mitä tietoa käyttäjillä jo on? Minkälaista termistöä käyttäjät ymmärtävät parhaiten? Onko jokin asia tietyille käyttäjäryhmille tarpeetonta tietoa? Käyttöohjeen suunnittelu KÄYTTÄJÄT ammattilainen asiantunteva asiaa tuntematon tavallinen käyttö KÄYTTÖammattikäyttö TARKOITUS yksinkertainen vaativa erikoiskäyttö keskinkertainen monimutkainen TUOTE Ohjeita käytön eri vaiheisiin Kuljetus Pakkauksesta purkaminen Asennus Ensimmäinen käyttö Päivittäinen käyttö - Kunnossapitäminen ja puhdistus - Huolto - Korjaus Säilytys ja hävittäminen Käyttöohjeen suunnittelu Tietojen keräämistä ja päätöksentekoa ohjaa tulosajattelu - Lähdetään liikkeelle lopputuloksesta - Kuka on käyttäjä, mitä hän tietää ja osaa? - Mitä käyttäjä haluaa saavuttaa? - Miten oikea toimenpide tapahtuu? - Mitä käyttäjän pitää tietää, osata ja ymmärtää? - Mikä on tarvittavan ja olemassa olevan tiedon ja osaamisen ero? Miten se kurotaan umpeen?

18 Haasteita kirjoittajan kannalta Käyttäjä ei lue käyttöohjeita ollenkaan Käyttöohje silmäillään - eri osien on toimittava itsenäisesti Projektissa ei pidetä käyttöohjetta tärkeänä - toteuttajayritys - asiakas - muut sidosryhmät Haasteita käyttäjän kannalta Ohje on (osittain) vanhentunut tai puutteellinen Käyttäjä ei löydä etsittyä tietoa Ymmärtämisen ongelmat - Käyttäjä ei ymmärrä mitä käyttöohjeen laatija on tarkoittanut - Käyttäjä ei osaa soveltaa ohjetta käytäntöön Käyttöohjeen suunnittelu Sisältö - mikä on olennaista? - ajantasainen, paikkansapitävä, riittävä Rakenne - hyvin jäsennelty Esitystapa - käyttäjän kannalta ymmärrettävä - tyylivalinta

19 Käyttöohjeen kieli Käytä käyttäjille luonnollista kieltä - sanatasolla - lausetasolla - lausetta laajemmalla tasolla Kääntäminen ei riitä Tekstiä voidaan kopioida suoraan määrittelystä vain, jos määrittelyn ja lopputuotteen kohderyhmä on sama! Käyttöohjeen kieli Puhuttele lukijaa Ole myönteinen, kiellä vain vaaratilanteiden yhteydessä Käytä suoria käskymuotoja (kohteliaasti) Verbit aktiivimuodossa Vältä verbien korvaamista substantiiveilla tarpeettomasti Huomioi tulevat kieliversiot Pyri huomaamattomaan tyyliin: lukijan huomio itse asiaan ei tyylikikkoja Käyttöohjeen kieli Välitä käyttäjälle positiivinen malli tuotteen käsittelystä - käytön oppiminen ei voi perustua ensi sijassa kieltoihin tai negatiiviseen informaatioon - ihminen ymmärtää ja muistaa paremmin myönteisesti esitetyt ohjeet Käytä lyhyitä lauseita Pääasia, käyttäjälle tuttu asia virkkeen alkuun Tavoite-toiminta-palaute - esim. puhelimitse annettavat ohjeet: Junayhteydet Tampere- Helsinki, paina viisi vrt. Paina viisi, jos haluat tietoja junayhteyksistä Tampere-Helsinki. Käyttöohjeen kieli Vältä substantiivien korvaamista pronomineilla - käännä valitsinta vs. käännä sitä Käytä johdonmukaisesti samoja termejä Vältä epämääräisiä tai moniselitteisiä ilmaisuja Kerro käyttäjälle tuotteen antamista signaaleista - Äänet, ilmoitukset, visuaaliset muutokset Mieti tarkkaan puhuttelumuodot (sinuttelu / teitittely)

20 Hyvä käyttöohje sisältää esim. Selkeät väliotsikot Sisällysluettelo Asiahakemisto Vianmääritysosa (troubleshooting) Pikaohje Sanasto-osa (termien selitykset) Symbolien selitykset Kuvitus, kuvasarjat Käyttöohje voi sisältää myös Suosituksia Varoituksia Kieltoja Lisätietoja Käyttöohjeen jäsentäminen Käyttöohje kahdelle tasolle: - Pikaohje - Varsinainen käyttöohje Jäsentämisratkaisuja - Aikajärjestys - Tilaan perustuva järjestys - Tärkeysjärjestys - Tuttuuteen perustuva järjestys Käyttöohjeellakin voi olla juoni Käyttöohjeen jäsentäminen Visuaalinen ilme ja layout tärkeä - luettavuus - tiedon löydettävyys, tiedon ymmärrettävyys - käyttäjän motivointi Keinoja: - taulukoiden, kuvien ja tekstin yhteistyö - tyhjän tilan käyttö - uusi luku uudelta sivulta - avainsanojen korostaminen - havainnolliset ja numeroidut otsikot ja väliotsikot - oikeat kirjasinvalinnat (koko, tyyppi)

21 Käyttöohjeen jäsentäminen Käyttöohjerunko esim. - Nimi - Päiväys ja yksilöinti - Sisällysluettelo - Pikaohje - Varsinainen käyttöohje - Hakemisto Osien toimittava itsenäisesti Käyttöohjeen jäsentäminen Varsinainen käyttöohje - Tuotteen esittely - Käyttötarkoitus - Käyttötapa - Käyttötilanteet - Tuoteseloste - Kuljetus - Pakkauksen purkaminen - Pakkauksen hävittäminen - Käyttökuntoon saattaminen - Ensimmäinen käyttö - Päivittäinen käyttö - Kunnossapito ja puhdistus - Huolto - Korjaus ja varaosat - Takuu - Säilytys ja hävittäminen Käyttöohjeen testaaminen Ennen käyttöönottoa ja jakelua Testissä pitäisi olla mukana todelliseen käyttäjäryhmään kuuluvia henkilöitä - Käyttöohjeen käyttäjäkeskeinen suunnittelu! suunnittelu toteutus testaus Käyttöohjestandardit ISO/IEC 18019: Software and system engineering Guidelines for the design and preparation of user documentation for application software IEEE Std : Standard for Software User Documentation Käyttäjät mukaan jo alkumetreille!

22 Esitehtävä 5: Käyttöohje Tuo harjoituksiin jonkin moodillisuutta sisältävän laitteen tai järjestelmän käyttöohje. Mikäli valitset sähköisen ohjeen, tulosta se tai tuo sen lukemiseen tarvittavat välineet (esim. laitteisto ja ohjelmisto) mukaan harjoituksiin. Kirjoita arviosi käyttöohjeesta käsin paperille. - Mikä on käyttöohjeen kohderyhmä? - Mitä asioita käyttöohjeessa on esitetty hyvin ja miksi? - Miten käyttöohjetta voisi kehittää paremmaksi?