Linkkitekstit. Kaikkein vanhin WWW-suunnitteluohje:



Samankaltaiset tiedostot
Mikä on RSS-syöte? RSS -syötteen tilaaminen sähköpostiin

Kotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan.

URL-osoitteiden suunnittelu

Kuinka aloitat kumppanuusmainonnan sivustollasi

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Miksi tarvitsemme verkkokirjoittamisen taitoa?

MOODLE-OHJE: Linkin lisääminen tehtävänannon yhteyteen. Web-linkin lisääminen

Moodle-oppimisympäristö

VINKKEJÄ CV-NETIN KÄYTTÖÖN.

VERKKOKIRJOITTAMINEN.

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

Ohjeet asiakirjan lisäämiseen arkistoon

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

Miten siirrän omat työni Office 365:stä Peda.nettiin sekä jaan sen siellä muille Eija Arvola

Miksi käytettävyys on tärkeää

VINKKEJÄ CV-NETIN KÄYTTÖÖN.

Verkkosivut perinteisesti. Tanja Välisalo

Animaatio Web-sivuilla

EU-rikollisia koskevien tietojen laadun parantaminen

Google Sites: sivun muokkaaminen (esim. tekstin, kuvien, linkkien, tiedostojen, videoiden ym. lisääminen)

Ohjeita kirjan tekemiseen

Ohjeita informaation saavutettavuuteen

EuroTraffic Language Training

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

LUKKARIN KÄYTTÖOHJE Sisällys

Kuva 1. Jokaisen tavallisen kuvan tasotyökalussa näkyy vain yksi taso, tässä nimellä tausta.

VSP webmail palvelun ka yttö öhje

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU

Sisäänkirjaus Uloskirjaus. Yritystieto

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla

Oma kartta Google Maps -palveluun

Ohje: Miten haen artikkeleita Aleksista

Vaasan kaupungin nuorten kesätyöt haetaan Kuntarekry.fi työnhakuportaalin kautta.

Tehy Tehyn ammattiosaston mallivaalijärjestys V103. Valtuuston kokous (7)

Verkkokirjoittaminen. Anna Perttilä Tarja Chydenius

UpdateIT 2010: Editorin käyttöohje

Kuukauden kuvat kerhon galleriaan lähtien kuukaudenkuvaajan kuvagalleria on siirretty uudelle palvelimelle osoitteeseen:

NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA

1.1 Sisäänkirjautuminen ST-Akatemia Online -palveluun kirjaudutaan -osoitteen kautta.

GPS Miten opin käyttämään? Mihin käytän?

Asko Ikävalko, k TP02S-D. Ohjelmointi (C-kieli) Projektityö. Työn valvoja: Olli Hämäläinen

Ylläpito toimittaa sinulla sähköpostiisi käyttäjätunnuksen ja salasanan. Tässä esimerkissä

GALERIE EXHIBITIONS (13) 1 2 EXHIBITIONS 2

Diakonia-ammattikorkeakoulu SoleOps Opiskelijan opas. SoleOps

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

Pika-aloitusopas. Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu

Yrjö Määttänen Kokemuksia SuLVInetin käytön aloituksen

Uutiskirjesovelluksen käyttöohje

STS UUDEN SEUDULLISEN TAPAHTUMAN TEKO

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

Joukkuesivujen päivittäminen


MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

SharePoint Foundation 2010 perusteet ylläpitäjille

UpdateIT 2010: Uutisten päivitys

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

Epooqin perusominaisuudet

eomahoidon käyttöohje

KESKUSTANUORTEN NETTISIVUT- OHJEITA PIIRIYLLÄPITÄJÄLLE 1. KIRJAUTUMINEN

STS Uuden Tapahtuma-dokumentin teko

Suunnittelumallien käyttö ja web-navimallit

My easyfairs -palvelun käyttö

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

Ohje: Useamman seuran yhteisen tapahtumasarjan luominen Rastilippu-palvelussa

Mainostaminen Facebookissa

Peruskäytön ohje. Senaatti-kiinteistöjen ProjekTila-palvelu Perusohje versio 1.1. Sisällysluettelo

Anna tapahtumalle kertova, mutta lyhyt nimi esim. Kymi Sinfoniettan joulukonsertti

Punomo Tee itse -julkaisun tekeminen

Kirjaston verkkopalvelun suunnittelu käyttäjäkeskeisesti. Päivi Ylitalo-Kallio Eduskunnan kirjasto (Metropolia Ammattikorkeakoulun kirjasto)

Tämän värilaatuoppaan tarkoitus on selittää, miten tulostimen toimintoja voidaan käyttää väritulosteiden säätämiseen ja mukauttamiseen.

Museokartta Katselukäyttäjän ohje , päivitetty Ohjeen sijainti: Intra/Ohjeet/Kulttuuriympäristö/Paikkatieto ohjeet

Webforum. Version 14.4 uudet ominaisuudet. Viimeisin päivitys:

Peliteoria luento 1. May 25, Peliteoria luento 1

Palaute kirjasta: Copyright 2011 Talentum Media Oy ja tekijät. Kansi: Sanna-Reeta Meilahti Taitto: NotePad Ay,

Mitä direktiivi käytännössä velvoittaa?

Väitöskirja -mallipohja

ARVO - verkkomateriaalien arviointiin

Verkkoaineistojen linkittäminen

Kuvat Web-sivuilla. Keskitie:

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Ehdotusjärjestelmä. Henri Ylikotila. Finto-projektin laajennetun projektiryhmän kokous Esityksen kalvot:

1 (5) VASTUUNALAISEN KOULUTTAJAYRITYKSEN KÄYTTÖLIITTYMÄ

FrontPage Näkymät

Hakukoneoptimointi. Frida-Maria Pessi 2014

AIKAJANA-KAAVION KÄYTTÖOHJE Pitkäaikaissairaan hoito- ja palveluketju aikajanalla Kainuun RAMPE-osahanke

Office_365_loppukäyttäjän ohje Esa Väistö

Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v Sanoma Pro digikirjat verkkopalvelu Yleistä Laitteistovaatimukset...

Onginta kilpailulajina

TimeEdit opiskelijan ohje TimeEdit-instructions for students from this link

Yhdistysnetin Tapahtumakalenterin ohje

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA

LUT Moodle -opiskelijan opas 2014

Facebook-sivun luominen

GN Hearing - sovellus - käyttöohje

Rakennusten elinkaarimittareiden verkkotyökalun käyttöohje.

Opetussuunnitelmasta oppimisprosessiin

Käytännön kokemukset opinnäytteiden julkaisijana

MATERIAALIPAKETTI NUORTENILTAAN OLE HYVÄ!

Tekstinkäsittely ja opinnäytetyö I sisällysluettelo ja sivunumerointi. Word 2007

Transkriptio:

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ä: Rakenteelliset linkit auttavat hahmottamaan tietoavaruutta ja liikkumaan siinä. Sisältölinkki on yleensä alleviivattua sana, jonka avulla käyttäjä siirtyy sivulle, joka antaa lisätietoa ko sanasta. Aiheeseen liittyvät linkit auttavat käyttäjää löytämään etsimänsä mikäli käyttäjä huomaakin olevansa väärällä sivulla.

Linkkitekstit Linkkiteksti ei saisi olla liian pitkä, koska käyttäjät silmäilevät linkkejä nähdekseen mitä he voivat sivulla tehdä. Katse pysähtää linkkien kohdalle (vrt painetun tekstin korostukset). Hypertekstilinkeiksi valittava vain kaikkein merkityksellisimmän termit.

Linkkitekstit Kaikkein vanhin WWW-suunnitteluohje: Linkkitekstissä tulee välttää ilmausta klikkaa tästä tai täältä. Ei näin: Lisätietoa www-suunnittelusta saat tästä. Vaan näin: Täältä saat lisätietoa www-suunnittelusta.

Linkkiotsikot Merkitsevien sanojen alleviivamisen lisäksi käyttäjälle kannattaa tarjota lyhyt kuvaus linkin takaa löytyvästä tiedosta. Selitysosa on nimeltää linkkiotsikko ja se toteutetaan linkkitagin title-attribuuttia käyttäen. Title-attribuutilla määritelty otsikko tulee näkyviin noin sekunnin kuluttua siitä, kun hiiren osoitin on viety linkin kohdalle.

Linkkiotsikot Linkkiotsikon tarkoituksena on auttaa käyttäjää arviomaan mitä tapahtuu jos hän seuraa tiettyä linkkiä. Linkkiotsikko voi sisältää esimerkiksi seuraavia asioita: Sen sivuston nimi, jolle linkki käyttäjän johtaa (mikäli linkki vie ulos sivustolta). Linkin kohteen nimi (jos linkki osoittaa samalla sivustolla olevaan kohteeseen). Lisätietoa kohdesivustolla olevasta informaatiosta, sekä siitä kuinka kohteena olevan sivusto liittyy linkkitekstiin ja lähtösivun sisältöön. Varoitus ongelmista joihin käyttäjä saattaa törmätä linkin kohdesivulla (esimerkiksi varoitus rekisteröitymistarpeesta).

Linkkiotsikot Linkkiotsikon suositeltava maksimipituus on 80 merkkiä. Linkkiotsikon tarvitsee kuitenkin harvoin olla yli 60 merkkinen. Mitä lyhyempi otsikko, sitä parempi.

Linkkiotsikot Otsikko on tarpeeton jos siinä toistetaan vain sama asia kuin itse linkissä. Otsikosta huolimatta sekä linkin että ympäröivän tekstin tulee olla ymmärrettäviä myös ilman otsikkoa. Linkin otsikon on tarkoitus vain tarjota lisätietoa.

Linkkien väri Yleinen tapa: Avaamattomat linkit esitetään sinisinä. Avatut linkit esitetään sinipunaisina tai punaisina. Käytettävyyden kannalta on erittäin tärkeää, että kaikki linkit ovat tämän värisiä! Mikäli käytetään muun värisiä linkkejä, on käyttäjän vaikeaa päätellä mitkä sivuston osat hän on jo nähnyt ja mitä on näkemättä.

Linkkeihin kohdistuvat odotukset Tiettyyn sivuun tulee aina viitata samalla URL:llä, muutoin selain ei osaa hallita linkkien värjäystä oikein. Linkit koostuvat kahdesta osasta: lähtösivusta ja kohdesivusta. Perusperiaatteet linkkien suunnittelussa: Lähtemistä käsittelevä teksti. Käyttäjille on selitettävä selkeästi miksi heidän pitäisi lähteä nykyisestä ympäristöstään ja mitä he hyötyvät menemällä linkin osoittamaan kohteeseen. Saapumista käsittelevä teksti. Saapumispaikan on asetettava käyttäjät selkeästi lähtöpaikkaan verrattuna eri kontekstiin, ja käyttäjän on saatava hyötyä suhteessa lähtöpaikkaansa.

Linkit ulos sivustolta Webin perusidea on, että käyttäjä huolehtii omasta etenemisestään --> käyttäjiä ei voi omistaa viittaamalla linkeillä pelkästään omille sivustoille. Joillakin sivustoilla tarjotaan vihje jos linkki on viemässä käyttäjän ulos sivustolta, mutta tämä ei ole suositeltavaa.

Linkit ulos sivustolta Pohjimmainen syy sijoittaa sivustolle myös sieltä ulos vieviä linkkejä on se, että niiden avulla sivusto saa lisäarvoa lähes ilmaiseksi. Hyöty jonka käyttäjät saavat linkkien kohteena olevista sivustoista koituu myös alkuperäisen sivuston hyväksi, koska sitä kautta käyttäjät hyödylliselle sivulle löysivätkin. Jos käyttäjistä tuntuu että tietyllä sivustolla käymisestä on heille hyötyä, he palaavat sinne yhä uudelleen. Linkeistä tulee osa sivulle tuotetusta sisällöstä, ja käyttäjät tulevat sivulle linkkien houkuttelemina.

Linkit ulos sivustolta Ulos sivustolta johtavat linkin on syytä valita huolellisesti. Useita linkkejä parempi vaihtoehto on linkittää vain muutamia todella hyödyllisiä sivustoja. Mitä enemmän linkkejä luettelossa on, sitä todennäköisemmin tärkeimmät jäävät käyttäjältä huomiotta.

Sivustolle johtavat linkit Sivustolle johtavat linkit voivat olla yksi tärkeimpiä sen kävijämääriin vaikuttavista tekijöistä. Sivusto saa parhaiten sille osoittavia linkkejä, kun jokaisella sivulla on oma URL-osoite. Käyttäjän pitäisi pystyä kopioimaan URL linkiksi omalle sivulleen ja luottamaan siihen että se toimii. Mikäli osa sivuisto katoaa tietyin väliajoin, siitä on hyvä kertoa sivulla.

Sivustolle johtavat linkit Joskus sivulla on pysyvän URL:n lisäksi myös tilapäinen URL. Esimerkiksi lehden uusin kolumni voi olla virtuaalinen URL-osoite, joka osoittaa aina uusimpaan kolumniin. Tällöin linkittämisen tulisi olla mahdollista molempiin: osa haluaa linkittää uusimpaan ja osa tiettyyn kolumniin. Parhaiten sivustolle osoittavia linkkejä saa kerättyä tarjoamalla niin hyvää sisältöä, että muut haluavat linkittää sivuille.

Rekisteröitymistä tai maksua vaativat linkit Mikäli sivusto vaatii rekisteröitymistä tai maksua, on turha kuvitella että muilla sivuilla olevat linkin toisivat lisää käyttäjiä. Kukaan ei halua laittaa sivustolleen linkkiä, jonka toisessa päässä käyttäjän pitää maksaa päästäkseen käsiksi sisältöön. Rekisteröityminenkin häiritsee niin paljon, että se vähentää sivuille osoittavien linkkien määrää. Näissä tapauksissa osa sivustosta kannattaa rakentaa vapaaksi alueeksi, joilla esitellään koko sivuston sisältöä.

Mainoslinkit On erittäin suositeltavaa, että mainoslinkki johtaa suoraan mainoksen teeman mukaisille sivuille mainostajan kotisivun sijaan. Esimerkiksi Applen MacBookin mainos tulisi linkittää suoraan osoitteeseen http://www.apple.com/macbook/macbook.html osoitteen http://www.apple.com sijaan. Tutkimuksissa on havaittu, että 20 30% mainospalkin kautta yrityksen kotisivuille päätyneistä käyttäjistä palaa lähes välittömästi edelliselle sivulle. Ulosvievän linkin suunnittelun periaatteet pätevät myös mainoslinkkeihin: käyttäjän täytyy pystyä muodostamaan mielikuva linkin kohteena olevasta sisällöstä.

Kalvojen lähde: Jakob Nielsen, WWW-suunnittelu