kojelaudan luominen UX-suunnittelijoille

termi dashboard tulee autojen kojelaudasta, se on kehittynyt vuosikymmenten aikana ja sitä käytetään nykyään myös digitaalisessa maailmassa. Mittaristot ovat dynaaminen tapa visualisoida dataa, seurata tilastoja ja demostroida keskeisiä suorituskykymittareita. Tiedonhallintatyökalun tavoitteena on auttaa päätöksentekijöitä tekemään nopeampia valintoja, toteuttamaan ja seuraamaan liiketoimintamalleja. Tiedot on esitettävä ymmärrettävällä, helposti skannattavalla tavalla nopean seurannan mahdollistamiseksi.

”kojelauta on visuaalinen näyttö tärkeimmistä yhden tai useamman tavoitteen saavuttamiseen tarvittavista tiedoista; se on koottu ja järjestetty yhdelle näytölle, jotta tietoja voidaan seurata yhdellä silmäyksellä. Stephen harvalukuinen (s.Dashboardissa.com

div>

Google Analyticsin dashboard

kun aloitat kojelaudan luomisen, sinun on ensin tutustuttava käyttäjiisi. Mikä on käyttäjän rooli, joka kerää tarvittavat tiedot kojelautaan? Käyttääkö sitä toimitusjohtaja, talousjohtaja vai markkinointipäällikkö? Käyttääkö sitä yksi henkilö vai ryhmä? Palveleeko se dataa eri rooleissa oleville vai vain yhdelle? Päätavoitteena on tehdä siitä yksinkertaista. Data on visualisoitava selkeällä ja minimaalisella tavalla, ja sen on palveltava yleisöä. 5 sekunnin sääntö vaatii meitä luomaan kojelautoja, jotka voidaan ymmärtää 5 sekunnissa. Näyttötaulujen on edustettava dataa selkeästi ja tehokkaasti.

tutkimusten mukaan ihmiset muistavat 80 prosenttia näkemästään ja tekemästään ja 20 prosenttia lukemastaan.

hyödyllisiä vuorovaikutuksia

poraa alas-toiminto voidaan tuoda esiin, kun käyttäjä napsauttaa kaaviota ja näkee kyseisen elementin yksityiskohdat. Kun lisäät poraa vuorovaikutukset kaavioon, indikaattoreihin ja taulukoihin tai jopa verkkosivustoihin, se voidaan personoida käyttäjälle tai käyttäjäryhmälle. Zoomaus sisään ja ulos kaavioita on välttämätöntä liikkuvat aikaskaalat, ryhmitellä tiedot viikkoja, kuukausi tai neljännesvuosittain.

esimerkiksi pora alas. Kuva: dokumentaatio.devexpress.com

kojelaudan luokittelutapa

kojelaudat voidaan luokitella usealla tavalla. Seuraava esitetty vaihtoehto perustuu Stephen harvat tiedot dashboard design book, jossa hän luokittelee dashboards niiden rooli-strateginen, analyyttinen, operatiivinen ja tyypin liiketoiminnan ne auttavat.

strategiset

strategiset mittaristot track KPI. Nykyään kojetaulut ovat enimmäkseen strategisia, jolloin esimiehet saavat nopeasti Kuvan yritystensä terveydestä ja päivittäisestä toiminnasta. Tällaiset lautakunnat keskittyvät todellisiin suorituksiin ja ennusteisiin. Näitä executive dashboardeja eivät ohjaa reaaliaikaiset tiedot, vaan tilastot viikko -, kuukausi-kausista. Useimmiten strategiset mittaristot eivät anna käyttäjilleen mahdollisuutta vuorovaikutukseen.

Example of an executive dashboard of a SaaS startup
kuva: Klipfolio

analyyttiset mittaristot

analyyttiset mittaristot näyttävät tietoa trendien seuraamiseksi. Tämän tyyppinen kojelauta vaatii suurempaa monimutkaisuutta. Sen on analysoitava suuri määrä dataa, vertailtava ja arvioitava, tutkittava trendejä ja ennustettava tuloksia. Se sisältää usein liiketoiminnan älykkyyttä kuten drill down ja se tukee vuorovaikutusta tietojen kanssa.

Example of an analytic dashboard of a SaaS startup
Photo: Klipfolio

operatiivinen

operatiivinen mittaristo kertoo, mitä nyt tapahtuu. Toiminnot, jotka vaikuttavat eniten tällaisen kojelaudan suunnitteluun, ovat hyvin nopeasti muuttuvia ja dynaamisia. Se vaatii usein välitöntä reagointia, kun ongelma ilmenee. Sitä käytetään koko päivän ja visualisoidun tiedon on oltava hyvin yksinkertaista ja nopeasti ymmärrettävää, jotta voidaan tehdä nopeita päätöksiä.

Example of an operational dashboard of a SaaS startup
kuva: klipfolio

kaaviotyypit

viivakaaviota käytetään usein trendin visualisointiin. Sen ei pitäisi olla liian tasainen tai liioiteltu viestin näyttämiseksi. Viivakaavion oikea korkeus on kaavion alueen 2/3. Sen pitäisi olla yksinkertainen ja lisäyksiä tulisi käyttää siten, miten yleensä ihmiset laskevat: 0,5,10,15 jne. Yhteen kaavioon tulisi aina käyttää enintään neljää riviä. Liian monet ovat hämmentäviä,eikä esitettyjä tietoja näytetä tehokkaasti.

esimerkki viivakaaviosta. Kuva: www.actiprosoftware.com

Bars

pylväskaavio on tapa tiivistää joukko kategorisia tietoja. Sitä käytetään parhaiten vertailuun. Sama sääntö on pidettävä täällä: pidä se yksinkertaisena. On vain muutamia periaatteita, joita on noudatettava viestin viemiseksi perille. Leveys tankojen on oltava kaksi kertaa leveys niiden välisen tilan. Jos ne edustavat samaa dataa, käytä samaa väriä. Jos kyseessä on useita palkkeja, joissa kaavioiden määrän tulisi olla enintään 4, varjostuksen tulisi siirtyä vaaleasta tummaan. Tällöin legendaa voidaan käyttää, sillä merkinnät olisivat hämmentäviä.

esim. Kuva: www.thedataschool.co.uk

piiraat

Tämä on tilastollinen graafi, joka on jaettu viipaleisiin osuuden osoittamiseksi. Sitä tulisi käyttää vain yksinkertaiseen koostumukseen. Piirakkakaavion lukeminen on kuin lukisi kello 12: sta oikealle siirtyvää kelloa. Siksi on tehokkaampaa visualisoida suurin segmentti huipulla.

kaavio. Kuva: trutecsuspension.com

taulukot

taulukot eivät ole määritelmän mukaan visualisointitapa, vaan muoto, jolla tiedot esitetään raa ’ alla tavalla. On kuitenkin olemassa muutamia hyödyllisiä vinkkejä, joiden avulla se on visuaalisesti helppoa lukijalle. Sitä pitäisi käyttää vertailemaan tietoja, kun pitää näyttää tarkkoja arvoja. Ohuita sääntöjä tulisi käyttää jokaisen 3-5 merkinnän jälkeen ja leveä pöytä tarvitsee säännön jokaisen 3 rivin jälkeen paremman visuaalisen ymmärryksen aikaansaamiseksi. Kaavio voidaan hienosti esitetty ja hyödyllinen taulukossa korostaa tärkeimmät tiedot.

kuvamerkkien

kaaviossa käytettävän hyvän kuvamerkin on oltava yksinkertainen, selkeä ja symmetrinen. Tehokkaassa kuvamerkissä tietojen pitäisi olla kertolaskua yhdestä datasta. Kuvamerkkiä käytetään visualisoimaan tietoja kuten pylväskaaviossa.

esimerkki kuvamerkille. Kuva: datavizcatalogue.com

kartat

Karttakaaviot esittävät aineistoa, joka on pääosin maantieteellistä. Sitä tulisi käyttää, kun esityksessä on tietoja, kuten: maa, valtio, kaupunki. Karttoja tulisi käyttää vain silloin, kun aineiston alueellinen konteksti on tärkeä.

esimerkki karttakaaviosta. Kuva: www.picemaps.com

Other interesting chart types

Chart selection diagram. Photo: www.extremepresentation.com

We can use more types of diagrams based on the data to be visualized: mosaic, population pyramids, spider, scatter plots, binary decision diagram, multi level pie charts, gauge, pareto, stock, gantt, waterfall charts and heat maps. Mikä on kaavio valita tietojen visualisointi? Kiitos Dr. Andrew Abela, on kaavion valinta kaavio, jonka pitäisi auttaa valitsemaan yksi, joka sopii tavoite ja tiedot parhaiten.

visuaaliset säännöt

on muutamia sääntöjä, joita suositellaan noudatettavaksi kojelautaa luotaessa.

kirjasimet

kojelaudoissa tiedon on oltava pääpaino, joten korostettuja fontteja, erityisiä kirjoitusvirheitä ei saa käyttää huomion pois vetämiseen. Serif-ja sanserif-fontteja voidaan käyttää, koska ne ovat luettavissa ja antavat mahdollisuuden suureen valikoimaan. Pidetään se yksinkertaisena!

värit

huomioon on otettava 3 pääominaisuutta: värisävy, arvo, kylläisyys. Värisävy on nimitys puhtaille spektriväreille, joita kutsutaan ”värinimiksi” — punainen, oranssi, keltainen, sininen, vihreä, violetti — jotka esiintyvät sateenkaaressa. Värikylläisyys on värin voimakkuus. Arvo kertoo, kuinka vaalea tai tumma se on. Hyvän visualisoinnin voi tehdä tummilla tai vaaleilla väreillä. Lämpimät värit (punainen, oranssi, ruskea) näyttävät suuremmilta ja läheisemmiltä kuin viileät värit (sininen, vihreä tai harmaa), kun niitä käytetään saman verran. Välttää häiriötekijä 3-5 sävyjä tulisi käyttää kaaviossa. Liikaa värejä esillepanossa tulee välttää. Tummempi sävy voi kiinnittää lukijan huomion. On käytettävä värejä, jotka ovat helposti luettavissa värisokeille.

kojelaudan suunnittelun kultaiset säännöt

tärkeintä on tutustua yleisöön, kuka, missä ja milloin sitä käyttää. Etsi sopivin kaaviotyyppi tietojen visualisointiin ja rakenna kojelauta loogisesti. Mind the place used as a real dashboard fit in one screen. Aikomus pitää” vähemmän on enemmän ” sääntö, tärkein on TIEDOT. Muista, että helppo tulkinta on välttämätöntä.

Related Posts

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *