Vihreiden visuaalisten elementtien pikaopas
Viisaasti suunniteltu visuaalinen sisältö on hyvä keino paloitella digitaalinen palvelu osiin ja välittää informaatiota käyttäjälle, mutta se tuottaa huomattavan osan digipalvelun päästöistä. Palvelun sisällön päästökuormaa voi kuitenkin suhteellisen pienellä vaivalla vähentää tinkimättä sen ulkomuodon tasosta.
Visuaalisilla elementeillä tarkoitetaan esimerkiksi värejä, muotoja, teksti- ja kuvaelementtejä sekä tilankäyttöä. Ne ovat oleellinen osa mitä tahansa digipalvelua ja auttavat käyttäjää navigoimaan suunniteltua palvelupolkua. Kuitenkin nykyajan visuaalisen informaation ähkyssä on hyvä pohtia, tuovatko palvelun visuaaliset elementit siihen todellista lisäarvoa.
Yhä useampi vähähiilisten digipalveluiden puolestapuhuja on kannustanut palveluja kehittäviä tahoja tarjoamaan käyttäjille mahdollisuuden vaihtaa tumman tilan kaltaiseen low energy -tilaan. Esimerkiksi kehittäjä Tom Jarrett kehitti kokeilun vähäpäästöisestä Instagramista, jossa käyttäjän vaihdettua low energy -tilaan kuvien tilalla oli vain vaihtoehtoinen teksti värialueen päällä. Kuvaa napauttamalla käyttäjä sai halutessaan sen näkyviin. Tällaiset vähähiiliset tai –energiset tilat voivat tukea palvelun käyttöä esimerkiksi alueilla, joissa verkko on tavallista hitaampi. Tulevaisuudessa low energy -tila tai responsiivisesti sähköverkon vihreän sähkön saatavuuteen reagoivat käyttöliittymät voivat olla arkipäivää.
Optimoi käyttöliittymän kuvaelementit ja värivalinnat
Joidenkin näyttötyyppien (esim. OLED-näytöt) eri väri- ja kirkkausasetuksilla voi olla huomattava vaikutus käyttöliittymän energiankulutukseen. Näin ollen vähähiilisyys olisi hyvä huomioida mahdollisimman aikaisessa vaiheessa esimerkiksi brändivärejä suunnitellessa. Esimerkiksi videopalvelu YouTuben tumman teeman huomattiin testeissä vievän keskimäärin jopa 60 % vähemmän energiaa. Musta onkin väreistä kaikista vähäenergisin. Vastaavasti valkoisen on huomattu olevan joillekin näytöille pahin energiasyöppö, erilaiset sinisen sävyt sen vanavedessä. Jo saavutettavuussyistä on hyvä suosia mahdollisimman korkeakontrastisia väriyhdistelmiä, mutta korkeakontrastista, selkeärakenteista käyttöliittymää on kaikkien helpompi navigoida haastavammissakin olosuhteissa.
Monessa palvelussa esimerkiksi brändi-identiteettiä, tuotteen informaatiota tai palvelun käytön ohjeistusta tuetaan kuvamateriaalilla. Nämä kuvat ovat usein korkealaatuisia valokuvia, vaikka kyseessä olisi mobiililla luettava verkkopalvelu ja usein kuvat tuovat lähinnä silmäniloa välttämättömän informaation sijaan. Tiedostomuodon, skaalautuvuuden ja laadun optimoinnin lisäksi on hyvä pohtia, mikä pohjimmainen tarkoitus kuvalla oikeastaan on. Voisiko saman tiedon välittää vaikkapa ikonilla, fonttielementillä, vektorigrafiikalla tai jopa pelkällä värialueella?
Video on usein raskas ja esteellinen
Tällä hetkellä viestinnässä on havaittavissa selkeä lyhyiden videoiden trendi. Video on kuitenkin vielä kuviakin raskaampi tiedostomuoto ja sen välittämän informaation saa monesti välitettyä esimerkiksi kuvan tai tekstin avulla. Videon katsominen vaatii myös käyttäjältä edellä mainittuja enemmän, esimerkiksi tarpeeksi hiljaisen ympäristön ja enemmän keskittymiskykyä. Saavutettavuusvaatimusten mukaan videot tulisi myös tekstittää julkisen sektorin palveluissa, joten niiden hyödyntäminen on myös tekijöille työlästä.
Mikäli videon käyttäminen on tarpeen, esimerkiksi opetusvideoiden tapauksessa materiaali kannattaa jakaa pienempiin osiin ja otsikoida asianmukaisesti. Lisäksi autoplay on syytä jättää pois. Tällöin yksittäistä asiaa tutkiakseen ei videosta tarvitse ladata kuin oleellinen pätkä ja käyttäjä pystyy kontrolloimaan palvelussa etenemistään paremmin. Olisi myös viisasta asettaa videon laatu automaattisesti HD-laatua huonommaksi ja antaa käyttäjälle mahdollisuus ladata videosta vain audio.
Vihreä on viisaasti tehty
Ympäristöystävällinen digitaalinen sisällöntuotto vaatii tekijältään totuttelua ja vaivannäköä. Lopputulos on kuitenkin usein perinteistä lähestymistapaa virtaviivaisempi ja helppokäyttöisempi. Suunnitteluprosessissa kannattaa hyödyntää muilta lainattuja tai itse koottuja tarkistuslistoja. Palvelujen erilaiset low energy –tilat tukevat myös käyttäjän autonomiaa ja tuovat joustavuutta käyttökokemukseen.
Kun asennoituu tekemään suunnitteluprosessin jo lähtökohtaisesti vihreästi, ovat ratkaisut helpommin ymmärrettäviä myös asiakkaille. Optimoimalla palvelun visuaaliset elementit suunnittelija kuitenkin kerryttää säästöjä niin kustannustehokkuuden kuin päästöjenkin kannalta.
Lisätietoja
Tagit
Omat tagit
Netum Group - Asiantuntijat ja yhteyshenkilöt
Netum Group - Muita referenssejä
Netum Group - Muita bloggauksia
It- ja ohjelmistoalan työpaikat
- Innofactor Oyj - Sales Manager (Data & Analytics)
- Laura - Mobiilikehittäjä, Android
- Laura - Ohjelmistoarkkitehti, Tampere/Oulu
- Laura - Development Team Manager, Sports Games
- Taito United Oy - Senior Full Stack -kehittäjä
- Webscale Oy - Head of Sales, Cloud Services
- Laura - Hankinta-asiantuntija, tietohallinto
Premium-asiakkaiden viimeisimmät referenssit
- Digiteam Oy - Verkkokaupan toteutus Apollokaihdin.fi
- Digiteam Oy - Kattokeskuksen sivut ykköseksi Googlessa
- Digiteam Oy - Kokonaisvaltainen digimarkkinoinnin kumppanuus – Case Tradehit
- SD Worx - Kehitystyö SD Worxin kanssa takaa Clas Ohlsonille parhaat palkanmaksun prosessit kasvun tiellä
- Digiteam Oy - Case Esperi Care Oy: Ketterä kumppanuus vei Esperin verkkosivu-uudistuksen maaliin sujuvasti ja aikataulussa
- Kisko Labs Oy - Howspace Hub - Mukautuva oppimisen hallintajärjestelmä kasvaviin oppimisalustavaatimuksiin
- Kisko Labs Oy - Sanoma Pro: Multimediasisältöjen hallinnan uudistaminen
Tapahtumat & webinaarit
- 27.11.2024 - Green ICT -ekosysteemitapaaminen III: Ohjelmistojärjestelmien virrankulutuksen mittaaminen ja kasvihuonepäästöjen arviointi
- 27.11.2024 - Digitaalisen asiakaskokemuksen uusi aikakausi
- 28.11.2024 - Webinaari: Keskity myyntityön laatuun!
- 28.11.2024 - Copilot-webinaari – Mielekkäämpää tietotyötä turvallisesti
- 04.12.2024 - Kuinka oikea matka- ja kululaskujärjestelmä tehostaa prosesseja?
- 05.12.2024 - Green ICT VICTIS -hankkeen kick off -tilaisuus
- 15.01.2025 - Datavastuullisuuden valmennus: hanki valmiudet vastuulliseen datan ja tekoälyn hyödyntämiseen
Premium-asiakkaiden viimeisimmät bloggaukset
- Ready Solutions Oy - Mitä tarkoittaa sovellusten suorituskyvyn mittaaminen Azuressa?
- Enter SystemSolutions Oy - Enter Arkistointi
- Digiteam Oy - WordPressin kehitys ja viimeisimmät uudistukset
- Kisko Labs Oy - Heroku: Millaisiin projekteihin se sopii ja mitkä ovat sen todelliset hyödyt ja haitat?
- Zimple Oy - Pipedrive vai Hubspot? Kumpi kannattaa valita?
- SC Software Oy - Jatkuvat palvelut – asiakaslähtöistä kumppanuutta projekteista ylläpitoon
- Timeless Technology - Ohjelmoitavat logiikat (PLC): Ratkaisevat työkalut automaatioon ControlByWebiltä.
Digitalisaatio & innovaatiot blogimediaBlogimediamme käsittelee tulevaisuuden liiketoimintaa, digitaalisia innovaatioita ja internet-ajan ilmiöitä |