91ÇàÇà²Ý

Parhaiten ympäristöä suojelee hyvä käyttökokemus 

Hyvällä käyttökokemuksella on suuri vaikutus ympäristökestävyyteen. Hyvän käyttökokemuksen vakiintuneita käytäntöjä kannattaa noudattaa, koska hyvä käyttökokemus ja erityisesti lyhemmät käyttäjäpolut vaikuttavat merkittävästi digitaalisten palvelujen hiilipäästöjen vähenemiseen. Kun suunnittelet käyttäjäpolun mahdollisimman tehokkaasti käyttäjän tavoitteita palvelevaksi, lyhennät sivustojen latautumisaikoja. Mitä enemmän käyttäjiä nettisivuilla on, sitä tärkeämmäksi sujuva käyttökokemus tulee. Sivumäärän pitäminen mahdollisimman pienenä on myös ratkaisevaa ympäristövaikutusten vähentämisessä. Kun käyttäjän on mentävä uudelle sivulle, sisältö tai osa siitä pitää ladata uudelleen, mikä lisää tiedonsiirtokertoja. Vaikka hyvät tekniset ratkaisut auttavat tämän ongelman hallinnassa, suurin vaikutus on kuitenkin sivujen kokonaismäärän rajoittamisella.

Jos mahdollista, tee sisällöstäsi hiilitietoista ja auta käyttäjiä ymmärtämään, mikä on digitaalista kestävyyttä. Kerro käyttäjille, miksi tiettyjä päätöksiä tehtiin ja miten ne auttavat ympäristöä.

1. Kun noudatat hyvän käyttökokemuksen hyviä käytäntöjä, autat käyttäjiä olemaan tehokkaita ja vähennät klikkausten ja hakujen määrää.
2. Mieti, miten käyttäjät pääsisivät sisältöön käsiksi nopeammin esimerkiksi sivujen hakutoiminnon, hakukoneoptimoinnin (SEO) ja älykkäiden 404-virhesivujen avulla.
3. Pyri minimoimaan ja sujuvoittamaan käyttäjäpolkua aina, kun mahdollista.
4. Mieti, onko sinulla sivuja, joilla oleva tieto voitaisiin lisätä jollekin olemassa olevalle sivulle.
5. Mieti, miten mahdollinen vanheneva sisältö voidaan poistaa tietomäärien vähentämiseksi.
6. Suunnittele saavutettavasti. Esteettömät sivustot toimivat jouhevasti, mikä vähentää energiankulutusta.

Tee ekologisia kuvaratkaisuja

Kuvien käyttäminen edellyttää tehokasta strategiaa tietomäärien ja energiankulutuksen vähentämiseksi. Usein kuva voi välittää enemmän tietoa kuin tuhat sanaa, minkä vuoksi kuvia käytetään paljon. Kuvat ovat kuitenkin yleisin syy digitaalisen sisällön suuriin tiedostokokoihin. Harkitse, onko kuvan käyttö niin tärkeää, että se oikeuttaa kuvan ympäristövaikutukset. 

1. Pienennä kuvakokoa käyttämällä kuvien häviöllistä pakkaamista. 
2. WebP-tiedostomuodon pakkaustehokkuus on muita parempi. 
3. Vektorigrafiikassa tulee käyttää SVG-tiedostomuotoa PNG:n sijaan, ellei kuva ole hyvin yksityiskohtainen.
4. Pienempikokoisista kuvista saat tehtyä pienempiä kuvatiedostoja.
5. Kuvan yksityiskohdat ja väri vaikuttavat tiedostokokoon. Siksi kannattaa harkita yksinkertaisempia kuvia, lyhempää syväterävyysaluetta ja karsitumpaa värivalikoimaa, esimerkiksi mustavalkokuvia.

Tee ekologisia videoratkaisuja

Videot vaativat paljon tiedonsiirtoa, joka vaatii energiaa. Itse asiassa digitaalisista sisällöistä videot ovat yleensä verkkosivujen suurimpia energiasyöppöjä. Harkitse videoiden käyttöä tarkkaan ja käytä niitä vain, jos niillä on aitoa lisäarvoa käyttäjän kannalta.

1. Käytä aina pakkausta tiedostokoon pienentämiseen.
2. Harkitse lyhyitä CSS-animaatioita videoiden sijaan.
3. Vältä automaattisen toiston käyttöä. Videoiden automaattinen toistaminen käyttää tarpeettomasti kaistanleveyttä, eivätkä ne ole saavutettavia, koska ne voivat viedä käyttäjän huomion väärään asiaan.
4. Tarjoa käyttäjälle mahdollisuus katsoa pakattuja versioita tai ohittaa video, jos kaistanleveys on alhainen. 
5. Varmista, että käyttäjät todella katsovat sivulla olevia videoita. Voit esimerkiksi hyödyntää A/B-testausta, jotta tiedät, miten ja milloin videosta on etua.
6. Jos sivulla on äänetön video, poista ääniraita kokonaan. Ääniraita on usein tyhjä, mutta silti olemassa ja käyttää kaistanleveyttä.
7. Muista, että tiedostomuodolla on merkitystä. MP4-tiedostomuoto on yleisesti ottaen tehokas ja ne ovat pienempiä kuin animoidut GIF-tiedostot. Se on myös yleensä saavutettavampi, koska siihen voi lisätä kuvailevan ääniraidan tai tekstityksen. Vaikka MP4 on yhä eniten käytetty videomuoto, harkitse WebM-tiedostomuotoa, jolla saa pienempiä tiedostoja.

Tee ekologisia värivalintoja

Värit lisäävät näyttöjen energiankulutusta, joten kannattaa huomioida muutamia seikkoja. Kokeissa on todettu, että tummemmat värit vaativat vähemmän energiaa OLED-näytöillä, kun taas valkoinen väri käyttää eniten energiaa. Huomattava havainto oli myös se, että siniset pikselit käyttävät 25 % enemmän energiaa kuin punaiset tai vihreät. On tärkeää ajatella strategisesti. Sivulla ei tarvitse olla pelkästään tummia värejä, mutta tummempien sävyjen lisääminen muutamille keskeisille alueille vähentää energiankulutusta.   

Tee ekologisia typografiavalintoja

Eripaksuisten fonttien ja mukautettujen fonttien käyttäminen voi kasvattaa tiedostokokoa huomattavasti. Typografisissa valinnoissa yksinkertaisuus on valttia. Johdonmukaisilla ja yksinkertaisilla fonttivalinnoilla parannat myös sisältösi luettavuutta ja käytettävyyttä. 

Mukautettujen fonttien käytössä kannattaa käyttää harkintaa. Huomiota herättävää fonttia voi käyttää vaikkapa otsikoissa tai valikoissa, jotka vaikuttavat visuaaliseen ilmeeseen enemmän. Järjestelmän omien fonttien käyttö säästää myös kaistanleveyttä, mistä syystä ne ovat nopeampia ja ympäristöystävällisempiä kuin muut.


Viralliset Aalto-fontit ovat Inter ja Besley, jotka molemmat ovat avoimen lähdekoodin fontteja. Digitaalisissa kanavissa tulisi valita fontiksi Inter.

Ympäristökestävyyden lyhyt tarkistuslista

Pyri pienempiin tiedostokokoihin. 

1. Käytä kuvia ja videoita viisaasti ja punnitse niiden hyödyt. 
2. Käytä pakkaustyökaluja ja harkitse vaihtoehtoisia tapoja, kuten vaikkapa erilaisia fontteja kuvien sijaan.
3. Käytä vektorigrafiikkaa mieluummin kuin kuvia.
4. Suosi yksinkertaista typografiaa.
5. Mieti sisältösi käytöstäpoistamisvaihetta.


Noudata hyvän käyttökokemuksen käytäntöjä

1. Minimoi käyttäjäpolut ja sivumäärä. Mieti aina, voisiko uuden tiedon lisätä jollekin olemassa olevalle sivulle uuden sivun luomisen sijaan.
2. Tee sisällöstä helposti löydettävää ja ymmärrettävää.


Mieti suunnitteluvalintojesi energiatehokkuutta.

1. Suunnittele saavutettavasti. Esteettömät sivustot toimivat jouhevasti, mikä vähentää energiankulutusta.