IHTE-1900 Seittiviestintä

Koko: px
Aloita esitys sivulta:

Download "IHTE-1900 Seittiviestintä"

Transkriptio

1 IHTE-1900 Seittiviestintä Seittisivujen käytettävyys Päivän aiheet WWW:n erikoispiirteitä Seittisivujen käytettävyys - Hyvät ja huonot seittisivut (ryhmätyön tulokset) - Miten suunnitella hyvät sivut? - Yleisimmät virheet - Kohderyhmien huomioiminen 1

2 WWW:n erikoispiirteitä: toteutus Julkinen ja avoin järjestelmä - Alunperin ei suunniteltu kaiken kansan käyttöön Standardit ja niiden puute Nopea kehitys ja kasvu Vasteajat vaihtelevat WWW:n erikoispiirteitä: rakenne Käyttäjän sijainnilla ei ole merkitystä Sisällön ei tarvitse olla lineaarista Toiminta voi olla pienimuotoista ja halpaa Fyysisen maailman rajoituksista vapaa Palvelurajat hämäriä Linkkejä voi teoriassa olla ääretön määrä Sivustolla on helppo jakaa materiaalia 2

3 WWW:n erikoispiirteitä: sisältö Tietoa valtavasti Palvelut voivat olla yksilöllisiä Tiedon etsiminen haastavaa Sisällön merkitys korostuu Kaikki tieto ei ole luotettavaa Palvelut voivat olla anonyymejä Palvelut toimivat asiakkaan ehdoilla WWW:n erikoispiirteitä: käyttäjät Kielierot Kulttuurierot Heterogeeninen käyttäjäryhmä Tavoitteet Tekninen osaamistaso WWW:n käyttökokemus 3

4 WWW:n erikoispiirteitä Koska ei tiedetä tarkkaa käyttöliittymää ja ulkoasua, on keskityttävä - sisältöön: mitä esitellään ja miten, kenelle - rakenteeseen: kuinka esitetään, missä esitetään - ylläpitoon: vanhentunut tieto pois sivuilta - virheettömyyteen: kirjoitusvirheet, asiavirheet - esteettömyyteen: tieto kaikkien saataville Käyttäminen vs. tyytyväisyys Sivuston kävijämäärät eivät välttämättä kerro mitään sivuston käytettävyydestä ja kävijöiden tyytyväisyydestä palveluun - verkkopankki - ilmoittautumislomakkeet - uutissivustot 4

5 Verkkobrandien arvostus Suomessa tutkimus Eniten käytettyihin WWW-palveluihin ei välttämättä olla tyytyväisiä www-palveluiden tärkeimmät ominaisuudet ovat - Sisältö - Ajantasaisuus - Tekninen toimivuus Toimihenkilöt ja johtotason henkilöt korostavat tietojen ajantasaisuutta Nuoret ja opiskelijat arvostavat muita vastaajia enemmän www-palvelun ulkonäköä. Lähde: Taloustutkimus KOTIUTA käyttäjä sivuille Korkeatasoinen sisältö Oikea-aikaiset päivitykset Todella lyhyt latausaika Intuitiivinen käyttöliittymä Uniikisti verkkoa hyödyntävä Tarpeita vastaava sisältö Asenteet verkkomyönteisiksi 5

6 Nielsenin suunnitteluohjeet käyttäjälle ei kannata kertoa sivuston puutteista julkaise sivut vasta kun ne ovat julkaisukelpoisia tulevaisuudensuunnitelmista voi kertoa, mutta tärkeintä käyttäjälle on mitä sivustolla voi tehdä tällä hetkellä - anna tulevaisuudesta lupauksia, jotka myös pidät Kaikki verkkosivut ovat aina keskeneräisiä! Nielsen: rakenna sivusto huolella Erota sisältö ja esitystapa - käytä semanttista koodausta - käytä tyylitiedostoja (CSS, Cascading Style Sheet) tarvittaessa Pääosassa sisältö eli se informaatio, joka oletettavasti sai käyttäjän sivustolla käymään Nyrkkisääntö: yksinkertainen on monimutkaista parempi vaihtoehto - poista jokainen elementti yksi kerrallaan - mikäli tuote toimii ilman elementtiä, se voidaan poistaa 6

7 Nielsen: rakenna sivusto huolella Uskottavuus - sivuston voi perustaa kuka tahansa - luotettavuutta parantaa sivun hyvä suunnittelu ja siisti ulkoasu Jokaisella sivulla oltava oma nimi - sivuhistorian käyttö - hakukoneet Nielsen: pääsivu on tärkeä Sivuston tärkein sivu Tehtävänä - kertoa käyttäjälle sivuston tarkoitus - tarjota reittejä muualle sivustoon linkit Hakutoiminnot 7

8 Nielsen: pääsivu on tärkeä Paras sisältö riippuu aina sivuston tarkoituksesta ja kohderyhmästä Erilliset käynnistyskuvat ja tervetuloa -sivut animaatioineen useimmiten turhia - perusteltuja lähinnä jos kävijöitä tulee varoittaa jotenkin sivujen sisällöstä (esim. ei sovi lapsille tai herkille ihmisille) Seittisivujen lukeminen Näytöltä lukeminen 25% hitaampaa kuin paperilta lukeminen Miten käyttäjät lukevat seittisivuja? Nielsen: eivät mitenkään. - käyttäjät selaavat ja silmäilevät sivuja - John Morkesin & Nielsenin tutkimus % käyttäjistä vilkaisee sivuja (scan) vain 16% lukee sanasta sanaan 8

9 Esimerkki: Näytöltä lukeminen Nielsenin & Morkenin tutkimus Viisi eri versiota seittisivuista - alkuperäinen teksti - lyhennetty teksti - silmäiltävä teksti - objektiivinen teksti - yhdistetty versio, jossa käytetty kaikkia kolmea muokattua versiota Mitattiin, kuinka paljon käytettävyys (luettavuus) prosentuaalisesti paranee Esimerkki: Alkuperäinen teksti Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446). 9

10 Esimerkki: Tiivistetty teksti (58%) In 1996, six of the best-attended attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park. Esimerkki: Silmäiltävä teksti (47%) Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were: Fort Robinson State Park (355,000 visitors) Scotts Bluff National Monument (132,166) Arbor Lodge State Historical Park & Museum (100,000) Carhenge (86,598) Stuhr Museum of the Prairie Pioneer (60,002) Buffalo Bill Ranch State Historical Park (28,446) 10

11 Esimerkki: Objektiivinen teksti (27%) Nebraska has several attractions. In 1996, some of the most-visited places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446). Esimerkki: Yhdistetty versio (124%) In 1996, six of the most-visited places in Nebraska were: - Fort Robinson State Park - Scotts Bluff National Monument - Arbor Lodge State Historical Park & Museum - Carhenge - Stuhr Museum of the Prairie Pioneer - Buffalo Bill Ranch State Historical Park 11

12 Nielsen: verkkoon kirjoittaminen Kirjoita lyhyesti ja ytimekkäästi - tiivistä: verkkoon 50% vähemmän tekstiä - käytä käänteisen pyramidin ideaa - yksi ajatus tai idea per kappale - lauserakenteet yksinkertaisiksi - käytä huumoria ja sanaleikkejä varovaisesti Nielsen: verkkoon kirjoittaminen Muista kielenhuolto - Kirjoitusvirheet ovat kiusallisia ja vievät uskottavuutta - Virheet ja epäselvät lauseet myös hidastavat lukemista entisestään 12

13 Nielsen: tekstin ulkoasu Tekstin ja taustan värien välille mahdollisimman voimakas kontrasti - luettavuus paras jos teksti mustaa, tausta valkoinen Tekstin taustaksi yksi väri tai rauhallinen kuvio Tekstin pysyttävä paikallaan Nielsen: tekstin ulkoasu Tavalliset tekstit vasempaan reunaan tasattuna - keskitys ja tasaus vain tehokeinoina Näytöltä luettavaan tekstiin fontiksi pääteviivaton kirjasin - päätteetön (Arial) - päätteellinen (Times New Roman) Vältä HUUTAMISTA 13

14 Nielsen: tekstin ulkoasu Käyttäjät suosivat erilaisia kirjasinkokoja, älä pakota esim. vanhuksia lukemaan pientä fonttia Kirjasinkoko määriteltävä suhteessa peruskirjasinkokoon eikä pisteinä Käytettävä vain peruskirjasimia tai annettava ainakin useita vaihtoehtoja Näytölle teksti vain yhteen palstaan Nielsen: käytä kuvia harkiten Perusteeton kuvitus on karsittava - toisaalta käytä kuvia esim. verkkokaupassa Nopeuta latautumista - optimoimalla kuvien koko ja talletusmuoto - määrittelemällä kuvien leveys ja korkeus - käyttämällä pikkukuvia (thumbnails) joista linkki isompaan kuvaan Jos kuva sisältää tärkeää informaatiota, on tieto tarjottava myös muussa muodossa 14

15 Kuvan merkityksellinen pienentäminen Nielsen: sallitut animaatiot Animaatioita kannattaa käyttää harkiten - Siirtymien välisen jatkuvuuden osoittaminen - Siirtymän suunnan osoittaminen - Ajan myötä tapahtuvat muutokset - Näytön hyödyntäminen - Graafisten esitysten tehostaminen - Kolmiuloitteisten rakenteiden havainnollistaminen - Huomion kiinnittäminen Animaatio ei saisi toimia koko ajan 15

16 Nielsen: ota linkeistä kaikki irti Linkit, 3 tyyppiä - rakenteellinen linkki hahmottaa esimerkiksi sivujen rakennetta - sisältölinkki siirtyy sivulle, jossa lisätietoa linkin sanasta tai kuvasta - aiheeseen liittyvä linkki auttaa käyttäjää löytämään muita samanaiheisia sivuja Linkeillä vain 2 standardiväriä - sininen = avaamaton linkki - sinipunainen/punainen = avattu linkki Nielsen: ota linkeistä kaikki irti Linkkitekstit informatiivisiksi - Kesän uutuuksista saat lisätietoja täältä vs. Tutustu kesän uutuuksiin - Jos linkkitekstinä henkilön nimi, linkin tulisi viedä sivustolle jossa lisätietoja henkilöstä. Sähköpostilinkit erikseen. 16

17 Nielsen: ota linkeistä kaikki irti Linkkiotsikot hyvä keino välittää lisätietoa - tulevat näkyviin, kun kursori on ollut n. 1s linkin kohdalla - tarkoituksena auttaa käyttäjää arvioimaan, mitä tapahtuu tiettyä linkkiä seuratessa - Esimerkiksi <a href= title= Seittiviestintä 2007 >Seittiviestintä</a> - eivät toimi kaikissa selaimissa - ei aina tarpeen jos linkkiteksti ajaa saman asian Nielsen: ota linkeistä kaikki irti Linkit ulos sivustolta - Hyvät linkit saavat käyttäjät palaamaan sivulle - Avataanko linkit samaan vai uuteen ikkunaan? - Linkkeihin lyhyt kuvaus kohteen sisällöstä - Laatu korvaa määrän, muista ryhmittely - Käyttäjälle tulee kertoa, jos linkki vie ulos sivustolta 17

18 Nielsen: vasteajat Vasteajat - Toiminnon tulee reagoida ajassa 0,1s - Sivulta toiselle siirtyminen tulisi olla < 1s - Hyvä tavoite on sivun latautuminen alle 10 s WWW-sivujen tärkein ominaisuus on nopea latautumisaika. - Jakob Nielsen Nielsen: sivut nopeasti latautuviksi Enemmän tekstiä ja vähemmän kuvia, optimoidut kuvat Sivun yläosan tulee olla hyödyllinen käyttäjälle ilman, että kuvat ovat latautuneet Kuviin ALT-tekstit, näkyvät useissa selaimissa ennen kuvanlatautumista Tekstisisältö latautuu nopeasti jos WIDTH- ja HEIGHTmäärittelyt kaikkiin kuviin ja taulukoihin ovat olemassa 18

19 Nielsen: sivut nopeasti latautuviksi Vaikeaselkoiset ja monimutkaiset taulukot jaetaan useaan pienempään taulukkoon Sivun pituus ja leveys Multimediaefektejä vain tarvittaessa Suuria tiedostoja sisältäviin linkkeihin tiedoston koko ja esimerkki latautumisajasta tietyllä nopeudella Linkkeihin täydellinen URL-osoite Nielsen: älä käytä kehyksiä Kehysten käyttö voi aiheuttaa ongelmia Käyttäjän näkymä usean selausaskeleen tulos URL:ista kopioitu linkki ei välttämättä johda halutulle sivulle Kirjanmerkkien teko ei välttämättä onnistu halutulle sivulle Pienissä näytöissä kehykset vievät suuren osan tilasta - puhelimissa ja PDA-laitteissa eivät välttämättä toimi ollenkaan 19

20 Nielsen: älä käytä kehyksiä Kehykselliset sivut tulostuvat huonosti Jos kehyksiä on käytettävä lisätään kaikkiin hypertekstilinkkeihin TARGET= _top -attribuutti - poistaa kehykset ja lataa sivun uudelleen - joka sivulla uusi URL, jota voidaan käyttää linkittämiseen Hakukoneet eivät välttämättä käsittele sivua oikein Nielsen: älä käytä kehyksiä Mikäli käytät kehyksiä, tarjoa sisältö myös kehyksettömänä versiona - poista reunat: käyttäjän tuskin niitä tarvitsee nähdä Kelluvat kehykset (floating frame, inline frame) käyttäjän näkökulmasta käyttökelpoisia 20

21 Nielsen: taita sivu joustavaksi Sivua ei pidä suunnitella erityisesti millekään tietylle standardikoolle - Näyttöjen ja selainikkunoiden koot vaihtelevat - Käytetyt resoluutiot vaihtelevat - Jos kuitenkin halutaan tehdä määrätyn kokoinen sivu niin leveys tulisi olla alle 600 pikseliä. Liukuva asettelu käyttäjille parempi kuin kiinteä Pieniä näyttöjä ei pidä pakottaa vierittämään näyttöä vaakasuunnassa Nielsen: tarjoa tulostusmahdollisuus Sivun tulee mahtua sekä letter- että A4-arkille - Suositeltava marginaali 2,5 cm, jolloin tulostettava alue on n. 23x16cm Sivusta tehtävä tarvittaessa kaksi versiota; tulostettava ja näytöltä luettava - Näytöllä 1 palsta, tulosteessa 2 - Erilaiset kirjasinlajit - Näytöltä luettava muotoa HTML - Tulostettavat muotoa PS (PostScript) tai PDF Tulevaisuudessa ehkä standardi jonka avulla automaattisesti tarjotaan eri versio tulostukseen? 21

22 Nielsen: URL-osoitteet URL-osoitteiden piti alunperin olla vain tietokoneiden käyttämä koodi, joka ei näy käyttäjälle - Virallinen syntaksi alkaa - Useimmat selaimet osaavat täydentää osoitteen, jonka alusta puuttuu protokollamäärite ja lopusta hakemiston merkkiviiva, esim. Koodiin täydellinen syntaksi - Lyhentää vasteaikaa verrattuna selaimen täydennettävään muotoon Nielsen: URL-osoitteet Käyttäjät yrittävät ymmärtää URL-osoitteen - Mahdollisimman selkeä nimeäminen - Lyhyet nimet tai yhdyssanat - Vain pieniä kirjaimia - Ei erikoismerkkejä, jos kuitenkin käytettävä esim. tavuviivaa niin se on tehtävä yhdenmukaisesti kaikilla sivuilla Sivuhierarkiassa tulisi päästä ylemmäs poistamalla URLosoitteen oikeanpuoleisia osia 22

23 Nielsenin käytettävyyssloganit Your Best Guess Is Not Good Enough The User Is Always Right The User Is Not Always Right User Are Not Designers Designers Are Not Users Vice Presidents Are Not Users Less Is More Details Matter Help Doesn't Ten Good Deeds in Web Design 1. Aseta nimi ja logo joka sivulle, tee logosta linkki 2. Tarjoa hakumahdollisuus jos sivuja > Kirjoita selkeät otsikot sivuille ja teksteille 4. Tue silmäilevää lukutapaa 5. Käytä hypertekstiä sisällön jäsentämisessä 6. Käytä tuotekuvia mutta älä liikaa 7. Pienennä kuvat oleellisen sisällön mukaan 8. Käytä linkkiotsikoita 9. Varmista että tärkeät sivut ovat myös erikoisryhmien saatavilla 10. Tee kuten muutkin Nielsen, 23

24 Esteettömät verkkopalvelut Verkkopalvelut kaikkien saataville Hyöty erityisryhmille ja erikoisten päätelaitteiden käyttäjille Esteettömyyden huomiointi edistää samalla myös käytettävyyttä erilaisissa käyttötilanteissa ja ympäristöissä Huomioi verkkopalvelussa erityisesti - Rakenne - Kieli - Tekniikat - Linkit Esimerkki: Flash-toteutus 24

25 Lisää huomioitavia asioita Palautemahdollisuus Rakenna sivustosta hakukoneille helppo käsiteltävä (search engine design) Visuaaliset suunnitteluperiaatteet, asettelu Värien valinta Normanin suunnitteluperiaatteet Nielsenin heuristisen arvioinnin lista Normanin suunnitteluperiaatteet Näkyvyys Kytkennät Käsitemalli Palaute Virheiden käsittely 25

26 Nielsenin heuristisen arvioinnin lista 1. Palvelun tilan näkyvyys 2. Palvelun ja tosielämän vastaavuus 3. Käyttäjän kontrolli ja vapaus 4. Yhteneväisyys ja standardit 5. Virheiden estäminen 6. Tunnistaminen mieluummin kuin muistaminen 7. Käytön joustavuus ja tehokkuus 8. Esteettinen ja minimalistinen design 9. Virhetilanteiden tunnistaminen, ilmoittaminen ja korjaaminen 10.Opastus ja ohjeistus 26

27 27

28 Tyypillisiä virheitä verkkopalvelujen suunnittelussa Yrityksen vanhaa toimintamallia ei muuteta - verkon tuomia mahdollisuuksia ei hyödynnetä Projektinhallinta - projektia johdetaan kuten muita yrityksen projekteja Informaatioarkkitehtuuri - sivu muistuttaa yrityksen rakennetta eikä palvele käyttäjän tarpeita 28

29 Tyypillisiä virheitä: informaatioarkkitehtuuri 29

30 Tyypillisiä virheitä verkkopalvelujen suunnittelussa Sivujen suunnittelu - Sivut suunnitellaan demomielessä näyttäviksi, mutta esim. tiedonsiirtoviiveitä ei oteta huomioon Sisällöntuotanto - Kirjoitetaan materiaali samalla tavoin kuin painettavat mainokset ja tiedotteet Linkkien rakentaminen - Tehdään sivuista oma saareke, jolla ei ole selkeää alkua eikä poispääsyä 30

31 Nielsen: virheet suunnittelussa Jakob Nielsen on kerännyt pahimpia seittisuunnittelun virheitä, jotka kannattaa lukaista selityksineen kaikki läpi Kaikki virheet eivät enää ole ajankohtaisia, esim. käyttäjät ovat tottuneet ruudun vierittämiseen. - Top Ten Mistakes Revisited Three Years Later 31

32 Nielsen: virheet suunnittelussa Top Ten Mistakes in Web Design (1996) - Top Ten New Mistakes in Web Design (1999) - Top Ten Web-Design Mistakes of Top Ten Web-Desing Mistakes of ei yksin Nielsenin tekemä vaan myös Alertboxien lukijat saivat antaa ehdotuksia listalle Nielsen: virheet suunnittelussa Kehysten käyttö (frames) 2. Uusimman tekniikan perusteeton käyttö 3. Vierivä teksti, animaatiot 4. Monimutkaiset URL-osoitteet 5. Irralliset sivut 6. Pitkät, vieritettävät sivut 7. Navigointituen puute 8. Epästandardit linkkivärit 9. Päivittämätön, vanhentunut sisältö 10.Pitkät latautumisajat 32

33 Nielsen: virheet suunnittelussa Back-painikkeen toiminnallisuuden rikkominen 2. Uusien selainikkunoiden avaus 3. Epästandardien käyttöliittymäkomponenttien käyttö 4. Tekijätietojen puuttuminen 5. Arkistojen puuttuminen 6. Sivujen siirtäminen uuteen osoitteeseen 7. Otsikot jotka eivät kuvaa oleellista sisältöä 8. Uusimpien muotivillitysten seuraaminen 9. Hitaat palvelimen vasteajat 10.Kaikki mikä näyttää mainonnalta Nielsen: virheet suunnittelussa Hintatietojen puuttuminen 2. Joustamattomat hakukoneet 3. Sivujen vierittäminen vaakasuunnassa 4. Kirjaisinkokojen määrääminen 5. Tekstin kirjoittaminen suuriin lohkoihin 6. JavaScriptin käyttö linkeissä 7. Harvoin kysytyt kysymykset UKK:ssa 8. Sähköpostiosoitteiden kerääminen ilman tietosuojapolitiikkaa 9. Pitkät URL-osoitteet 10.Sähköpostilinkit odottamattomissa paikoissa 33

34 Nielsen: virheet suunnittelussa Luettavuusongelmat 2. Epästandardit linkit 3. Flash:n käyttö 4. Sisältö, jota ei ole kirjoitettu www:tä varten 5. Hankalat haut 6. Selainten yhteensopimattomuus 7. Hankalat / monimutkaiset lomakkeet 8. Yhteystietojen puuttuminen 9. Jäädytetyt sivuleveydet ( sommittelu ) 10. Puutteelliset mahdollisuudet nähdä kuva suurempana Tehtävä 5 viikko 42 Suunnittele sivusi ulkoasu ja rakenne (navigointi) - Piirrä paperille, käytä värejä ja laatikoita osoittamaan elementtien paikkoja - Muista luennolla annetut vinkit - Skannaa tai digikuvaa suunnitelmasi ja lisää se sivulle Muotoile www-sivut - Suoraan HTML:ään tai - CSS:n avulla (BONUS) Oppimispäiväkirja, n merkkiä 34

35 Lähteitä Jakob Nielsen, WWW suunnittelu, 2002, IT Press 35

Käytettävyys verkko-opetuksessa Jussi Mantere

Käytettävyys verkko-opetuksessa Jussi Mantere Käytettävyys verkko-opetuksessa 21.8.2002 Jussi Mantere Mitä käytettävyys on? Learnability (opittavuus) Efficiency (tehokkuus) Memorability (muistettavuus) Errors prevented (virheiden tekeminen estetty)

Lisätiedot

Linkkitekstit. Kaikkein vanhin WWW-suunnitteluohje:

Linkkitekstit. Kaikkein vanhin WWW-suunnitteluohje: Linkit Linkit ovat hypertekstin tärkein osa. Niiden avulla sivut liitetään toisiinsa ja käyttäjille tarjoutuu mahdollisuus liikkua muille kiinnostaville sivuille. Linkit Linkkejä on kolmea eri tyyppiä:

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Tiedostot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi työpöydältä raahata

Lisätiedot

Tee html-sivu, jossa on yllä olevat kaksi taulukkoa.

Tee html-sivu, jossa on yllä olevat kaksi taulukkoa. TAULUKKO 1 Taulukoiden avulla voidaan informaatio esittää havainnollisesti esimerkiksi palstoitettuna. Lisäksi voidaan sijoittaa eri elementit haluttuihin paikkoihin (taulukkotaitto). Taulukko luodaan

Lisätiedot

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

KÄYTETTÄVYYSPÄIVÄ Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYSPÄIVÄ 1.4.2016 Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYS Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat

Lisätiedot

VERKKOKIRJOITTAMINEN. www.mediamylly.fi

VERKKOKIRJOITTAMINEN. www.mediamylly.fi VERKKOKIRJOITTAMINEN Verkkolukeminen Verkkolukeminen verkkosivuja "skannataan" lukeminen on 25% hitaampaa kuin paperilla lukeminen on osittain hyppimistä sivun eri osioissa lukeminen on väsyttävää F-tyyppinen

Lisätiedot

Ohjeita informaation saavutettavuuteen

Ohjeita informaation saavutettavuuteen Ohjeita informaation saavutettavuuteen Tarkoitus Kasvattaa tietoisuutta ja lisätä esteettömän informaation aiheen näkyvyyttä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea

Lisätiedot

Used with permission of Microsoft. Kulttuurihistoria Syyskuu 2015

Used with permission of Microsoft. Kulttuurihistoria Syyskuu 2015 MUOTOSEIKKOJA Mitä asetuksia käytän? Tyypillisimpiä fontteja ovat Times New Roman (fonttikoko 12) tai Arial (fonttikoko 11). Käytä riviväliä 1,5, jotta asettelu on selkeä ja teksti on myös tältä osin helppolukuista.

Lisätiedot

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

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka templateaihio > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka templateaihio > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE. KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi

Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE. KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi 2015 Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi 1 Sisällysluettelo 1. Sivustolle rekisteröityminen... 2 2. Yrityksen lisääminen... 3 2.1. Yritystiedot...

Lisätiedot

Savonia ammattikorkeakoulu Miten tilintarkastajan tulee toimia? v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Savonia ammattikorkeakoulu Miten tilintarkastajan tulee toimia? v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Savonia ammattikorkeakoulu Miten tilintarkastajan tulee toimia? v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

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

Suomen virtuaaliammattikorkeakoulu VPN peli > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu VPN peli > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Teknillinen mekanikka fem tutorials > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Teknillinen mekanikka fem tutorials > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Teknillinen mekanikka fem tutorials > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

CSS - tyylit. 13.11.2000 Seppo Räsänen

CSS - tyylit. 13.11.2000 Seppo Räsänen CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot

Lisätiedot

VirtuaaliAMK Työasemakäyttöliittymien suunnittelu > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

VirtuaaliAMK Työasemakäyttöliittymien suunnittelu > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain VirtuaaliAMK Työasemakäyttöliittymien suunnittelu > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004

Navigointi Verkkomultimedia ICT1tn004 Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?

Lisätiedot

UpdateIT 2010: Editorin käyttöohje

UpdateIT 2010: Editorin käyttöohje UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com Sisällys Editorin käyttöohje...

Lisätiedot

TIEDEPOSTERI. - Viestinnän välineenä. Marisa Rakennuskoski

TIEDEPOSTERI. - Viestinnän välineenä. Marisa Rakennuskoski TIEDEPOSTERI - Viestinnän välineenä Marisa Rakennuskoski POSTERILAJIT Mainosposteri(pääpaino kuvilla ja visuaalisuudella) Ammatillinenposteri(vapaamuotoinen, esim. jonkin projektin tapahtumia kuvaava,

Lisätiedot

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

Suomen virtuaaliammattikorkeakoulu Vedenpuhdistus > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Vedenpuhdistus > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

Suomen virtuaaliammattikorkeakoulu The XML Dokuments > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu The XML Dokuments > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu The XML Dokuments > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

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

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 % Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % 80 60 % 60 50 %

Lisätiedot

HTML5 -elementit jatkuu

HTML5 -elementit jatkuu HTML5 -elementit jatkuu Harjoitus: xhtml.htm -> html5.htm Muuta tämä xhtml dokumentti HTML5:ksi: http://users.metropolia.fi/~norrm/s12/kalasu/xhtml.htm Validoi myös koodisi: http://validator.w3.org/ "Mallivastaus"

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

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

Suomen virtuaaliammattikorkeakoulu Mobile IP > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Mobile IP > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue

Lisätiedot

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ennen kuin aloitat: 1. Asenna tietokoneeseesi ilmainen Miso Regular fontti, jonka saat täältä: https://www.fontspring.com/fonts/marten- nettelbladt/miso

Lisätiedot

E-kirjan kirjoittaminen

E-kirjan kirjoittaminen 1 E-kirjan kirjoittaminen Ohjeet e-kirjan kirjoittamiseen Tämän ohjeistuksen tavoitteena on auttaa sinua luomaan yksinkertainen e-kirja (pdftiedosto) asiakkaallesi. Kirja näyttää hänelle kuinka hyvin ymmärrät

Lisätiedot

Verkkokirjoittamisesta tiedottaja Susanna Prokkola, PKSSK.

Verkkokirjoittamisesta tiedottaja Susanna Prokkola, PKSSK. Verkkokirjoittamisesta tiedottaja Susanna Prokkola, PKSSK 25.10.2012 Mikä toimii painettuna, toimii harvemmin verkossa Tekstin kirjoittamisen säännöt ja tyylilajit vaihtelevat eri medioissa. Verkkotekstin

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Varför behöver man brandmurar? V. 1.0 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Varför behöver man brandmurar? V. 1.0 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Varför behöver man brandmurar? V. 1.0 > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

VirtuaaliAMK Opinnäytetyön ohjausprosessi > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

VirtuaaliAMK Opinnäytetyön ohjausprosessi > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain VirtuaaliAMK Opinnäytetyön ohjausprosessi > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue

Lisätiedot

1. HARJOITUS harjoitus3_korjaus.doc

1. HARJOITUS harjoitus3_korjaus.doc Word - harjoitus 1 1. HARJOITUS harjoitus3_korjaus.doc Kopioi itsellesi harjoitus3_korjaus.doc niminen tiedosto Avaa näyttöön kopioimasi harjoitus. Harjoitus on kirjoitettu WordPerfet 5.1 (DOS) versiolla

Lisätiedot

Julkaisuarkistojen käyttötilastot: Mitä tilastoidaan ja miksi?

Julkaisuarkistojen käyttötilastot: Mitä tilastoidaan ja miksi? Julkaisuarkistojen käyttötilastot: Mitä tilastoidaan ja miksi? DSpace-käyttäjäryhmän tilastoseminaari Kansalliskirjaston auditoria, 3.11.2009 Jyrki Ilva (jyrki.ilva@helsinki.fi) Miksi verkkopalveluiden

Lisätiedot

TIEDOTTEEN JA VIESTINTÄSUUNNITELMAN TEKO

TIEDOTTEEN JA VIESTINTÄSUUNNITELMAN TEKO TIEDOTTEEN JA VIESTINTÄSUUNNITELMAN TEKO Katja Reinikainen Kansalaisareena 2016 Taustaa Tiedotteen kirjoittaminen lähtee tarpeesta tiedottaa yhteisöä/organisaatiota koskevasta asiasta. Tiedotteen tarkoitus

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Aineistot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi tiedostot siirtää

Lisätiedot

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

VirtuaaliAMK Ympäristömerkkipeli > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain VirtuaaliAMK Ympäristömerkkipeli > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue Ominaisuuksien

Lisätiedot

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

SEPA-päiväkirja: Käytettävyystestaus & Heuristinen testaus SEPA-päiväkirja: Käytettävyystestaus & Heuristinen testaus Lehmus, Auvinen, Pihamaa Johdanto Käyttäjätestauksella tarkoitetaan tuotteen tai sen prototyypin testauttamista todellisilla käyttäjillä. Kehittäjät

Lisätiedot

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

Arcada yrkeshögskola Hållbar utveckling v 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Arcada yrkeshögskola Hållbar utveckling v 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue

Lisätiedot

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

VirtaaliAMK Virtuaalihotelli > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain VirtaaliAMK Virtuaalihotelli > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue Ominaisuuksien

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Erilaisia käyttöliittymiä v.0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Erilaisia käyttöliittymiä v.0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Erilaisia käyttöliittymiä v.0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

Käyttäjäkeskeisyys verkkopalveluissa

Käyttäjäkeskeisyys verkkopalveluissa Käyttäjäkeskeisyys verkkopalveluissa JHS-keskustelutilaisuus 6. kesäkuuta 2013 Raino Vastamäki raino.vastamaki@adage.fi Käyttäjäkeskeisyys verkkopalveluissa KLO 14.45 15.15 Käytettävyys ja esteettömyys

Lisätiedot

Kyläsivujen InfoWeb-ohje

Kyläsivujen InfoWeb-ohje Kyläsivujen InfoWeb-ohje Kirjoita internet-selaimesi osoitekenttään kyläsivujen hallintaosoite; www.yla -savo.fi/admin Saavut seuraavalle sivulle, johon kirjoitat käyttäjätunnuksesi ja salasanasi: Paina

Lisätiedot

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.)

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.) 6. Tekstin muokkaaminen 6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.) Tekstin maalaaminen onnistuu vetämällä hiirellä haluamansa tekstialueen yli (eli osoita hiiren

Lisätiedot

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli. HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan

Lisätiedot

VirtuaaliAMK Tulipesän paineen ja palamisilman säätö > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

VirtuaaliAMK Tulipesän paineen ja palamisilman säätö > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain VirtuaaliAMK Tulipesän paineen ja palamisilman säätö > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa: XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),

Lisätiedot

JWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari

JWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari JWT 2016 luento 11 to 21.4.2016 klo 14-15 Aulikki Hyrskykari PinniB 1097 1 Viime luennolla o AJAX ja JSON, harjoitustyön tehtävänanto, vierailuluento avoimesta datasta Tänään o APIt rajapinnoista yleisesti

Lisätiedot

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016 / / WordPress KÄYTTÖOHJE Sotkamo 2016 Sisältö Sisältö 1. Yleistä 2. Kirjautuminen ylläpitoon 2.1. Kirjaudu osoitteessa: http://sotkamo.valudata.fi/admin Myöhemmin: http://www.sotkamo.fi/admin 2.2 Salasana

Lisätiedot

PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE

PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE IT-palvelut / Hannele Rajaniemi optima-support@jyu.fi www.jyu.fi/itp/optima-ohjeet 2 Sisältö Mikä on koosteen idea? Miten saan kooste-työkalun käyttööni? Miten luon koosteen?

Lisätiedot

Johdatus rakenteisiin dokumentteihin

Johdatus rakenteisiin dokumentteihin -RKGDWXVUDNHQWHLVLLQGRNXPHQWWHLKLQ 5DNHQWHLQHQGRNXPHQWWL= rakenteellinen dokumentti dokumentti, jossa erotetaan toisistaan dokumentin 1)VLVlOW, 2) UDNHQQHja 3) XONRDVX(tai esitystapa) jotakin systemaattista

Lisätiedot

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Viestintäpalvelut 9.6.2015 1 Sivupohjan tekeminen Ennen kuin alat tekemään hankkeen sivuja, tilaa Viestintäpalveluilta hankesivupohja ja ilmoita

Lisätiedot

Tärkeimmät toiminnot. Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta. Tärkeimmät toiminnot jatkuu...

Tärkeimmät toiminnot. Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta. Tärkeimmät toiminnot jatkuu... Tärkeimmät toiminnot Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta Kun hiiren jättää kuvakkeen päälle vähäksi ajaksi Word selittää toiminnon Avaa tiedosto Tallenna Kumoa, nuolesta aiemmat

Lisätiedot

Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin

Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin Tekniikka 11.10.2015 10:45 Olavi Koistinen, Helsingin Sanomat Yhteystietojen siirto Androidista iphoneen kuin Gmail-käyttäjätunnus.

Lisätiedot

10 helppoa käytännön ohjetta SEO-optimointiin.

10 helppoa käytännön ohjetta SEO-optimointiin. 10 helppoa käytännön ohjetta SEO-optimointiin. On-page SEO-optimointi tarkoittaa nettisivustolle tehtäviä muutoksia, joilla on osaltaan huikea vaikutus sivuston näkyvyyteen hakukoneissa. Tarkista helposti

Lisätiedot

Vinkkejä viestintään yhdistystoimijoille VIESTI HUKASSA? (TIIVISTELMÄ) SILMU-KYLÄT / SILMU-BYAR LI-MARIE SANTALA 2016 1

Vinkkejä viestintään yhdistystoimijoille VIESTI HUKASSA? (TIIVISTELMÄ) SILMU-KYLÄT / SILMU-BYAR LI-MARIE SANTALA 2016 1 VIESTI HUKASSA? (TIIVISTELMÄ) Vinkkejä viestintään yhdistystoimijoille SILMU-KYLÄT / SILMU-BYAR LI-MARIE SANTALA 2016 1 VIESTINTÄ Sanomien lähettämistä ja vastaanottamista Yhteisöjen välistä monimuotoista

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?

Lisätiedot

TIEDONHAKU INTERNETISTÄ

TIEDONHAKU INTERNETISTÄ TIEDONHAKU INTERNETISTÄ Internetistä löytyy hyvin paljon tietoa. Tietoa ei ole mitenkään järjestetty, joten tiedonhaku voi olla hankalaa. Tieto myös muuttuu jatkuvasti. Tänään tehty tiedonhaku ei anna

Lisätiedot

Juricon Nettisivu Joomlan käyttöohjeet

Juricon Nettisivu Joomlan käyttöohjeet Juricon Nettisivu Joomlan käyttöohjeet Sisällysluettelo Julkaisujärjestelmä hallinta... 3 Joomla-järjestelmän ylävalikolla on seuraavia:... 3 Valikot... 4 Kategoriat ja artikkelit... 5 Lisäosat ja moduulien

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka: Voima ja sen komponentit > 80 % % % < 50 %

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka: Voima ja sen komponentit > 80 % % % < 50 % Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka: Voima ja sen komponentit > 80 % 80 60 % 60 50 %

Lisätiedot

Tässä ei olla tekemässä taidetta vaan presentaatiota.

Tässä ei olla tekemässä taidetta vaan presentaatiota. AJATELTAVAA. Tässä ei olla tekemässä taidetta vaan presentaatiota. Portfolio on viestintää.. Portfoliolla on selkeä päämäärä. Oman osaamisen esiintuominen sekä tietenkin itsensä myyminen Te ette tee tätä

Lisätiedot

HAMK Pähkinäkori > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

HAMK Pähkinäkori > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain HAMK Pähkinäkori > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue Ominaisuuksien Valmis/

Lisätiedot

24MAGS PIKAOHJE HALLINTAPANEELIN KÄYTTÖÖN

24MAGS PIKAOHJE HALLINTAPANEELIN KÄYTTÖÖN 24MAGS PIKAOHJE HALLINTAPANEELIN KÄYTTÖÖN 24Mags Asiakaspalvelu support@24mags.com 020 734 0570 1 SISÄLLYSLUETTELO 1. Uuden julkaisun luominen 3 1.1 Julkaisun nimi 3 1.2 Ladattava PDF-tiedosto 3 1.3 pakkauslaatu

Lisätiedot

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. CSS1 CSS (Cascading Style Sheets) CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. Esim.

Lisätiedot

Ohjeet asiakirjan lisäämiseen arkistoon

Ohjeet asiakirjan lisäämiseen arkistoon Ohjeet asiakirjan lisäämiseen arkistoon 1. Jos koneellesi ei vielä ole asennettu Open Office ohjelmaa, voit ladata sen linkistä joka löytyy Arkisto => Asiakirjapohjat sivulta seuran kotisivuilta. Jos ohjelma

Lisätiedot

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

Käytettävyys ja käyttäjätutkimus. Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi Käytettävyys ja käyttäjätutkimus Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi Teron luennot Ke 15.2 miniluento Ti 28.2 viikkotehtävän anto (T,M) To 1.3 Tero paikalla (tehtävien tekoa) Ti 6.3

Lisätiedot

CSS. Tekstin muotoilua

CSS. Tekstin muotoilua CSS Tekstin muotoilua Tekstin muotoilu Kirjasimen ominaisuudet font-family font initial inherit; font-style normal italic oblique initial inherit; font-variant normal small-caps initial inherit; font-weight

Lisätiedot

KÄYTTÖOHJEISTUS ASUKKAALLE

KÄYTTÖOHJEISTUS ASUKKAALLE KÄYTTÖOHJEISTUS ASUKKAALLE on asuinkiinteistön käyttöön suunniteltu kosketustauluratkaisu joka sisältää kerrostalorapussa nimitaulun, ilmoitustaulun ja yhteisten tilojen varauskalenterit. Kodinportin käyttäjillä

Lisätiedot

Putteri Käyttöliittymä ja ulkoasu

Putteri Käyttöliittymä ja ulkoasu Putteri Käyttöliittymä ja ulkoasu Jukka Värri 15.10.2007 Versio: 1.0 Yleistä järjestelmästä Järjestelmän merkistö on UTF-8 (Unicode). Käyttöliittymä tulee järjestelmän mukaan. Uusia käyttöliittymiä ei

Lisätiedot

Kopiodaksesi, leikataksesi ja liittääksesi helpointa on käyttää näppäimistön pikavalintoja:

Kopiodaksesi, leikataksesi ja liittääksesi helpointa on käyttää näppäimistön pikavalintoja: Ohjeita järjestöpankin käytön tueksi Huomioitavaa:... 1 1 Sisäänkirjautuminen... 2 2 Sivun/henkilökortin muokkaaminen... 2 3 Uutisen/sivun/tapahtuman, tms. lisääminen... 3 4 Uutisen/tapahtuman saaminen

Lisätiedot

Esteetön PowerPoint-esitys

Esteetön PowerPoint-esitys ESKEn esteettömyyssuunnistus 4.12.2015 Esteetön PowerPoint-esitys ( SAFA Kirsti Pesola, tekn.lis. (arkkitehti johtaja, Invalidiliiton Esteettömyyskeskus ESKE puh (09) 613 191 tai 050 594 2553 kirsti.pesola@invalidiliitto.fi

Lisätiedot

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

Tämä opas on luotu verkkosivujen omistajille, verkkosivujen hankkimista Tämä opas on luotu verkkosivujen omistajille, verkkosivujen hankkimista suunnitteleville sekä kaikille verkkosivujen kehittämisestä kiinnostuneille. Tässä oppaassa keskitytään perusasioihin, joiden korjaaminen

Lisätiedot

Suomen virtuaalikylä Virtuaalikylä v. 0.9 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaalikylä Virtuaalikylä v. 0.9 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaalikylä Virtuaalikylä v. 0.9 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue

Lisätiedot

1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne

1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne Selkoheuristiikat 1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne 1.1 Onko informaation määrä sivua kohti riittävän pieni? 1.2 Onko sivupohja rakenteet ja toiminnot toteutettu niin, että

Lisätiedot

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi VINKKEJÄ CV-NETIN KÄYTTÖÖN www.te-palvelut.fi TE-toimiston verkkoasiointiin pääset kirjautumaan www.te-palvelut.fi Oma asiointi Henkilöasiakas Kirjaudu sisään verkkopankkitunnuksilla ja hyväksy käyttöehdot

Lisätiedot

1 (14) Ohje. Ohje. GTK-wiki. Geologian tutkimuskeskus, Verkkosivustopalvelut

1 (14) Ohje. Ohje. GTK-wiki. Geologian tutkimuskeskus, Verkkosivustopalvelut 1 (14) GTK-wiki 2 (14) Sisällysluettelo 1. Wikin ylläpito... 3 1.1. Wiki-artikkelin muokkaus... 3 1.2. Wiki-artikkelin lisääminen... 3 2. Wiki-toiminnot... 4 2.1. Ristiinlinkitys... 4 2.2. Tekstin muotoilu...

Lisätiedot

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Valitsimista valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Muistin virkistykseksi elementtejä http://appro.mit.jyu.fi/doc/www/xhtml/ HTML-elementtien lisäksi valitsimille voidaan luoda

Lisätiedot

Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla)

Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla) T A M P E R E E N Y L I O P I S T O Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla) Kasvatustieteiden yksikkö Kasvatustieteiden pro gradu -tutkielma NIMI NIMINEN

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin 1 of 5 9.3.2010 14:16 ARVO - verkkomateriaalien arviointiin Arvioitava kohde: SQL -kyselyt - Juha Kiukas, Arvioija: Jouni Lappalainen, Arviointipäivämäärä: 9.3.2010 Omat vastaukset Arvioinnin yhteenveto

Lisätiedot

Pääluvun tekstin jälkeen tuleva alaotsikko erotetaan kahdella (2) enterin painalluksella,väliin jää siis yksi tyhjä rivi.

Pääluvun tekstin jälkeen tuleva alaotsikko erotetaan kahdella (2) enterin painalluksella,väliin jää siis yksi tyhjä rivi. KIRJALLISEN TYÖN ULKOASU JA LÄHTEIDEN MERKITSEMINEN Tämä ohje on tehty käytettäväksi kasvatustieteiden tiedekunnan opinnoissa tehtäviin kirjallisiin töihin. Töiden ohjaajilla voi kuitenkin olla omia toivomuksiaan

Lisätiedot

Oppijan verkkopalvelun käyttöohjeiden laatiminen

Oppijan verkkopalvelun käyttöohjeiden laatiminen Oppijan verkkopalvelun käyttöohjeiden laatiminen 14.2.2013 elina.melkko@etnoteam.fi Sisältö! Yleistä käyttöohjeiden laatimisesta Hyvä käyttöohje Käyttöohjeen kieli! Virkailijan käyttöliittymän ohjeiden

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004. Elina Ulpovaara

Navigointi Verkkomultimedia ICT1tn004. Elina Ulpovaara Navigointi Verkkomultimedia ICT1tn004 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on? Mihin sivulta

Lisätiedot

CINAHL(EBSCO) käyttöohjeita (10/2010)

CINAHL(EBSCO) käyttöohjeita (10/2010) CINAHL(EBSCO) käyttöohjeita (10/2010) Sisältö 1. Katkaisumerkki, sanojen yhdistely, fraasihaku... - 1-2. Advanced Search haku vapailla hakusanoilla... - 1-3. Haku asiasanoilla (CINAHL Headings)... - 2-4.

Lisätiedot

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

Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin Ossi Nykänen Tampereen teknillinen yliopisto, Hypermedialaboratorio, W3C Suomen toimisto Terveyden

Lisätiedot

C++ Ohjelmoijan käsikirja. Johdanto

C++ Ohjelmoijan käsikirja. Johdanto Johdanto C++ Ohjelmoijan käsikirja Johdanto Tervetuloa Inside C++-kirjan pariin. Tämä on opaskirja standardi C++:n käyttöön. Käsittelemme kirjassa kaikki syntaksin, kieliopin, olio-ohjelmoinnin ja standardikirjastojen

Lisätiedot

Lomakkeiden suunnittelu. Aiheina

Lomakkeiden suunnittelu. Aiheina Lomakkeiden suunnittelu Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Lomakesuunnittelun perusteita Lomake-esimerkkejä Peruskontrollit lomakkeissa Asetteluista lomakkeella Oppimistavoite:

Lisätiedot

Ylläpitoalue - Etusivu

Ylläpitoalue - Etusivu Crasmanager 5.2 Ylläpitoalue - Etusivu Sivut osiossa sisällön selaus ja perussivujen ylläpito. Tietokannat osiossa tietokantojen ylläpito. Tiedostot osiossa kuvien ja liitetiedostojen hallinta. Työkalut

Lisätiedot

VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet

VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet Pekka Penttala 9.11.2008 1 (11) VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet... 1 1 Yleistä www-sivujen käytöstä... 2 2 Sivujen osoitteet...

Lisätiedot

Cover letter and responses to reviewers

Cover letter and responses to reviewers Cover letter and responses to reviewers David E. Laaksonen, MD, PhD, MPH Department of Medicine Kuopio University Hospital Kuopio, Finland Luennon sisältö Peer review Vinkit vastineiden kirjoittamista

Lisätiedot

virkailija.opintopolku.fi

virkailija.opintopolku.fi Cybercom Design Studio virkailija.opintopolku.fi Organisaatiotietojen ylläpito versio.0 7..0 versio muutoshistoria.0 Organisaatiotietojen ylläpito-palvelun design.0 Tarkennuksia: Tarkennettu haku Puulistan

Lisätiedot

Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat

Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat 1. Graafinen ja looginen rakenne 1.1 Onko informaation määrä näkymää kohti riittävän pieni? 1.2 Onko sivupohjan rakenne ja ulkoasu sellainen,

Lisätiedot

Ratojen piirto Condesilla, ratamestarin osuus

Ratojen piirto Condesilla, ratamestarin osuus Karttojen tulostuksesta vastaa tähän nimetty tulostustiimi. Tavoite on myös saada yhä enemmän ratamestareita tekemään ratasuunnittelua itse Condesilla, jonka jälkeen viimeistelystä ja tulostuksesta vastaa

Lisätiedot

AS-84.3400 Automaatiotekniikan seminaarikurssi. Kevät 2008

AS-84.3400 Automaatiotekniikan seminaarikurssi. Kevät 2008 AS-84.3400 Automaatiotekniikan seminaarikurssi Kevät 2008 Kurssin tavoitteet Konferenssisimulaatio Harjoitella tieteellisen tekstin / raportin kirjoittamista Harjoitella tiedon etsimistä ja viittaamista

Lisätiedot

Janne Jääskeläinen VERKKOPALVELUN OSTAJAN OPAS

Janne Jääskeläinen VERKKOPALVELUN OSTAJAN OPAS Janne Jääskeläinen VERKKOPALVELUN OSTAJAN OPAS Talentum Helsinki 2010 Talentum Media Oy ja Janne Jääskeläinen Kansi: Janne Jääskeläinen Taitto: NotePad, www.notepad.fi ISBN 978-952-14-1472-5 Kariston Kirjapaino

Lisätiedot

helsingintaiteilijaseura.fi WordPress-pikaohjeet

helsingintaiteilijaseura.fi WordPress-pikaohjeet 1/12 helsingintaiteilijaseura.fi WordPress-pikaohjeet Sisällysluettelo 1. Ohjausnäkymä...1 2. Työkalupakki... 2 3. Artikkelit, Näyttelyt ja Sivut...3 4. Artikkelin lisäys tai muokkaus... 4 Artikkelikuvan

Lisätiedot

Evaluointidokumentti

Evaluointidokumentti Home Movie Archive Evaluointidokumentti Teknillinen korkeakoulu T-121.310 -opintojakson ryhmätyö Juha-Pekka Koivisto Janne Ojala Pasi Ranne 18.11.2003 Sisällys 1 Johdanto...1 2 Heuristinen arviointi...1

Lisätiedot

TUTKIMUSMATKA-PALVELUMALLIN KIRJALLISET OHJEET: Slogan: Äärettömyydestä maapallon ytimeen

TUTKIMUSMATKA-PALVELUMALLIN KIRJALLISET OHJEET: Slogan: Äärettömyydestä maapallon ytimeen TUTKIMUSMATKA-PALVELUMALLIN KIRJALLISET OHJEET: Slogan: Äärettömyydestä maapallon ytimeen Esittelyteksti (mainostyylinen): Koskaan ihminen ei ole tiennyt niin paljon kuin nyt. Mutta huomenna tiedämme taas

Lisätiedot

Asteri Laskutus (Dos)

Asteri Laskutus (Dos) Asteri Laskutus (Dos) Vuosipäivitys 3.11.2007 Päivityksen asentaminen... 4 Uudelle koneelle siirtäminen... 6 - pikakuvake Vistan työpöydälle... 7 Tulostaminen kun tulostaminen ei onnistu... 11 - tulostaminen

Lisätiedot

EI MIKÄÄN NÄISTÄ. KUVITETTU MINI-MENTAL STATE EXAMINATION Ohjeet viimeisellä sivulla. 1. Mikä vuosi nyt on? 2. Mikä vuodenaika nyt on?

EI MIKÄÄN NÄISTÄ. KUVITETTU MINI-MENTAL STATE EXAMINATION Ohjeet viimeisellä sivulla. 1. Mikä vuosi nyt on? 2. Mikä vuodenaika nyt on? POTILAS: SYNTYMÄAIKA: TUTKIJA: PÄIVÄMÄÄRÄ: 1. Mikä vuosi nyt on? 2000 2017 2020 1917 EI MIKÄÄN NÄISTÄ 2. Mikä vuodenaika nyt on? KEVÄT KESÄ SYKSY TALVI 3. Monesko päivä tänään on? 1 2 3 4 5 6 7 8 9 10

Lisätiedot

Alkuun HTML5 peliohjelmoinnissa

Alkuun HTML5 peliohjelmoinnissa Paavo Räisänen Alkuun HTML5 peliohjelmoinnissa www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida ja levittää ei kaupallisissa tarkoituksissa. Sisällysluettelo 1: Alkusanat 2: Alkuun 3: Pelinäkymä

Lisätiedot

Verkkopalveluuudistus

Verkkopalveluuudistus Verkkopalveluuudistus Johdanto Yliopiston verkkosivustoille toteutetaan parhaillaan uutta yliopiston strategiaa sekä uutta brändi-ilmettä tukevaa verkkopalvelun uudistusta. Samalla uudistetaan myös sisällön

Lisätiedot