Webiin kirjoittaminen



Samankaltaiset tiedostot
Sähköpostiohjeet. Tehokas ja huoleton sähköposti

Windows Live SkyDrive - esittely

PÄIVÄ huomioiminen tuotekehityksessä

Raportointi hankkeen tulosten kuvaajana ja toteutuksen tukena

Graa f inen ohjeisto Graa f inen ohjeisto

Paikallissivuston kumppanin starttipaketti

Väli- ja loppuraportointi

Matematiikan tukikurssi

Mielestämme hyvä kannustus ja mukava ilmapiiri on opiskelijalle todella tärkeää.

Epäyhtälön molemmille puolille voidaan lisätä sama luku: kaikilla reaaliluvuilla a, b ja c on voimassa a < b a + c < b + c ja a b a + c b + c.

Taulukkolaskenta II. Taulukkolaskennan edistyneempiä piirteitä

Elinkeinoverolaki käytännössä. Matti Kukkonen Risto Walden

Ohje PhotoPortaalin käytöstä

BLOGGAAMINEN. Henna Nyman Partaharju CC (ND)

KiVa Koulu tilannekartoituskysely 2016 sivu 1/31. KiVa Koulu tilannekartoituskysely 2016 sivu 2/31. KiVa Koulu tilannekartoituskysely 2016 sivu 3/31

Sonera Hosted Mail -palvelun käyttöohje

Ratkaisuehdotukset Kesäyliopisto Kuvassa on esitetty erään ravintolan lounasbuffetin kysyntäfunktio.

Laboratoriotyön sisältö. Pareittain tehtävä laboratoriotyö Vaatimukset: Laboratoriotyöskentely Loppuraportti (1 raportti/työ)

Tutustu merkintöihin! Tärkeää tietoa siitä, miten varmistat pesu- ja puhdistusaineiden käytön turvallisuuden kotona

String-vertailusta ja Scannerin käytöstä (1/2) String-vertailusta ja Scannerin käytöstä (2/2) Luentoesimerkki 4.1

Äänekosken Juniorijalkapallo

lähteitä, mitä kirjoittaja on käyttänyt. Ja meille on helpompi nähdä ne, kun me jatkossa tutkimme evankeliumeja.

2.2 Täydellinen yhtälö. Ratkaisukaava

IHTE-1100 Käytettävyyden perusteet syksy 2007 Liite 1: Käsitteellinen suunnittelu

Arkkitehtitoimistojen Liitto ATL ry Julkisten hankintojen lainsäädännön vaikutus arkkitehtipalveluihin Kesä-elokuu 2010, vastaajia: 66

Matematiikan tukikurssi

Kuntosaliharjoittelun kesto tunteina Kokonaishyöty Rajahyöty

Ohjeita informaation saavutettavuuteen

Veneilijän merenkulkuoppi I Saaristonavigointi 12 painos Korjauksia

Mihin kotityöpalvelu perustuu asiakkaan kanssa tehtyyn sopimukseen

Taloustieteen perusteet 31A Mallivastaukset 3, viikko 4

Aluksi Kahden muuttujan lineaarinen epäyhtälö

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

Huomaathan, että ohjeessa olevat näytöistä otetut kuvat voivat poiketa sinun koulutuksesi vastaavien sivujen kuvista.

II- luento. Etiikan määritelmiä. Eettisen ajattelu ja käytänteet. 1 Etiikka on oikean ja väärän tutkimusta

Strategia, johtaminen ja KA. Virpi Einola-Pekkinen

Tytöt LVI-alalla - Perusraportti

LUPAOSAKASLUETTELO (ns. yhteislupa) Liite hirvieläinten pyyntilupahakemukseen Sivu 1

SKYPE-RYHMÄN LUOMINEN

Asteri Kirjanpito Dos ALV% nousu 1 %-yksiköllä Vuosipäivitys

Kokemusasiantuntijan tarina. Kasvamista kokemusasiantuntijaksi

TimeEdit henkilökunnan ohje

Uudistuva RISKINARVIO-ohje

Kauden vaihtaminen. Tom Hedman Jopox oy;

Teen koko ajan aktiivista mainontaa Googlessa. Tavoite on olla etusivulla, kun haetaan henkisiä tapahtumia, kursseja, yrittäjiä.

Asiamiestutkinto Tavaramerkkioikeus TEOLLISOIKEUSASIAMIES- LAUTAKUNTA. OSIO 2. (enintään 85 pistettä) Kysymys 2.1 (enintään 20 pistettä)

P-Frami sopimusasiakkaan käyttöohje

c) Määritä paraabelin yhtälö, kun tiedetään, että sen huippu on y-akselilla korkeudella 6 ja sen nollakohdat ovat x-akselin kohdissa x=-2 ja x=2.

Meneekö viesti perille?

ABT 2000kg Haarukkavaunun käyttöohje

Maisema-arkkitehtuurin perusteet 1A, syksy 2015 Pinnanmuodot-tehtävään ArcMap-ohjeet

Posterin valmistelu. Jussi Maunuksela. Jyväskylän yliopisto, Fysiikan laitos, PL 35, Jyväskylän yliopisto FYSA291 posteri työpaja 1

Ajankohtaista Liikenneviraston hankinnan ohjauksesta. Vesiväyläpäivä 2016,

Usein kysytyt kysymykset

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

ESTON LASKENTA VERKOSSA

Miten korkeakoulujen yhteishaun ja erillishakujen kokonaisuutta tulisi kehittää?

Hyvä vesihuoltohanke, suunnittelijan näkökulma

TG8200NE_QG_(fi-fi).fm Page 1 Friday, September 7, :21 PM. Koukut ( V, 50 Hz)

Verkkokirjoittaminen. Verkkolukeminen

Epsonin kokousratkaisut INTERAKTIIVISTEN PROJEKTORIEN PIKAOPAS

Mobiiliturva Palvelun käyttöönotto

- Valitaan kohta Asetukset / NAT / Ohjelmallinen palvelin - Seuraavassa esimerkki asetuksista: valitaan käytössä oleva ohjelmistorajapinta

OHJ-1151 Ohjelmointi IIe

Ohje hakulomakkeen täyttämiseen yliopistohaku.fi -palvelussa

Sonic Boom BD4000. Käyttöohje

ARVO - verkkomateriaalien arviointiin

1 / 11. Digitaalisen arkkitehtuurin yksikkö Aalto-yliopisto. Pikaopas Maxwelliin. ARK-A2500 DA-alkeet Elina Haapaluoma, Heidi Silvennoinen Syksy 2015

83450 Internetin verkkotekniikat, kevät 2002 Tutkielma <Aihe>

Webforum. Version 16.2 uudet ominaisuudet. Päivitetty:

Verkkosivut perinteisesti. Tanja Välisalo

Lukiolaisten ja toisen asteen ammatillista perustutkintoa suorittavien elämäntilanne ja toimeentulo

Matematiikan tukikurssi 3.4.

E-kirjat. ja uusi Ellibsin käyttöliittymä

Tarkoitus. Edellytykset. Kirjautuminen HAKA-tunnistautumisen kautta

Molemmille yhteistä asiaa tulee kerralla enemmän opeteltavaa on huomattavasti enemmän kuin englannissa

Matkahuolto lisäosa WooCommerce alustalle (c) Webbisivut.org

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

VIESTINNÄN TYÖKALUPAKKI AUKI

Moodle HOPS-työskentelyn tukena

TEHTÄVÄN NIMI YHDELLE TAI USEAMMALLE RIVILLE FONTTIKOKO 24 Tarvittaessa alaotsikko fonttikoko 20

Oulun korkeakouluopiskelijoiden kansalaisuuskäytännöt ja sosiaalinen media:

Perusopetuksen aamu- ja iltapäivätoiminnan laadun arviointi 2016 Västankvarns skola/ Tukiyhdistys Almus ry.

Ylläpitäjä ei peri maksua omien sähköisten palvelujensa yhteydessä, ellei sitä ole palvelun kuvauksessa erikseen ja selkeästi mainittu.

Suomenlaki.com Tee juridinen tiedonhaku helposti uudistuneen Suomenlaki.comin avulla TIETOmessut 2011 Miguel Rosenström Talentum Media Oy

Mitä lapsen tulisi varhaiskasvatuksesta saada? Leikki-ikäisen hyvän kasvun eväät MLL Helsinki Marjatta Kalliala

Merkintöjen tekeminen pohjakuvaan Libre Officella v.1.2

Voiko kohtaamista johtaa?- myönteisen vuorovaikutuksen luominen hoivakontakteissa. Mainio Vire Oy Laura Saarinen

AMMATTIKORKEAKOULUJEN NUORTEN SUOMENKIELINEN KOULUTUS

Finnan trendiraportti 2015 Yhteenvedot

Asenna myös mikroskopian lisäpala (MBF ImageJ for Microscopy Collection by Tony Collins)

TW- EAV510: WDS- TOIMINTO KAHDEN TW- EAV510 LAITTEEN VÄLILLÄ

Hae Opiskelija käyttöohje

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016

P A R T. Professional Assault Response Training Seppo Salminen Auroran koulu. Valtakunnalliset sairaalaopetuksen koulutuspäivät

1 Opinnäytetyön graafiset ohjeet. 2 Sivun asetukset. 3 Sivunumerointi. 4 Otsikot

Johdatus diskreettiin matematiikkaan Harjoitus 7,

Lisää segmenttipuusta

Ulkoiset mediakortit Käyttöopas

Induktio kaavan pituuden suhteen

Transkriptio:

Webiin kirjoittaminen Webiin kirjoitettaessa ei vaikuteta vain sisältöön, vaan myös koko käyttökokemukseen, koska käyttäjä käy ensin läpi tekstin ja otsikot. Tekstin pitää olla kieliopillisen oikeellisuuden lisäksi esitetty käyttäjiä houkuttelevalla tavalla.

Webiin kirjoittaminen Seuraavat kolme sääntöä ovat pääosassa Webiin kirjoitettaessa: Kirjoita ytimekkäästi, käytä tekstin tuottamiseen vain puolet siitä sanamäärästä jonka olisit käyttänyt paperilla. Kirjoita teksti silmäiltäväksi, käyttäjiä ei pidä pakottaa lukemaan pitkiä tekstijaksoja. Teksti on jaoteltava osiin lyhyiden kappaleiden, alaotsikoiden ja luetteloiden avulla. Jaa pitkä teksti hypertekstin avulla useammille sivuille.

Webiin kirjoittaminen Tutkimusten mukaan ihmiset lukevat 25% hitaammin näytöltä kuin paperilta (parantuneiden näyttöjen myötä lukunopeus näytöiltä lienee kasvanut tästä tutkimustuloksesta). Tästä syystä ihmiset eivät halua lukea pitkiä tekstejä näytöltä. Ongelma ratkeaa kun kirjoitetaan 50% vähemmän tekstiä (ei vain 25% koska on ajateltava myös käyttäjän viihtyvyyttä, käyttäjät eivät halua vierittää näyttöä).

Webiin kirjoittaminen Kaikille www-sivuille tulisi tehdä ohjelmallinen kieliasun tarkastus. Tämän lisäksi sivustot kannattaa myös oikoluettaa, jotta myös tarkoituksen kannalta väärät sanat saadan korjattua. Esimerkki: aikamies (aikuinen mies) aika mies (aikamoinen mies)

Webiin kirjoittaminen Webissä käyttäjät silmäilevät tekstiä ja poimivat siitä avainsanoja sekä mielenkiintoisia virkkeitä ja kappaleita hypäten yli vähemmän mielenkiintoisista tekstin osista. Erään tutkimuksen mukaan 79% koehenkilöistä silmäili uuden sivun lävitse ja vain hyvin harvat käyttäjät lukivat tekstin sana sanalta.

Webiin kirjoittaminen Web-materiaali pitää kirjoittaa siten, että tekstiä on mahdollisimman helppoa silmäillä: Artikkelissa pitää olla kaksi tai jopa kolme otsikoinnin tasoa (sivun yleinen otsikko ja alaotsikot sekä mahdollisesti vielä alaotsikoiden alaotsikot) Otsikon on tärkeämpää olla merkitsevä kuin näppärä, otsikon lukeneelle käyttäjälle pitäisi selvitä sivun tai kappaleen käsittelemä aihe.

Webiin kirjoittaminen Web-materiaali pitää kirjoittaa siten, että tekstiä on mahdollisimman helppoa silmäillä: Yhtenäisenä toistuvat tekstikokonaisuudet pilkotaan luetteloiden ja muiden vastaavien ulkoasukeinojen avulla pienempiin osiin. Käyttäjän huomio kiinnitetään tärkeisiin sanoihin korostamalla ja nostamalla sanat tekstistä esiin (myös linkit toimivat tällaisina). Korostus- ja taustavärit pitää valita siten, että ne ovat selkeästi erilaisia kuin linkkien värit.

Selkeä kieli Webin käyttäjät eivät halua lukea paljon materiaalia, joten jokaisen sivun alkuun on tärkeää sijoittaa yhteenveto. Tärkein on esitettävä ensin. Sivun tarkoitus ja hyöty pitäisi selvitä käyttäjälle yhdellä vilkaisulla. Tekstiä silmäilevä käyttäjä lukee usein vain jokaisen kappaleen ensimmäisen virkkeen.

Selkeä kieli Yhdessä kappaleessa kannattaa esittää vain yksi ajatus. Myös lauserakenteiden tulee olla yksinkertaisia. Kielikuvia on käytettävä harkiten, koska käyttäjät saattavat ymmärtää tekstin kirjaimellisesti. Huumoria kannattaa käyttää tekstissä erityisen varovaisesti, tekstin sarkastinen tai humoristinen luonne saattaa jäädä lukijalta huomaamatta jolloin lukija suhtautuu tekstiin väärin.

Sivun paloittelu Teksti voidaan jakaa hypertekstilinkeillä yhdistettyihin itsenäisiin osiin. Tällöin jokainen sivu voi olla lyhyt, mutta sivuilla yhteensä on mahdollista esittää enemmän informaatiota kuin olisi mahdollista painetussa lähteessä. Laajan ja yksityiskohtaisen taustamateriaalin julkaisemisessa hyödynnetään linkkejä.

Sivun paloittelu Pitkää lineaarista tekstiä ei pidä jakaa useille sivuille. Eri osien lataaminen hidastaa lukemista ja hankaloittaa tulostamista. Pitkä dokumentti joka jatkuu seuraavalla sivulla, ei ole oikeaa hypertekstiä. Tieto on parempi jakaa itsenäisiin osiin, jotka käsittelevät tiettyä aihetta. Käyttäjän pitäisi pystyä valitsemaan ja lataamaan vain häntä koskevat sivut.

Sivun paloittelu Kaikki käyttäjät eivät pidä sivujen vierittämisestä. Sivujen pitää olla suhteellisen lyhyitä. Tärkeimpien linkkien pitää näkyä yleisimmillä monitoreilla ilman vierittämistä. Navigointisivu ei saa vaatia vierittämistä, koska kaikkien vaihtoehtojen on oltava kerralla käyttäjän nähtävissä.

Sivujen nimeäminen HTML:ssä jokaisella sivulla on oma ylätunnisteessa näkyvä nimensä. On tärkeää, että sivulla on hyvä nimi, koska sivuun viitataan ja sitä käsitellään monissa yhteyksissä tällä nimellä. Nimiä käytetään myös mm. kirjanmerkkihakemistossa ja sivuhistoriassa. Suositus: n. 40 60 merkkiä pitkä sivun sisällön selkeästi määrittelevä nimi.

Sivujen nimeäminen Eri sivuilla pitää olla eri nimet. Nimen informatiivisimmat sanat sijoitetaan nimen alkuun --> valikkojen ja sivuluetteloiden silmäily helpottuu. Englanninkielisten nimien silmäily helpottuu jos alusta jätetään pois artikkelit A, An ja The. Tämä on tärkeää myös aakkosjärjestyksessä olevien luetteloiden kannalta. Nimen ei tarvitse olla kieliopillisesti oikea lause vaan pikemminkin iskevä mainoslause.

Otsikointi Web-sivun otsikot eroavat huomattavasti tavasta, jolla painotuotteita otsikoidaan. Suurimmat erot: Verkossa otsikoita käytetään usein yksistään ilman asiayhteyttä. Otsikko voi esiintyä artikkeliluettelossa, hakukoneen tuloslistauksessa tai kirjanmerkki-valikossa. Silloinkin kun otsikko on yhteydessä itse asiaan, otsikon tulkitseminen ympäröivän tiedon avulla ei ole helppoa, koska ruudulta on vaikeampaa lukea kuin paperilta.

Otsikointi Em. eroavaisuuksista johtuen otsikon tulee olla itsenäinen yksikkö, joka on ymmärrettävissä myös muusta sisällöstä erillisenä. Lähitulevaisuus: ihmiset saavat niin paljon sähköpostia, että viestejä aletaan poistaa mikäli viestin otsikko ei kiinnosta käyttäjää?

Otsikointi Muiden tuottamaa sisältöä luetteloidessa otsikot kannattaa useimmiten kirjoittaa uudelleen. Ohjeita Web-otsikoiden kirjoittamiseen: otsikoissa käytetään selkeää ja yksinkertaista kieltä, ei sanaleikkejä eikä nokkelia otsikoita otsikoita ei pidä tehdä siten, että käyttäjä valitsee tekstin vain saadakseen selville mistä on kysymys, verkossa odotusten nostattaminen ei toimi

Otsikointi Ohjeita Web-otsikoiden kirjoittamiseen: englanninkielisissä otsikoissa artikkelit A, An ja The jätetään pois (leipätekstissä artikkelit normaalisti) otsikon ensimmäisen sanan pitää olla tärkeä ja informatiivinen kaikkien sivujen otsikoita ei kannata aloittaa samalla sanalla, koska tämä vaikeuttaa luetteloiden silmäilyä, otsikoissa usein esiintyvät sanat kannattaa sijoittaa otsikon loppuun

Luettavuus Sivuston luettavuudesta voidaan varmistua noudattamalla seuraavia perussääntöjä. Tekstin ja taustan värien välillä on oltava mahdollisimman voimakas kontrasti. Luettavuus on parhaimmillaan jos teksti on mustaa ja tausta valkoista (positiivinen teksti). Valkoinen teksti mustalla pohjalla (negatiivinen teksti) on lähes yhtä hyvä vaihtoehto. Tässä vaihtoehdossa totutusta poikkeaminen tosin koetaan usein hämmentävänä.

Luettavuus Kaikkein huonoimpia vaihtoehtoja on vaaleanpunainen teksti vihreällä taustalla (huono kontrasti, punavihersokeat) Tekstin taustaksi kannattaa valita joko yksi ainoa väri tai todella rauhallinen taustakuvio. Taustakuvio häiritsee silmän kykyä erotella kirjainten viivoja ja tunnistaa sanojen muotoja.

Luettavuus Käytettävän kirjasinkoon pitää olla niin suuri, että myös heikkonäköiset pystyvät lukemaan tekstin. Muista suhteellinen kirjasinkoon asettaminen! Tekstin on pysyttävä paikallaan, liikkuvaa, zoomailevaa tai välkkyvää tekstiä on huomattavasti vaikeampaa lukea.

Luettavuus Käytännössä kaikki teksti on parasta tasata vasempaan reunaan jolloin lukunopeus nousee huomattavasti keskitettyyn tai oikealle tasattuun reunaan verrattuna. Muutamien rivien keskittäminen tai oikealle tasaaminen antaa kuitenkin tekstille ilmettä, kunhan poikkeavasti asemoitua tekstiä ei ole liian paljon. Myös luetteloiden silmäily helpottuu, jos jokaisen kohdan ensimmäinen sana on tasattu vasemmalle samaan kohtaan.

Luettavuus Pientä tekstiä on helpompi lukea näytöltä käytettäessä pääteviivatonta (sans serif) kirjasinta kuten Verdana. Useimmat ihmiset lukevat kuitenkin mieluummin pääteviivat sisältävällä kirjasimella kirjoitettua tekstiä. Alle 9 pisteiset tekstit pääteviivattomalla fontilla. SUURAAKKOSIEN KÄYTTÖÄ TEKSTISSÄ KANNATTAA VÄLTTÄÄ, KOSKA LUKUNOPEUS PUTOAA NOIN 10% TAVALLISEEN TEKSTIIN VERRATTUNA.