Tietojen visualisoinnin ja raporttien käytettävyysohjeita kehittäjille

Mikä on hyvän käyttäjäkokemuksen suunnittelun merkitys? Tämä artikkeli on tarkoitettu sinulle, joka työskentelet tietojen visualisoinnin kanssa. Kokosimme muutamia vinkkejä ja ohjeistuksia, kuinka voit helposti luoda parempia dashboardeja!

Käydäänpä ensin hieman johdantoa.

Mikä on UX/UI/Usability?

Käydään ensin läpi muutama avainkäsite:

• Käyttöliittymä on ”yhteinen rajapinta tiedonvaihdolle ihmisen ja tietokoneen välillä”, ja se on iso osa käyttäjäkokemusta.
• Käyttäjäkokemus kattaa käyttäjän kaikki vuorovaikutuksen kosketuspisteet tuotteen kanssa. Kuinka helposti he voivat olla vuorovaikutuksessa ominaisuuksien kanssa? Mitä he tuntevat käyttäessään ominaisuuksia? Käyttökokemukseen vaikuttavia komponentteja voivat käyttöliittymän suunnittelun lisäksi olla esimerkiksi brändisuunnittelu, vuorovaikutussuunnittelu, tietomuotoilu ja palvelumuotoilu.
• Käytettävyys on laatuominaisuus, joka arvioi, kuinka helppoa on käyttää tiettyä tuotetta tai palvelua. Tässä tapauksessa pyrimmekin tekemään datastamme ja oivalluksistamme mahdollisimman helposti tulkittavia suunnittelemalla käyttäjäkokemuksen ja käyttöliittymän mahdollisimman hyvin.

Miksi käytettävyydellä on merkitystä datan visualisoinnissa?

Hyvä käytettävyys tarkoittaa, että käyttäjät voivat suorittaa tehtävänsä nopeasti, minimaalisella stressillä ja virheillä, ja lopulta tuntea olevansa tyytyväisiä vuorovaikutukseensa tuotteen kanssa. Kun tavoitteena on tehdä päätöksiä visualisoidun yritysdatan perusteella, vastaukset haluttuihin kysymyksiin tulisi olla helposti löydettävissä, ja erityisen tärkeää on, että tulokset tulkitaan oikein.

Esteettisesti miellyttävät ja helppokäyttöiset työkalut tekevät kokonaiskokemuksesta mukavamman, vähentävät virheellisiä tulkintoja ja lisäävät luottamusta dataan edistäen dataan perustuvaa kulttuuria päätöksenteossa. Ja onhan se vaan siistiä, kuinka hyvillä työkaluilla pystytään vapauttamaan arvokasta aikaa! 

Vinkkejä ja ohjeita kehittäjille

Alla on muutamia ohjeita ja vinkkejä, jotka jokaisen on helppo sisällyttää omaan työhönsä melko vaivattomasti, mutta jotka parantavat selvästi dashboardien käytettävyyttä. Ohjeet on alun perin kirjoittanut Jakob Nielsen kirjassaan ”Kymmenen käytettävyysheuristiikkaa” (2005), ja vain osa niistä esitetään tässä postauksessa.

1. Järjestelmän tilan näkyvyys

Ensimmäinen käytettävyysohje on järjestelmän tilan näkyvyys. Säännön pääpointti on, että suunnittelun tulisi aina pitää käyttäjä ajan tasalla siitä, mitä tapahtuu. Nykyisen tilan ilmoittaminen antaa käyttäjille mahdollisuuden tuntea hallitsevansa järjestelmää, ja ryhtyä tarvittaviin toimiin tavoitteidensa saavuttamiseksi. Yleinen nyrkkisääntö on, että käyttäjän tulisi aina pystyä kertomaan, mitä näkymällä tapahtuu katsottuaan sitä 10 sekunnin ajan. Muuten näkymä voi olla liian monimutkainen.

Dashboardin suunnittelussa näitä sääntöjä voidaan soveltaa aina:

- Otsikko raporttisivulla
- Selkeät otsikot kaikista visuaaleista
- Helppo nähdä, onko painikkeita tai viipaleita valittu
- Helppo nähdä, onko jokin painike tai valittavissa oleva elementti

Alla on hallintapaneeliesimerkki, jossa on keksittyjä tietoja näiden kohtien näyttämiseksi toiminnassa:

2. Johdonmukaisuus ja standardit

Seuraava heuristiikka on johdonmukaisuus ja standardit. Tässä pääasia on pitää käyttäjän elämä simppelinä noudattamalla suunnittelussa mahdollisimman paljon johdonmukaisuutta. Tavoitteena on, että käyttäjien ei tarvitse miettiä liikaa, kun he yrittävät löytää tietoa, eikä heidän tarvitse opetella kaikkea uudelleen vaihtaessaan raportteja tai raporttisivuja.

Johdonmukaisuus voidaan jakaa sisäiseen ja ulkoiseen johdonmukaisuuteen, jossa sisäinen johdonmukaisuus voidaan saavuttaa esimerkiksi sivujen välisellä samanlaisella asettelulla, käyttämällä värejä elementtien standardoimiseksi, sekä käyttämällä samoja määritelmiä samoille asioille. Toisaalta ulkoinen johdonmukaisuus voi tarkoittaa alan standardeja, web-standardeja ja tuttuja kuvakkeita ja elementtejä, jotka tulisi tunnistaa suunnittelussa, koska ihmiset viettävät suurimman osan ajastaan muihin sovelluksiin. Alla on dashboard-esimerkki demosta, jossa on keksittyjä tietoja tämän havainnollistamiseksi:

3. Joustavuus ja tehokkuus

Seuraava ohje on käytön joustavuus ja tehokkuus, mikä on erittäin tärkeää, varsinkin kun ajatellaan SaaS-tuotteita tai muita sellaisia tuotteita, joissa emme aina tunne käyttäjää kovin hyvin ja erilaisia käyttäjiä on paljon. Tärkeintä on tunnistaa, että meillä on eri tasoisia käyttäjiä, ja tuotteen tulisi tyydyttää jokaisen tarpeet. Voi olla hyvinkin vaikeaa löytää tasapainoa tässä asiassa. Paras tapa lähestyä tätä ongelmaa on pitää pääasettelu mahdollisimman yksinkertaisena, mutta lisätä erilaisia pikakuvakkeita, räätälöintiä jne. niin sanotuille tehokäyttäjille. Tavoitteena on tehdä sovelluksesta tehokas ja selkeä kaikille, ja joustava tehokäyttäjille.

Alla on dashboard-esimerkki, jossa on keksittyjä tietoja tämän havainnollistamiseksi: 

4. Esteettinen ja minimalistinen muotoilu

Viimeisenä, mutta ei vähäisimpänä, esillä on esteettinen ja minimalistinen muotoilu. Pääasia on, että mitä yksinkertaisemmin voimme saavuttaa saman tavoitteen, sitä parempi. Me BI Bookilla haluamme edistää selkeyttä. Meidän tehtävämme front-end-analyytikoina on esittää monimutkainen data visuaalisesti niin, että sitä on helppo ymmärtää kenen tahansa.

Tämän saavuttamiseksi käyttöliittymä ei saa koskaan sisältää merkityksettömiä tai harvoin tarvittavia tietoja. Jokainen ylimääräinen tietoyksikkö kilpailee asiaankuuluvan tiedon kanssa ja heikentää sen suhteellista näkyvyyttä. Kun suunnittelet datan visualisointia tai hallintapaneelia, kyseisen sivun tarkoituksen tulisi aina olla selkeä. Keskittymällä vain olennaiseen ja ajattelemalla myös mittakaavaa, visuaalista hierarkiaa, tasapainoa ja elementtien kontrastia merkityksen ja sijoituksen välittämiseksi, tarkoituksenmukaiset ja kauniit mallit voivat tehdä suuren eron. Datasi voi todella herätä eloon! 

Alla on esimerkki dashboardin muutoksesta esteettisempään ja minimalistisempaan muotoon: 

‍