IHTE-1900 Seittiviestintä
|
|
- Riitta-Liisa Tamminen
- 8 vuotta sitten
- Katselukertoja:
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 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 1
2 WWW:n erikoispiirteitä: rakenne Käyttäjän sijainnilla ei ole merkitystä Toiminta voi olla pienimuotoista ja halpaa Fyysisen maailman rajoituksista vapaa Sisällön ei tarvitse olla lineaarista Palvelurajat hämäriä Linkkejä voi teoriassa olla ääretön määrä Sivustolla on helppo jakaa materiaalia 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 2
3 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 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 3
4 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 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 4
5 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 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) 5
6 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 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). 6
7 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) 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). 7
8 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 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 8
9 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 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 9
10 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 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 10
11 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. 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 11
12 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 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 12
13 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 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 13
14 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 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? 14
15 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 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 15
16 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, 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 16
17 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 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 17
18 18
19 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 Tyypillisiä virheitä: informaatioarkkitehtuuri 19
20 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ä 20
21 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 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 21
22 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 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 22
23 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ä Lähteitä Jakob Nielsen, WWW suunnittelu, 2002, IT Press
IHTE-1900 Seittiviestintä
IHTE-1900 Seittiviestintä Seittisivujen käytettävyys 25.10. Päivän aiheet WWW:n erikoispiirteitä Seittisivujen käytettävyys - Hyvät ja huonot seittisivut (ryhmätyön tulokset) - Miten suunnitella hyvät
LisätiedotIHTE-2100 KaSuper 2008-2009 Luento 9: www-käyttöliittymät, standardit
IHTE-2100 KaSuper 2008-2009 Luento 9: www-käyttöliittymät, standardit Ten Good Deeds in Web Design 1. Aseta nimi ja logo joka sivulle, tee logosta linkki 2. Tarjoa hakumahdollisuus jos sivuja > 100 3.
Lisätiedothttp://www.cs.tut.fi/ihte IHTE-2100 KaSuper 2007-2008 Luento 4: Tehtäväanalyysi, multimodaalisuus
http://www.cs.tut.fi/ihte IHTE-2100 KaSuper 2007-2008 Luento 4: Tehtäväanalyysi, multimodaalisuus Päivän aiheet Tehtäväanalyysi Multimodaalisuus (Design patterns) WWW-käyttöliittymät Tehtäväanalyysi (task
LisätiedotIHTE-2100. http://www.cs.tut.fi/ihte. KaSuper 2008-2009 Luento 7: Tehtäväanalyysi, www-käyttöliittymä
IHTE-2100 http://www.cs.tut.fi/ihte KaSuper 2008-2009 Luento 7: Tehtäväanalyysi, www-käyttöliittymä Päivän aiheet Tehtäväanalyysi WWW-käyttöliittymät Tehtäväanalyysi Tehtäväanalyysi (task analysis) Yleinen
LisätiedotHeuristisen arvioinnin muistilista - lyhyt versio
Alla oleva kymmenkohtainen muistilista on sovellettu Jakob Nielsenin heuristisen arvioinnin muistilistasta (Nielsen, 1994), hyödyntäen Keith Instonen wwwpalveluiden arviointiin muokattua samaista listaa
LisätiedotVasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:
Nielsen: "Olen tutkinut Webin käytettävyyttä vuodesta 1994, ja jokaisessa tutkimuksessa esiin on noussut sama asia: käyttäjät haluaisivat sivujen latautuvan nopeammin. Aluksi olin sitä mieltä, että käyttäjät
LisätiedotMiksi tarvitsemme verkkokirjoittamisen taitoa?
Verkkokirjoittaminen Luento Miksi tarvitsemme verkkokirjoittamisen taitoa? Mitä on verkkokirjoittaminen? Ennen: internet-sivujen tekeminen Nyt: blogit, wikit, sähköpostit Sosiaalisen median aikakautena
LisätiedotKotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan.
Kotisivu Kotisivu on sivuston pääsivu Ensi kertaa sivustolle saapuvan käyttäjän pitäisi pystyä päättelemään sivuston tarkoitus kotisivun nähtyään. Usein lähtökohtana sivuston hierarkinen pääjaottelu, mutta
LisätiedotVerkkokirjoittaminen. Verkkolukeminen
0 Nopeaa silmäilyä: Pääotsikot, kuvat, kuvatekstit, väliotsikot, linkit, luettelot, korostukset. 0 Hitaampaa kuin paperilla olevan tekstin lukeminen 0 F-tyyppinen lukeminen Verkkolukeminen Verkkokirjoittaminen
LisätiedotVerkkokirjoittaminen. Anna Perttilä Tarja Chydenius
Verkkokirjoittaminen Anna Perttilä Tarja Chydenius 1 Suosi lyhyttä tekstiä 2 Kenelle kirjoitat 3 Helpota lukijan työtä; lajittele tekstisi 3.1 Otsikot 3.2 Johdanto 3.3 Väliotsikot 3.4 Pääteksti 4 Linkit:
LisätiedotLinkkitekstit. 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ätiedotMiksi käytettävyys on tärkeää
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
LisätiedotDigitaalisen median tekniikat. Esteettömyys ja käytettävyys Harri Laine 1
Digitaalisen median tekniikat Esteettömyys ja käytettävyys 30.4.2004 Harri Laine 1 WWW-sivujen käytettävyyttä arvioidaan usein tyypillisen normaalikäyttäjän kannalta Esteettömyydellä (accessibility) tarkoitetaan
LisätiedotARVO - verkkomateriaalien arviointiin Arvioitava kohde: Excel-Esitystapa, Arvioija: Juha Kuula, Arviointipäivämäärä:
Arvioitava kohde: Excel-Esitystapa, Arvioija: Juha Kuula, Arviointipäivämäärä: 3.9 Informaation esitystapa p. Jäsennetty esitystapa 4.4 p. [1 Looginen järjestys 4.0 p. [1 Tiiviis muoto 4.8 p. [1 Sivuston
LisätiedotURL-osoitteiden suunnittelu
Tim Berners-Lee: Jos olisin arvannut kuinka suosittu Webistä tulee, olisin yrittänyt keksiä URL-osoitteiden alkuosalle jonkin toisen muodon. http-alkuosa on hankala erityisesti puhelinkeskusteluissa. URL
LisätiedotKä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ätiedotSuomen virtuaaliammattikorkeakoulu Villan keritseminen, karstaus ja kehrääminen v.0.5 > 80 % % % < 50 %
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Villan keritseminen, karstaus ja kehrääminen v.0.5 > 80 % 80 60 % 60 50 %
LisätiedotARVO - verkkomateriaalien arviointiin
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 8/8: Esteettömyys Edellinen osa-alue
LisätiedotDigitaalisen median tekniikat. Esteettömyys ja käytettävyys
Digitaalisen median tekniikat 30.4.2004 Harri Laine 1 WWW-sivujen käytettävyyttä arvioidaan usein tyypillisen normaalikäyttäjän kannalta Esteettömyydellä (accessibility) tarkoitetaan sivujen laajempaa
LisätiedotKiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen
Kiipulan ammattiopisto Liiketalous ja tietojenkäsittely Erja Saarinen 2 Sisällysluettelo 1. Johdanto... 3 2. Hyvät internetsivut... 3 3. Kuvien koko... 4 4. Sivujen lataus... 4 5. Sivukartta... 5 6. Sisältö...
LisätiedotMitä 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
Mitä käytettävyys on? Käytettävyys verkko-opetuksessa 21.8.2002 Jussi Mantere Learnability (opittavuus) Efficiency (tehokkuus) Memorability (muistettavuus) Errors prevented (virheiden tekeminen estetty)
LisätiedotVerkkosivut 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ätiedotSuvi 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ätiedotKÄYTETTÄVYYS KÄYTETTÄVYYSPÄIVÄ 17.4.2014. Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi?
PÄIVÄ 17.4.2014 Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä) Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi?
LisätiedotSivuston tiedotskillers.tech
Sivuston tiedotskillers.tech Luotu Maaliskuu 28 2019 16:54 PM Pisteet55/100 SEO Sisältö Otsikko Skillers - Quality IT Recruiting services Pituus : 41 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.
LisätiedotLahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotVERKKOKIRJOITTAMINEN. 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ätiedotMOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT
MOBISITE-TYÖKALU MobiSite on työkalu matkapuhelimeen soveltuvan mobiilisivuston rakentamiseen. AIMO-järjestelmän jatkuvasti päivittyvä päätelaitetunnistus tunnistaa useimmat puhelinmallit ja mukauttaa
LisätiedotOulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotAmmattijärjestäjä Aulasvuori Www-projektin kuvaus
Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Minne Seppälä Avat 2014 Dokumentaatio 1 PROJEKTIN KUVAUS... 3 1.1 Projektin aloitus... 3 1.2 Aikataulu... 4 1.3 Kustannusarvio... 4 2 ULKOASU... 5 2.1
LisätiedotTee 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ätiedotSähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje
Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja Julkaisujärjestelmän ohje 2014 2 PM-Julk aisujärjestelmän perusohjeet Julkaisujärjestelmän käyttöönotto Julkaisujärjestelämän avulla voit itsenäisesti muokata
LisätiedotArtikkelien muokkaaminen sekä sisältöeditorin peruskäyttö
Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö Sisällysluettelo Kirjautuminen ja ylläpito...3 Kirjautuminen sivustolle...3 Ylläpitovalikko...3 Artikkeleiden muokkaaminen...4 Artikkelin asetukset...4
Lisätiedot1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.
1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE 4 1.2 VÄRILLINEN LOGO 5 1.3 LOGO VÄRILLISELLÄ POHJALLA 6 1.4 MUSTA LOGO 7 1.5 EI NÄIN 8 3 1.1 Logo ja turva-alue neste jacobsin logo Neste Jacobsin uusi tekstilogo
LisätiedotTampereen ammattikorkeakoulu Verkkokeskustelu > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Tampereen ammattikorkeakoulu Verkkokeskustelu > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue
LisätiedotKÄ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ätiedotARVO - verkkomateriaalien arviointiin
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 1/8: Informaation esitystapa
LisätiedotSuomen 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ätiedotOhjeita 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ätiedotSavonia 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ätiedotKÄYTETTÄVYYSPÄIVÄ Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYS. Mitä merkitystä sillä on?
PÄIVÄ 10.4.2013 Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi? 1 Mitä se on? 1/3 Tuotteen käytettävyys
LisätiedotSivuston tiedotmp3list.pro
Sivuston tiedotmp3list.pro Luotu Kesäkuu 06 2019 13:16 PM Pisteet52/100 SEO Sisältö Otsikko Download free music - mp3 songs and Pituus : 42 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta. Kuvaus
LisätiedotKuva xhtml-sivulla. Mirja Jaakkola
Kuva xhtml-sivulla Mirja Jaakkola Sisältö 3. Kuva www-sivulla 4. img-elementti 5. Kuvan koko 6. Kuvan keskitys vaakasuoraan & kuvateksti 7. Kuvan tasaus pystysuoraan 8. Esimerkki: pystysuora tasaus eri
LisätiedotSivuston nopeus. (vanhentumista ei ole määritetty)
Sivuston nopeus 76 / 100 Nopeus Pitäisi korjata: Hyödynnä selaimen välimuistia Asettamalla umpeutumispäivän tai enimmäisiän staattisten resurssien HTTP-header-osissa neuvot selainta lataamaan aiemmin ladatut
LisätiedotSuomen 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ätiedotUsed 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ätiedotSuomen virtuaaliammattikorkeakoulu Tietojohtaminen rakennus prosesseissa > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Tietojohtaminen rakennus prosesseissa > 80 % 80 60 % 60 50 % < 50 % Arviointialue
LisätiedotCSS - 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ätiedotSuomen virtuaaliammattikorkeakoulu Business in The EU v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Business in The EU v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotARVO - verkkomateriaalien arviointiin
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 7/8: Tekninen toteutus Edellinen
LisätiedotSivuston tiedotqbooksupportpho nenumber.com
Sivuston tiedotqbooksupportpho nenumber.com Luotu Kesäkuu 07 2019 05:06 AM Pisteet74/100 SEO Sisältö Otsikko QuickBooks Support Phone Number +1-844-233-5335 Telephone Support Pituus : 67 Täydellistä, otsikkosi
LisätiedotVIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE
VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE JULKAISUJÄRJESTELMÄÄN KIRJAUTUMINEN. Osoitekenttään kirjoitetaan www.domain.fi/admin. Kirjoita käyttäjätunnus: xxxxxx. Salasana:
LisätiedotSuomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotGood Minton Sulkapalloliiton Kilpailujärjestelmä SEPA: Heuristinen arviointi
Good Minton Sulkapalloliiton Kilpailujärjestelmä SEPA: Heuristinen arviointi Versiohistoria: Versio: Pvm: Laatijat: Muutokset: 0.1 2006-11-25 Janne Mäkelä Alustava 1.0 2006-12-10 Janne Mäkelä Valmis 1.
LisätiedotSuomen virtuaaliammattikorkeakoulu Tapauskertomus tietojärjestelmähanke > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Tapauskertomus tietojärjestelmähanke > 80 % 80 60 % 60 50 % < 50 % Arviointialue
LisätiedotSuomen virtuaaliammattikorkeakoulu Kestävää kehitystä etsimässä v. 0.9 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Kestävää kehitystä etsimässä v. 0.9 > 80 % 80 60 % 60 50 % < 50 % Arviointialue
LisätiedotKangasniemen 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ätiedotOpetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005
Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen 27.5.2005 Visuaalinen suunnittelu Ei ole koristelua Visuaalinen ilme vaikuttaa vastaanottokykyyn rauhallista jaksaa katsoa pitempään ja keskittyä
LisätiedotSivuston nopeus. Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä
Sivuston nopeus 78 / 100 Nopeus Pitäisi korjata: Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä Sivullasi on 3 estävää ohjelmaresurssia ja 3 estävää CSS-resurssia. Tämä viivästyttää
LisätiedotSuomen 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ätiedotNäkyvyys nousuun hakukoneoptimoinnilla
Näkyvyys nousuun hakukoneoptimoinnilla Teemu Leppänen Puhujan esittely Verkkosivuja vuodesta 1999 Tietoliikennealan koulutus Kouluttajana noin 10 vuotta Asunut Englannissa ja Australiassa Oma yritys vuodesta
LisätiedotSivuston nopeus. Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista.
Sivuston nopeus 50 / 100 Nopeus Pitäisi korjata: Älä käytä aloitussivun uudelleenohjauksia Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista. Vältä aloitussivun uudelleenohjauksia
LisätiedotKÄYTETTÄVYYSPÄIVÄ
KÄYTETTÄVYYSPÄIVÄ 29.3.2007 Anne Pirinen Meeri Mäntylä KÄYTETTÄVYYSPÄIVÄ Aikataulu 9.15-11.30, Ag C134.1 Luento-osuus 11.30-12.15 Lounastauko 12.15-14.00, projektitilat Ryhmätöiden teko 14.15-15.45, Ag
LisätiedotSuomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle
Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle Pyydämme suunnitelijaa ottamaan huomioon seuraavat ohjeet verkkokaupan ulkoasun suunnittelua koskien. Näin vältämme lisäkustannukset
LisätiedotSivuston tiedotaskgeek.io
Sivuston tiedotaskgeek.io Luotu Toukokuu 16 2019 15:25 PM Pisteet47/100 SEO Sisältö Otsikko AskGeek.io Pituus : 10 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta. Kuvaus AskGeek.io - Compare
LisätiedotKäyttöliittymän suunnittelu tilastotieteen verkko-opetukseen. Jouni Nevalainen
Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen Jouni Nevalainen Esityksen sisällysluettelo Työn tausta Ongelman asettelu Käsitteitä ja määritelmiä Käytetyt menetelmät Tulokset Johtopäätökset
LisätiedotVirtuaaliAMK 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ätiedotSivuston nopeus. Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä
Sivuston nopeus Mobiili 66 / 100 Nopeus Pitäisi korjata: Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä Sivullasi on 2 estävää ohjelmaresurssia ja 2 estävää CSS-resurssia. Tämä viivästyttää
LisätiedotSivuston tiedotdigitalagency.hyp ersaiyan.com
Sivuston tiedotdigitalagency.hyp ersaiyan.com Luotu Heinäkuu 10 2017 09:56 AM Pisteet46/100 SEO Sisältö Otsikko Hyper Saiyan : Digital Agency Pituus : 29 Täydellistä, otsikkosi sisältää väliltä 10 ja 70
LisätiedotUpdateIT 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ätiedotSivuston nopeus. Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä
Sivuston nopeus 66 / 100 Nopeus Pitäisi korjata: Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä Sivullasi on 2 estävää ohjelmaresurssia ja 1 estävää CSS-resurssia. Tämä viivästyttää
Lisätiedot63 / 100 Nopeus. Sivuston nopeus. Pitäisi korjata: Hyödynnä selaimen välimuistia. Mobiili
Sivuston nopeus Mobiili 63 / 100 Nopeus Pitäisi korjata: Hyödynnä selaimen välimuistia Asettamalla umpeutumispäivän tai enimmäisiän staattisten resurssien HTTP-header-osissa neuvot selainta lataamaan aiemmin
LisätiedotNavigointi 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ätiedotSivuston nopeus. Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista.
Sivuston nopeus Mobiili 56 / 100 Nopeus Pitäisi korjata: Älä käytä aloitussivun uudelleenohjauksia Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista. Vältä aloitussivun
LisätiedotKuvat. 1. Selaimien tunnistamat kuvatyypit
Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai
LisätiedotSivuston tiedotemreemir.com
Sivuston tiedotemreemir.com Luotu Maaliskuu 10 2019 18:41 PM Pisteet66/100 SEO Sisältö Otsikko Emre Emir, Full-Stack Web Developer Pituus : 35 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.
LisätiedotSuomen virtuaaliammattikoulu Kaasutustekniikka v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikoulu Kaasutustekniikka v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotSivuston nopeus. Sivullasi ei ole uudelleenohjauksia. Lue lisää aloitussivun uudelleenohjausten välttämisestä.
Sivuston nopeus 100 / 100 Nopeus 10 Hyväksytyt säännöt Älä käytä aloitussivun uudelleenohjauksia Sivullasi ei ole uudelleenohjauksia. Lue lisää aloitussivun uudelleenohjausten välttämisestä. Ota pakkaus
LisätiedotSuomen Virtuaaliammattikorkeakoulu Kasvinsuojelu ruiskutustekniikka v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen Virtuaaliammattikorkeakoulu Kasvinsuojelu ruiskutustekniikka v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue
LisätiedotARVO - verkkomateriaalien arviointiin
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 6/8: Navigoinnin tukeminen Edellinen
LisätiedotSuomen 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ätiedotSuomen virtuaaliammattikorkeakoulu Metso hyökkää Miksi? v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Metso hyökkää Miksi? v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotEditorin käyttö. TaikaTapahtumat -käyttöohje
Editorin käyttö TaikaTapahtumat -käyttöohje Yleistä ohjelmasta etaika-järjestelmän HTML-moduuli sisältää tekstieditorin, joka on monipuolinen apuväline tehtäessä materiaalia sivustolle (esim. tapahtumakohtaiset
LisätiedotNetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun
NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun OpenSpace NetEazer julkaisujärjestelmä on täydellinen informaatiojärjestelmä nykyaikaisten wwwpalvelujen sisällöntuotantoon.
Lisätiedot1 Yleistä Web-editorista... 3. 1.1 Web-editori -dokumentin luominen... 3. 2 Pikatoimintopainikkeet... 3. 2.1 Tallenna... 3
Web-editori 2 Optima Web-editori -ohje Sisällysluettelo 1 Yleistä Web-editorista... 3 1.1 Web-editori -dokumentin luominen... 3 2 Pikatoimintopainikkeet... 3 2.1 Tallenna... 3 2.2 Peru / Tee uudelleen...
LisätiedotSuomen virtuaaliammattikorkeakoulu Vetokoe v.0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Vetokoe v.0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue
LisätiedotSivuston tiedotle-vintage.fr
Sivuston tiedotle-vintage.fr Luotu Tammikuu 12 2017 10:53 AM Pisteet56/100 SEO Sisältö Otsikko Le Vintage - Restaurant (site officiel) Pituus : 39 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.
LisätiedotTekstieditorin käyttö ja kuvien käsittely
Tekstieditorin käyttö ja kuvien käsittely Teksti- ja kuvaeditori Useassa Kotisivukoneen työkalussa on käytössä monipuolinen tekstieditori, johon voidaan tekstin lisäksi liittää myös kuvia, linkkejä ja
LisätiedotKopseptisuunnittelu Verkkomultimedia ICT1tn004
Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Sivustokartta Käsikirjoitus Graafinen suunnitelma Elina Ulpovaara Konseptisuunnittelu ICT1TN004 toiminnallisuus toimintatarinat -> käyttötarinat kuvatarinat
LisätiedotAnimaatio Web-sivuilla
Ihmisen koko huomio kiinnittyy vaistomaisesti (hyökkääjiltä suojautuminen) liikkuvaan kuvaan. Yleisesti ottaen animaatioita kannattaa käyttää mahdollisimman vähän. Suunnitteluvaiheessa on hyvä pohtia,
Lisätiedot52 / 100 Nopeus. Sivuston nopeus. Pitäisi korjata: Hyödynnä selaimen välimuistia. Mobiili
Sivuston nopeus 52 / 100 Nopeus Pitäisi korjata: Hyödynnä selaimen välimuistia Asettamalla umpeutumispäivän tai enimmäisiän staattisten resurssien HTTP-header-osissa neuvot selainta lataamaan aiemmin ladatut
LisätiedotTunnuksen päivitys 19.9.2012
Tunnuksen päivitys 19.9.2012 2 Tampereen yliopiston tunnus Tampereen yliopiston tunnus Tuhannet ihmiset näkevät Tampereen yliopiston tunnuksen päivittäin lomakkeissa, nettisivuilla, raporteissa, esitteissä.
LisätiedotSivuston tiedotreviewproducts.org
Sivuston tiedotreviewproducts.org Luotu Heinäkuu 28 2019 14:31 PM Pisteet50/100 SEO Sisältö Otsikko Review-products.org our product reviews will help you in choosing and placing your order Pituus : 90
LisätiedotKÄ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ätiedotSuomen virtuaaliammattikorkeakoulu XML_mark_up_language > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu XML_mark_up_language > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotSikarodut > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain 6.11.2006 Sikarodut > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue Ominaisuuksien Valmis/
LisätiedotHelsingin 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ätiedotSuomen 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ätiedotOulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50
LisätiedotTIEDEPOSTERI. - 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