Käyttöliittymien perusteet

Samankaltaiset tiedostot
Käyttäjän opastaminen. Käyttäjän opastus

Lomakkeiden suunnittelu. Aiheina

Lomakkeiden suunnittelu. Aiheina

Vertaispalaute. Vertaispalaute, /9

VisualStudio Pikaopas, osa 1: WEB sivujen suunnittelu

Lomakkeiden suunnittelu. Aiheina

Yhteenveto. Aiheita lopuksi

Heuristisen arvioinnin muistilista - lyhyt versio

You can check above like this: Start->Control Panel->Programs->find if Microsoft Lync or Microsoft Lync Attendeed is listed

TW- WLAN ac SOVITTIMEN ASENNUSOHJE

Ryhmäläisten nimet:

BDD (behavior-driven development) suunnittelumenetelmän käyttö open source projektissa, case: SpecFlow/.NET.

HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04

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

On instrument costs in decentralized macroeconomic decision making (Helsingin Kauppakorkeakoulun julkaisuja ; D-31)

IHTE-1100 Kaper s2007 Luento 5: Moodillisuus, Luonnollinen kieli, Käyttöohje

Uusi Ajatus Löytyy Luonnosta 4 (käsikirja) (Finnish Edition)

On instrument costs in decentralized macroeconomic decision making (Helsingin Kauppakorkeakoulun julkaisuja ; D-31)

HELIA 1 (17) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu

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

Ryhmäläisten nimet:

Visma Fivaldi. Ohjeet Java web startin ja HTML5-työkalun aktivointiin

FinFamily Installation and importing data ( ) FinFamily Asennus / Installation

OFFICE 365 OPISKELIJOILLE

Lab SBS3.FARM_Hyper-V - Navigating a SharePoint site

VisualStudio Pikaopas, osa 1: WEB-sivujen suunnittelu

Ohjelmistojen eta ka ytto

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

Travel Getting Around

LANSEERAUS LÄHESTYY AIKATAULU OMINAISUUDET. Sähköinen jäsenkortti. Yksinkertainen tapa lähettää viestejä jäsenille

ANVIA ONLINE BACKUP ASENNUSOPAS 1(7) ANVIA ONLINE BACKUP ASENNUSOPAS 1.0

WITNESS SUPPORT THE FINNISH EXPERIENCE

Windows Phone. Module Descriptions. Opiframe Oy puh Espoo

Visma Nova Pro ja Visma Nova C/S Pro Suomen Asiakastieto. Käyttäjän käsikirja

Capacity Utilization

Send-It ilmoittautumisjärjestelmä (judotapahtumat Suomessa)

Norton AntiVirus Online -käyttöopas

TAMK Ohjelmistotekniikka G Graafisten käyttöliittymien ohjelmointi Herkko Noponen Osmo Someroja. Harjoitustehtävä 2: Karttasovellus Kartta

Nero 7:n Windows Vista TM -tuki

Wordfast Classic 5.5 Asentaminen 1 (10)

Javan asennus ja ohjeita ongelmatilanteisiin

S SÄHKÖTEKNIIKKA JA ELEKTRONIIKKA

MixW ja Dx-vihjeet (ohje) oh3htu

ASCII-taidetta. Intro: Python

JUJUPRIX Kalle Tuominen & Timo Mäkeläinen Markkinointiviestinnän suunnittelutoimisto Mainio Oy. kalle@mainiota.fi timo.makelainen@mainiota.

Fiscal INFO TV -ohjelmisto koostuu kolmesta yksittäisestä ohjelmasta, Fiscal Media Player, Fiscal Media Manager ja Fiscal Media Server.

Microsoft Lync 2010 Attendee

Secure hubiin kirjautuminen

Verkkopalveluiden saavutettavuus

Lab A1.FARM_Hyper-V.v3

iphone ja ipad

Ihminen keinotodellisuudessa. Aiheena

Ohjeita F-Secure Internet Security 2013 ohjelman aiheuttamiin virheilmoituksiin

Service Fusion -konsepti

Network Video Recorder. Pika-asennusohje

ECVETin soveltuvuus suomalaisiin tutkinnon perusteisiin. Case:Yrittäjyyskurssi matkailualan opiskelijoille englantilaisen opettajan toteuttamana

Ennen kuin aloitat lataamisen tarkista järjestelmävaatimukset:

SQL Server 2008 asennus

Arkkitehtuuritietoisku. eli mitä aina olet halunnut tietää arkkitehtuureista, muttet ole uskaltanut kysyä

Miten saan käytännössä kaupan käyntiin halutussa. maassa? & Case Intia

Office ohjelmiston asennusohje

Xerox Device Agent, XDA-Lite. Pika-asennusopas

Written by Administrator Monday, 05 September :14 - Last Updated Thursday, 23 February :36

S SÄHKÖTEKNIIKKA JA ELEKTRONIIKKA

Tulevaisuuden päätelaitteet

Comet pysäköintimittarin asennus ja kytkeminen tietokoneeseesi (Windows XP) USB-kaapelilla.

Tikon Web-sovellukset

TIETEEN PÄIVÄT OULUSSA

Testaaminen ohjelmiston kehitysprosessin aikana

Esrin itseopiskelukurssit: käyttäjien hallinnointi

WINDOWS 10 -kurssi.

HOITAJAN ROOLI TEKNOLOGIAVÄLITTEISESSÄ POTILASOHJAUKSESSA VÄITÖSKIRJATUTKIJA JENNI HUHTASALO

Microsoft Dynamics CRM 4.0. Jani Liukkonen

Heuristinen arviointi

VÄRE premises Sari Dhima

MP3 Manager Software for Sony Network Walkman

Sähköposti ja uutisryhmät

Pika-asennusohjeet Suomeksi

Operatioanalyysi 2011, Harjoitus 4, viikko 40

Nopean asennuksen ohje

Web Services tietokantaohjelmoinnin perusteet

Salasanan vaihto uuteen / How to change password

Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin

Vakuutusmeklarin ja Finanssivalvonnan välinen suojattu sähköpostiyhteys

Heuristinen arviointi. Laskari 7

Outlook ja Yritysportaali Androidille

On instrument costs in decentralized macroeconomic decision making (Helsingin Kauppakorkeakoulun julkaisuja ; D-31)

Tieto- ja viestintätekniikka. Internetistä toimiva työväline, 1 ov (YV10TV2) (HUOM! Ei datanomeille)

Projektiraportti. SPT2014 Selvitysprojekti projektihallinnan työkaluista. Versio 1.0. apj2014 Projektiraportti 1 (9)

Coolselector Asennusohje

UBUNTU 8.04 LTS ASENNUS

Visuaalinen opas. Xerox CX -tulostuspalvelin Perustuu Creo Color Server -teknologiaan Xerox Color 550/560 -tulostinta varten A-FI

Paikkatietorajapinnat IT arkkitehtuurin näkökulmasta

Miksi Suomi on Suomi (Finnish Edition)

Index. ääniopas 163 Äänioppaan painike 139

Suomenkielinen versio. Johdanto. Laitteiston asennus. PU011 Sweex 1-portin rinnakkainen PCI Express -kortti

NUUO ETÄOHJELMA PIKAOPAS. Maahantuoja Dasys Oy Kaivolahdenkatu HELSINKI helpdesk@dasys.fi

Esrin itseopiskelukurssit: käyttäjien hallinnointi

1 KÄYNNISTÄ MD-3100 USB ADSL MODEM. Tuotetiedot

Lahden kaupunginkirjasto ASIAKASKOULUTUKSET

Transkriptio:

Käyttäjän opastus Opastus on osaksi toteutettu hypertekstinä Käyttäjän opastaminen Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto Opastuksen suunnittelu välttämätön paha? If the system is poorly designed, documentation will fix it; if the documentation is poorly designed, training will fix it; if the training is poorly designed, help desk will fix it; and so on common phrase. [Mehlenbacher, 2003] 1 2 Opastustarve muuttuu Tavoite: opastaminen tarpeettomaksi Aiemmin oletuksena Käyttäjät asiantuntijoita Opastus tapahtui kouluttamalla ohjelmiston käyttöön Nyt Käyttäjät aloittelijoita, satunnaiskäyttäjiä, itseoppineita, jonkin muun järjestelmän käyttäjiä, jne. Yrityksille kävisi kaikkien työntekijöiden koulutus kalliiksi Ratkaisu: itseopiskelu...? Hyvä suunnittelu tukee käyttäjää tehtävässään Looginen sisällön rakenne Luonnollinen vuorovaikutus Hyvä visuaalinen suunnittelu Käyttäjälle voidaan antaa vihjeitä eri toimintojen käyttötavasta Oikeanlainen kontrolli ohjaa toimimaan oikein Esimerkiksi alasvetovalikon kontrollin pieni nuoli on luonnollinen vihje.. ja tarvittaessa lisää opastusta toiminnon käytön aikana 3 Microsoft User Experience Interaction Guidelines 4 Erilaista opastusta tarvitaan ERILAISET OPASTUSTARPEET Media Paperi / sähköinen Sähköinen Opettelun aikana opastava käsikirja (tutorial manual) Getting started opastajajärjestelmä (tutoring system) Guided tour Käyttötilanne Käytön aikana hakuteoksen tyyppinen käsikirja (reference manual) ohjelman käytönaikaiset ohjeet (online help) WWW-sovelluksissa ja GUI-sovelluksissa opastustarve on erilainen 5 6 Saila.Ovaska@uta.fi 1

Käyttäjien kysymyksiä Erilaista opastusta tarjolla Millaisia kysymyksiä käyttäjät haluaisivat esittää? Tavoitesuuntautunut: Mitä tällä ohjelmalla voi tehdä? Kuvaileva: Mikä tämä on? Mitä se tekee? Toiminnollinen: Miten tämä tehdään? Tulkitseva: Miksi kävi näin? Mitä se merkitsee? Sijaintiin liittyvä: Missä olen? Kokeneilla ja kokemattomilla käyttäjillä ei oleellista eroa Kokeneet hakevat enemmän yksittäisiä faktoja Kokemattomat hakevat enemmän kokonaisia toimintasarjoja Aina käyttäjät eivät osaa edes kysyä Mikä on? Vastaus tekstinä (hypertekstinä) Käyttäjän tulee osata käsitteistö Synonyymit? Unix: man, apropos Windows: Help Index Miten minä teen? Toimintoihin liittyvä opastus Ratkaisun vaiheet kuvattu Käytössä muutkin mediat kuin teksti Windows: Help Contents Mikä ero on...? 7 8 Microsoft Windows XP & 2000 User Assistance Roadmap Verkkosovelluksissa opastuksen tarve erilainen Opastustyyppi Mikä tämä on? Ohje -painike Tilarivin viestit Työkaluvinkit Toiminnallinen ohjeistus Käsitteellinen ohjeistus Ohjatut toiminnot Läpikäynnit Tutoriaalit Englanniksi What s this? Help button Status bar message Tooltip Procedural help Conceptual help Wizard Tour Tutorial Erilaisia tilannekohtaisia ohjeita, tavoite: auttaa tässä tehtävässä Yleistermi: How to Yleistermi: Why, What Tavoite: auttaa tekemään Tavoite: esittely Tavoite: opettaminen Liikaa tietoa ja rautalankaa verkkosivulla haittaa luettavuutta Kontekstiin liittyvät tiedot ja käsitteet ovat silti tärkeitä Ymmärtää, mitä tarkoittaa varaus, PIN tai osasto Tilauksen tekovaiheet ja laskutusperusteet yms. e-kaupassa Toiminnallisuuden selittäminen ei ole niinkään tärkeää How to ohjeet usein triviaaleja Paina OK lähettääksesi lomakkeen Tämän pitäisi olla käyttöliittymässä itsestään selvää! Opastus tai Ohjeet eivät ole houkuttavia linkkiniminä, vaan tulisi tarjota selvästi aiheeseen liittyvää tietoa, kuten Mistä hinta muodostuu? Lisäluettavaa: A Usability Test of Web-based User Assistance http://www.winwriters.com/usability_test_analysis.htm Lähde: [Windows XP User Experience] 9 10 Esimerkki: Apple Guide ESIMERKKEJÄ 11 Lähde: http://developer.apple.com/documentation/mac/appleguide/appleguide-2.html 12 Saila.Ovaska@uta.fi 2

Nyttemmin: Apple Help Viewer Microsoft Windows HTML Help Viewer HTML-muotoisten opastustekstien selailuun tarkoitettu Help Viewer toiminnallista ohjeistusta, how to Apple Help Programming Guide https://developer.apple.com/library/mac/documentation/carbon/conceptual/providinguserassitapplehelp/providinguserassitapplehelp.pdf 13 14 MS Office Help Vihjeitä käyttäjälle UNIX "DID YOU KNOW" (DYK) >DYK Did you know that there is an easier way to clear the clipboard? >DYK Did you know you could have four windows open at once? Toiminnallista ohjeistusta, how to 15 16 Työkaluvinkit ja Super Tooltips: Office 2007 SPSS-opastusta Työkaluvinkissä tietoa, mitä toiminnolla voi tehdä, myös esimerkki Lisäksi yhteys varsinaiseen opastukseen (F1) http://blogs.msdn.com/jensenh/archive/2005/12/02/499371.aspx UXGuide 17 SPSS:n kysyvä alkuopastus: auttaa pääsemään alkuun ohjelman käynnistyttyä Vrt. wizard 18 Saila.Ovaska@uta.fi 3

SPSS-opastusta Toiminnallista ohjeistusta ( how-to ) sekä sisältöön että SPSSkäyttöliittymään, myös Show me AGENTTIHAHMOJA OPASTAJINA 19 20 Microsoft Bob ja Rover (1995) Microsoft Office Assistant Microsoft Bob (1995) helpompi Windows 3.1 käyttöliittymä Featuring: Rover http://www.youtube.com/watch?v=zegwedg-jk4 Vrt. XP:n Search (2005) ja Office Assistants 21 22 Microsoft Office 2000 Assistant Microsoft Agents hahmo kelluu sovellusten päällä (ei enää oma ikkuna) seuraa käyttäjän toimia ja avustaa antaa vinkkejä MS Agent agenttirajapinta mukana Office 2000 asennuksessa, valmiina Merlin Office XP 2002: Clippy ei enää tärkeä osa tilalle muita opastustapoja Windows 7 UXGuide, s. 677 23 24 Saila.Ovaska@uta.fi 4

Windows XP Help and Support Center Auttaako animoitu opastus? Koeasetelma: HyperCard-opiskelua Kolme eri opastusmenetelmää Perinteinen käsikirja Animaatiota käyttävä opastajajärjestelmä Animaatiota käyttävä opastajajärjestelmä, johon lisätty tekstimuotoinen opastus käyttäen synteettistä puhetta Kaksi tutkimusajankohtaa Välittömästi harjoitusjakson jälkeen Viikkoa myöhemmin Tehtävät identtisiä tai samantapaisia opastuksen aikana käsiteltyjen tehtävien kanssa 25 26 Tuloksia Teksti Animaatio Animaatio ja puhe Aika (s) Virheettömyys 80 60 40 20 0 heti viikon jälkeen 0.9 0.8 0 heti viikon jälkeen OPASTUKSEN SUUNNITTELU Lähde: Susan Palmiter and Jay Elkerton, An evaluation of animated demonstrations for learning computer-based tasks. CHI'91, 257-263. 27 28 Opastuksen suunnittelu Tavoitteena minimaalinen opastus Opasta vain sen verran, että käyttäjä pääsee tekemään tehtäviään! Learning-by-doing Ei learn-by-reading-the-manual Joskus myös apupyörä-lähestymistapa Rajoitetaan ohjelman toiminnallisuutta kunnes käyttäjä on riittävän kokenut Järjestelmän suunnittelussa pitää ottaa huomioon, että käyttäjä tekee opetellessaan virheitä Vähennä virheiden pelottavuutta Tarjoa helppo tapa korjata virheet Nielsen 10. heuristiikka: Opastus ja dokumentaatio Vaikka on parempi, jos järjestelmää pystyy käyttämään ilman ohjekirjoja, saattaa olla välttämätöntä tarjota käyttäjille ohjeita. Tiedon tulee olla helposti haettavissa ohjeista. Opastuksen sisällön tulee keskittyä käyttäjän tehtäviin, luetella konkreettiset askeleet, joita seurata, eikä opastus saa olla liian pitkä. 29 30 Saila.Ovaska@uta.fi 5

Ohjeiden tulisi olla Opastuksen suunnittelun ohjeita saatavilla käyttöön tarvittaessa niin, ettei niiden esille otto estä tehtävän tekemistä esitystavaltaan käyttäjää houkuttavia, ei luotaantyöntäviä johdonmukaisia ja yhteneväisiä muun ohjelman sisällön, muodon ja esitystavan kanssa virheettömiä ja laadukkaita joustavia ja tehokkaita: on oltava mahdollista perehtyä vain siihen osaan, jota tarvitaan tehtävän ratkaisussa Kontekstisensitiiviset ohjeet työkaluvinkeissä suoraan esille Olennaiseen muualla olevaan ohjeeseen tarjolle suora linkitys oikeaan kohtaan Opasteet esitetään usein omassa ikkunassaan Onko mahdollista käyttää sovellusta samaan aikaan? Opasteiden vaatima tila näytöltä? Jos toteutettu moodina Tilan muutos ilmaistava visuaalisesti Paluun perustilaan oltava ilmeinen Opastus sähköisessä muodossa Joka vaiheessa oltava opastusta tarjolla Opastuksen valintamahdollisuus näkyvissä ja johdonmukaisesti sijoitettuna Opastusta myös erikseen pyytämättä (proactive help) esimerkiksi työkaluvinkkien ja ohjelman tilarivin avulla 31 32 Opastuksen suunnittelun ohjeita Käyttäjä katsoo opasteita koska ei ymmärrä ohjelman toimintaa Älä oleta liikaa oikeasta käsitemallista tai terminologian tuntemuksesta 33 Saila.Ovaska@uta.fi 6