Kuvat Web-sivuilla. Keskitie:



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

URL-osoitteiden suunnittelu

VERKKOKIRJOITTAMINEN.

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

Yrityskuvan hoito on johdon ja ammattilaisten tehtävä.

ARVO - verkkomateriaalien arviointiin

Animaatio Web-sivuilla

Linkkitekstit. Kaikkein vanhin WWW-suunnitteluohje:

ividays BLOG Design Elina / Tomi / Timo / Otso /

Kuva xhtml-sivulla. Mirja Jaakkola

ARVO - verkkomateriaalien arviointiin

KÄYTTÄJÄKOKEMUKSEN PERUSTEET, TIE-04100, SYKSY Käyttäjätutkimus ja käsitteellinen suunnittelu. Järjestelmän nimi. versio 1.0

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

SOVELLUSALUEEN KUVAUS

Ma Tänään rapistelemme ja mittailemme sanomalehteä.

Palautekooste ja työryhmän vastine: JHS XXX Toimipaikkatieto suositusluonnoksen muutosehdotusten hyväksyminen

Verkkokirjoittamisesta tiedottaja Susanna Prokkola, PKSSK.

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

Verkkokirjoittaminen. Anna Perttilä Tarja Chydenius

Ohjeita informaation saavutettavuuteen

Mobiilitutkimus 2016 Sneak peek. Lassi Miettinen Mobile Advisor & Innovator Sanoma Media Finland

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

ARVO - verkkomateriaalien arviointiin

EDUTOOL 2010 graduseminaari

Katsaus verkkojulkaisuihin. Pasi Kivioja ProComin lehtikatsaus

Lataa Maalaislääkärin matkassa - Tapani Kiminkinen. Lataa

ARVO - verkkomateriaalien arviointiin

Käytettävyys verkko-opetuksessa Jussi Mantere

Arviointitulosten raportointi. YMPS437 YVA-erikoiskurssi Kevät 2015

Sami Hirvonen. Ulkoasut Media Works sivustolle

Mitä 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

KAMPANJAKUVAUS Tähdellä (*) merkityt kohdat ovat pakollisia.

Tekstieditorin käyttö ja kuvien käsittely

Sanomalehtiviikko. Sanomalehtiviikon 2014 tehtäväehdotuksia

Aikakauslehtien lukukerrat, lukemisen osuus sekä kohtaamiskertoimet ja -kontaktit Lähde: KMT AL + total 2015

MAINOSTAJIEN LIITTO KAMPANJAKUVAUS

Planssit (layouts) ja printtaus

Lastensuojelutyön kohtaamisväline

KIRJASTO. Lämmittely. Selitä sana. lainata varata kaukolaina palauttaa maksaa sakkoa. myöhästymismaksu. printata tulostaa.

Kirjaston verkkopalvelun suunnittelu käyttäjäkeskeisesti

Yhteiskunta-, yritys- ja työelämätiedon paketti laajennetulle työssäoppijoille

SUBSTANTIIVIT 1/6. juttu. joukkue. vaali. kaupunki. syy. alku. kokous. asukas. tapaus. kysymys. lapsi. kauppa. pankki. miljoona. keskiviikko.

Kuva: Questmarketing.ltd.uk GRAAFINEN SUUNNITTELU?

1) Kirjoittamisen aiheen tai näkökulman on tunnuttava tuoreelta, maistuttava uudelta.

Kuvat ja taustat ICT1TN004. Elina Ulpovaara

Mittariston laatiminen laatutyöhön

Eläinlääketieteen lisensiaatin tutkielma Seminaarityöskentelyohjeet

SIIVOJA HALLITSEE EKG-REKISTERÖINNIN, VAIKKA SE ON VAIKEAA JOPA KLIINISEN FYSIOLOGIAN ERIKOISHOITAJILLE!

ARVO - verkkomateriaalien arviointiin

VERKOSTO GRAAFINEN OHJE

lehtipajaan! Oppilaan aineisto

MaTänään otamme selvää, minkälaista sanomalehteä luemme.

portfolion ohjeet ja arviointi

Nimi: Henkilötunnus: {id} {+id}

TIEDONHAKU INTERNETISTÄ

Ihmisellä on viisi perusaistia

Perehdytysopas Kuopion Perheentalon viestintään

Miten tuen lasta, jolla on kielellinen erityisvaikeus

Pirkanmaan allergia- ja astmayhdistys ry AMT

LIITE 1: ISÄ SAIRAALASSA / SYMBOLIARKKI FORMULAKISA

OULA TelemArk - arkkitehtuuri

Liikennetelematiikan kansallinen järjestelmäarkkitehtuuri. TYÖPAJA ARKKITEHTUURIN KÄYTÖSTÄ FITS-ohjelman hankkeille.

Graafinen ohjeisto* KESKENERÄINEN PIRAATTIPUOLUE. Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään

Graafinen. ohjeisto. Verohallinto

TIETOINEN HAVAINTO, TIETOINEN HAVAINNOINTI JA TULKINTA SEKÄ HAVAINNOLLISTAMINEN

Vastaus: Aikuistenlippuja myytiin 61 kappaletta ja lastenlippuja 117 kappaletta.

Riskiperusteisen Vaikuttamisen Prosessi. Maaliskuu 2015

Ennakkotehtävien jatkokehittelypohja. Suunnittelutasojen suhteet

Työpalvelupaikat. Xwiki Admin 2016/07/06 16:35

ESIPUHE... 3 SISÄLLYSLUETTELO JOHDANTO... 6

Nuoret sosiaalisessa mediassa. Case: IRC-Galleria

Edullisuusvertailun ja tuotteistamisen periaatteet palveluasumisessa

TiiaKonttinen.fi Kaikki oikeudet pidätetään 2017 Tätä opasta ei saa jakaa, luovuttaa, myydä, kopioida tai julkaista ilman tekijän lupaa.

Voiko hiipiminen olla tanssia? - Esiripun noustessa. Ninni Heiniö ja Pia Puustelli

Tiivistelmä, yhteenveto (yhteenveto = kypsyysnäyte, jos työ on muulla kuin koulusivistyskielellä)

Mitä taitoja tarvitaan tekstin ymmärtämisessä? -teorian kautta arkeen, A.Laaksonen

ARVO - verkkomateriaalien arviointiin

Vertaisarviointiraportti

The OWL-S are not what they seem

Metsänhoidon laadun hallintaan digitaalisia ratkaisuja Metsänhoitoklubin vuosikokous ja seminaari Perjantai Tieteiden talo, Helsinki

Mallilukijoiden lukijamallit

Logo. 2. Toissijainen käyttö. 1. Ensisijainen käyttö. YTN graafinen ohjeisto

SoteNavi. Alkuun digimarkkinoinnissa Heli Leskinen. - pienten ja keskisuurten yritysten ja järjestöjen valmennushanke

Sikiölle ja lapselle aiheutuvat terveysriskit Huomioita päihdeäitien pakkohoitoa koskevasta keskustelusta Anna Leppo, VTT Tutkijatohtori

Lukkari-loppukäyttäjäkysely. Tuloksissa huomioitu muut kuin seurakunnan työntekijät yht. 845 vastaajaa, lisäksi erikseen suodatettuna maltilliset

Tiedonsiirrot Oodista Noppaan

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto

Esitystekniikoita ja visualisoinnin workflow

OHJEET SISÄMARKKINOIDEN HARMONISOINTIVIRASTOSSA (TAVARAMERKIT JA MALLIT) SUORITETTAVAAN YHTEISÖN TAVARAMERKKIEN TUTKINTAAN OSA C VÄITEMENETTELY

Tieteellisen artikkelin kirjoittaminen ja julkaiseminen

Ohjeet. Ohjeita on kahdessa paikassa. Admin-näytön oikeassa ylänurkasta. Seura- sivuilta kohdasta Dokumentit

Talousmatematiikan perusteet

Aino Kääriäinen Aino Kääriäinen yliopistonlehtori Helsingin yliopisto

Meedio on luotu helpottamaan yrittäjän elämää.

Tuhat tarinaa hengittäjistä. Hengitysliiton graafinen ohje yhdistyksille

Lataa Meremme - Itämeri monessa valossa - Lahti Johannes. Lataa

Hyvästi, huono kieli!

Suomen virtuaaliammattikorkeakoulu Kestävää kehitystä etsimässä v. 0.9 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

KYNSIEN SYÖMISTÄ VAI KIELEN VIERAAN KIELEN PURESKELUA? OPETUSMENETELMISTÄ APUA S2- OPETTAMISEEN. KT Tuija Niemi Turun normaalikoulu

HOTELLIVARAUKSET MAJOITUSALA TUTUKSI

Transkriptio:

Kuvat Web-sivuilla Nielsen: Web-sivun kuvitus on pyrittävä minimoimaan vasteajan takia. Kaikki perusteeton kuvitus on karsittava. Yksi kuva vastaa tuhatta sanaa vs Latausajassa yksi kuva vastaa kahta tuhatta sanaa Vaikka kiinteiden yhteyksien latausnopeudet ovat kasvaneet, aihettavat kuvat edelleen ongelmien mobiiliyhteyksissä sekä vasteaikojen että kokonsa puolesta.

Kuvat Web-sivuilla Keskitie: kuvitusta mahdollisimman vähän yleisellä tasolla aihetta käsittelevällä sivulla enemmän kuvia aihetta tarkemmin käsittelevillä alasivuilla esim. pääsivulla thumbnail tuotteesta --> alasivulla suurempi kuva tuotteesta

Kuitenkin tekstit ilman kuvia saattavat olla tylsiä ja epähavainnoillisia, kuva iskee tajuntaan. Jukka K. Korpela esittää erään tavan luokitella Web-sivulla tarvittavat kuvat http://www.cs.tut.fi/~jkorpela/kuvat.html

Korvaamaton kuva. Kuva, joka esittää tietoa, jota on mahdotonta tai erittäin hankalaa esittää sanallisesti. Kuvaa siis ei voi korvata sanoilla, vaikka sanoilla voidaankin täydentää kuvan antamaa informaatiota ja vaikka kuvan ymmärtäminen voi vaatia paljonkin sanallisia selityksiä, esim. merkintöjen kuvauksia. Esimerkkejä ovat passivalokuva, karttapiirros jonkin paikan sijainnista, asunnon pohjapiirros ja kuva jonkin laitteen ohjauspanelista.

Sanallista esitystä tukeva kuva. Sanallinen esitys on tällöin ehkä itsessäänkin periaatteessa ymmärrettävä ilman kuvan tukea, mutta kuva korostaa sen olennaisia osia, havainnollistaa sitä esimerkillä tms.

Kuva katseenvangitsijana, mielenkiinnon herättäjänä. Tällainen kuvien käyttö on erityisen tyypillistä mainonnalle; kuvalla ei tällöin välttämättä ole mitään tekemistä tekstin sisällön kanssa. Tuttu esimerkki on vähäpukeisten naisten käyttö milloin mitäkin tuotetta myytäessä.

Kuva tekstin tylsyyden katkaisijana, lukijan piristäjänä. Monista ihmisistä on ikävystyttävää lukea pelkkää tekstiä, ja mikä tahansa kuva saattaa auttaa asiaa. Esimerkiksi sanomalehden sivu, jolla ei ole yhtään kuvaa, on varsin raskaan näköinen.

Kuva koristeena. Tällainen käyttö on tietysti varsin lähellä edellä mainittua. Tyypillistä koristekuvan käyttöä Webissä on dokumentin taustan määrittely.

Tunnuskuva, symboli. Tyypillinen tunnuskuva on firman logo. Tarkoituksena voi olla saada lukijan (katselijan) mieleen syntymään assosiaatio eli mielleyhtymä logon ja firman (ja sen tuotteiden) välille. Toinen tarkoitus voi olla esimerkiksi Web-sivujen "leimaaminen" tunnuskuvalla niin, että lukija heti näkee, minkä organisaation sivuista tai mihin aihepiiriin kuuluvista sivuista on kyse.

Kuva kiinnekohtana. Tällä on käyttöä lähinnä laajoissa jutuissa, joihin lukija palaa useasti. Etsiessään tietoa kirjasta, jonka jo on lukenut, lukija saattaa helpommin löytää etsimänsä kohdan, jos hän muistaa, millainen kuva oli kyseisellä sivulla.

Kuva vireen ja tunnelman luojana. Tyypillistä tällaista käyttöä on aiheeseen liittyvien kuvien käyttö esimerkiksi maantiedettä, elinympäristöjä ja historiaa koskevissa dokumenteissa. Tällöin kuva ei välttämättä suoraan liity tekstiin vaan se vain auttaa lukijaa eläytymään siihen maailmaan, josta teksti kertoo.

Nämä kuvien käyttötarkoitukset eivät suinkaan ole toisensa poissulkevia. Päinvastoin on eduksi, jos esim. tekstiä piristävät kuvat samalla antavat olennaista tietoa tai havainnollistavat tekstissä esitettyjä asioita.

Kuvien pienentäminen Kuvan merkityksellinen pienentäminen: kuvaa rajataan siten, että kuva keskitetään valittuun kohteeseen tämän lisäksi kuvaa pienennetään mittasuhteet säilyttäen esimerkki: tarkoituksena luoda pienoiskuva, jonka koko on 10% alkuperäisen koosta (kilotavuissa) kuva rajataan 32% alkuperäisesta koostaan tämän jälkeen rajattua kuvaa skaalataan 32% (0,32 * 0,32 = 0,1)

Lähteet Jakob Nielsen, WWW-suunnittelu Jukka K. Korpela, Tero Linjama: Web-suunnittelu http://www.cs.tut.fi/~jkorpela/kuvat.html (30.8.2007)