Kojelaudat ovat ainutlaatuinen ja tehokas tapa esitellä dataan perustuvaa älykkyyttä käyttämällä datan visualisointitekniikoita, jotka näyttävät olennaisia ​​ja toimintakykyisiä tietoja, sekä seurantatilastoja ja keskeisiä suorituskykyindikaattoreita. Koontinäyttöjen on esitettävä nämä tiedot nopeasti ja helposti skannattavassa muodossa ja olennaisimmat tiedot yhdellä silmäyksellä.

Termi syntyi perinteisestä autojen kojelaudasta, ja ne ovat kehittyneet täyttämään saman tehtävän digitaalisessa maailmassa. Hänen kirjassaan , Stephen Few sanoi sen parhaiten:

Kojelauta on visualisointi tärkeimmistä tiedoista, joita tarvitaan yhden tai useamman tavoitteen saavuttamiseksi, konsolidoitu ja järjestetty yhdelle näytölle, jotta tietoja voidaan seurata yhdellä silmäyksellä.

Kojelaudan mobiilisuunnittelu Mason Yarnell joukkueelle Mixpanel

Tässä artikkelissa hahmotellaan strategisia, analyyttisiä, operatiivisia ja informatiivisia esimerkkejä sekä perusperiaatteet, jotka ovat jokaisen onnistuneen kojelautasuunnittelun ytimessä tyypistä riippumatta.

Oikea lähestymistapa tietojen visualisointiin on avainasemassa onnistuneen koontinäytön perustan luomisessa. Tietojen visualisointi on tietojen esittäminen grafiikan ja kuvien avulla. Sen päätarkoitus on auttaa päättäjiä tunnistamaan mallit tai ymmärtämään vaikeita käsitteitä, jotka saattavat jäädä huomaamatta tekstipohjaisissa sovelluksissa.

Hänen kirjassaan , Tietojen visualisointi , Noah Iliinsky ja Julie Steele toteavat:

Suunnittelijan tarkoituksena on suunnitella tietovisualisointi luomaan hyvin vastaanotettu ja lukijan helposti ymmärrettävä suoritus. Kaikkien suunnitteluvaihtoehtojen ja tiettyjen toteutusten on palveltava tätä tarkoitusta.

Suurten instrumenttien kojelautojen pääominaisuudet

Tehokas kojelauta näyttää käytännölliset ja hyödylliset tiedot yhdellä silmäyksellä. Se yksinkertaistaa monimutkaisen datan visuaalista esitystä ja auttaa sidosryhmiä ymmärtämään, analysoimaan ja esittelemään keskeisiä ideoita.

Sopimusluettelon koontinäyttö ApeeScape-suunnittelija Wojciech Dobry

Suuret paneelit ovat selkeitä, intuitiivisia ja muokattavissa.

• He välittävät tietoa nopeasti.
• Ne näyttävät tiedot selkeästi ja tehokkaasti.
• Ne osoittavat datan suuntauksia ja muutoksia ajan myötä.
• Ne ovat helposti muokattavissa.
• Tärkeimmät widgetit ja datakomponentit esitetään tehokkaasti rajoitetussa tilassa.

Alustava visuaalisen datan ja tietojen mukauttaminen tärkeimpiin käyttäjien vaatimuksiin auttaa parantamaan käytettävyyttä ja poistaa tarpeen eri käyttäjille.

Muokattavat kojelaudan elementit - Sopimuskirja ApeeScape-suunnittelija Wojciech Dobry

Suuret paneelit tarjoavat kaiken napsautuksen päässä.

• Kaikki olennaiset tiedot ovat heti saatavilla.
• Tiedot ovat etusijalla.
• Tiedot näkyvät selvästi visuaalisessa hierarkiassa näytöllä.
• Suunnittelu tarjoaa johdonmukaisen yleiskatsauksen, joka sisältää harvinaisia ​​ja selkeitä lähtötietoja ja lisää mahdollisuuksia kaivaa syvemmälle.
• Kohteet (kaavio, taulukko, lomake) näytetään pienennetyssä näkymässä, jolloin kyky näyttää enemmän yksityiskohtia modaalisessa ikkunassa tai siirtyä sivulle, jossa on lisätietoja.
• Asettelu parantaa suodattimien käyttöä, jolloin käyttäjät voivat mukauttaa tietojen esitystapaa ja suodattaa sisältöä tunnisteiden, luokkien ja KPI: n avulla.

ApeeScape-suunnittelijan yksityiskohtaiset tiedot, jotka on koottu kojelaudasta modaalina Miklos Philips

Vähentynyt monimutkaisuus antaa selkeyden

Tietojen täynnä olevassa maailmassa selkeän tiedon toimittaminen on yksi vaikeimmista asioista. Vain tärkeimpien tietojen esittäminen koontinäytöissä on välttämätöntä: mitä enemmän tietoja näytämme, sitä vaikeampaa käyttäjien on löytää tarvitsemansa.

Kun tietoja on liian paljon valittavissa, suunnittelijat Niiden tulisi näyttää vain osuvin osajoukko. Meidän on priorisoitava huolellisesti ja poistettava harhaanjohtavat ja epäselvät mittarit.

Tehokkaat kojelaudan suunnittelupäätökset tulisi ohjata:

• hankkeen tavoitteet
• tietojen luonne
• käyttäjän tarpeisiin

Kojelautasuunnittelu ApeeScape Designerilta Stelian Subotin

Lukemalla visualisointia (tai muuta viestintää) lukijalla on rajoitettu aivokyky keskittyä ongelmaan. Osa tästä aivokapasiteetista on omistettu visualisoinnin dekoodaukselle, jäljellä olevaa aivovoimaa voidaan käyttää viestin ymmärtämiseen (ellei lukija ole vielä luopunut turhautuneena).

- Noah Iliinsky ja Julie Steele (tietojen visualisointi)

Kojelaudan päätavoitteena on tehdä monimutkaisesta tiedosta helposti saatavaa ja helposti sulavaa. Siksi tietoja esittävän käyttöliittymän on oltava selkeä ja yksinkertainen käyttäjien kognitiivisen kuormituksen ja hakuaikojen minimoimiseksi.

Tietorakenteen on esitettävä ensin olennaiset tiedot ja sallittava pääsy tuki- tai toissijaisiin toimenpiteisiin. Olisi suunniteltava progressiivinen porausjärjestelmä, joka alkaa yleiskatsauksella ja menee sitten yksityiskohtaisemmaksi - se helpottaa tietojen priorisointia ja lisää selkeyttä.

Kojelaudan mobiilisuunnittelu Jan Losert

Kojelaudan tavoitteiden määrittäminen ja asianmukaisten tietojen visualisointi

Menestyneet instrumenttien koontinäytön mallit alkavat hyvin määritellyistä tavoitteista, jotka keskittyvät ratkaistavaan ongelmaan ja avaimeen, joka on opittava poistamaan tietojoukosta. Näiden tavoitteiden asettaminen tulee selkeästä ymmärryksestä tehtävistä, jotka käyttäjän on suoritettava.

Hyvät suunnittelutavoitteet edistävät tehokasta ja tarkkaa toteutusta. Käyttämällä kehys S.M.A.R.T tavoitteiden asettamisessa keskitytään niihin, jotka ovat erityinen , mitattavissa , toimintakelpoinen , realistinen Y aikaan pohjautuva .

Joitakin keskeisiä kysymyksiä, jotka on esitettävä tavoitteita määritettäessä:

• Kuinka monta vaihetta käyttäjien tulisi tehdä saavuttaakseen tietyn tavoitteen?
• Onko käyttöliittymä riittävän intuitiivinen, jotta käyttäjä voi saavuttaa tavoitteensa yksin?
• Mitä tietoja käyttäjän tarvitsee saavuttaakseen tavoitteensa onnistuneesti?

Voit selvittää, mikä tietyn kojelautasuunnittelun tavoite voi olla, määrittelemällä se kysymällä 'Mikä erityinen ongelma tämä malli ratkaisee käyttäjän?' Vastaus antaa tietoa mitkä mittarit, ominaisuudet, arvot, kuvat ja tiedot ovat tärkeitä.

Kojelautasuunnittelu ApeeScape Designerilta Miklos Philips

Tavoitekeskeinen suunnittelu keskittyy ratkaisuihin todellisiin ongelmiin ja on kaiken suuren kojelautasuunnittelun perusta. Se alkaa selkeällä liiketoimintatavoitteiden ymmärtämisellä, ottaa huomioon käyttäjien tavoitteet ja välittää sitten tärkeimmät tiedot, jotka on välitettävä.

Kojelaudan suunnittelun konteksti

Yksi kojelautasuunnittelun suurimmista haasteista on palvella useita ihmisiä. Kun kukin käyttäjärooli on määritelty, on tärkeää ymmärtää, missä heidän tarpeensa ovat päällekkäisiä ja missä ne eroavat toisistaan.

Tehokas viestintä on kaikkien onnistuneiden instrumenttien kojelautasuunnittelun perusperiaate. Ennakoimalla mahdolliset skenaariot, joissa käyttäjät voivat joutua, edistetään käyttäjän olosuhteiden ymmärtämistä paremmin.

Pidä aina mielessä käyttäjien asiayhteys suunnittelussa: tunnista heidän tekninen tietämyksensä, heidän tuntemuksensa järjestelmään yleensä, tavoitteensa jne.

Kojelautasuunnittelu ApeeScape Designerilta Miklos Philips

Muista esittää seuraavat kysymykset yrittäessäsi määrittää käyttäjän käyttäytymistä ja kontekstia:

• Ottaako ulkoasu huomioon suunnan, johon kävijä on tottunut lukemaan?
• Tarvitseeko vuorovaikutus kojelaudan kanssa teknistä tietoa?
• Pystyvätkö käyttäjät suorittamaan suurimman osan toiminnoista vain muutamalla napsautuksella?
• Yhdistetäänkö muotoilu käyttäjän kontekstiin luomalla yksityiskohtaisia ​​valikoita? Käytätkö vihjailevaa ikonografiaa ja väripaletteja?

Kojelaudan suunnittelussa käytetty väripaletti on myös otettava huomioon kontekstina. Monet yritysten väliset SaaS-tuotteiden hallintapaneelit on suunniteltu tumma-aiheisessa käyttöliittymässä, koska niitä käytetään tuntikausia kerrallaan.

Tumma-aiheiset käyttöliittymät voivat auttaa vähentämään silmien rasitusta ja tukemaan käyttöliittymän visuaalista selkeyttä. Tämän lähestymistavan noudattaminen vaatii kuitenkin huolellisen arvioinnin suunnittelusuunnasta - kompromisseista ja mahdollisista riskeistä, kuten edellisessä designblogiviestissä hahmoteltiin: Kaksi asiaa, joita ei pidä tehdä pimeässä käyttöliittymässä .

Hallintapaneelin käyttöliittymän ulkoasu, analytiikka ja infografiikat toimivat hyvin pimeässä käyttöliittymässä, mutta niitä on käsiteltävä huolellisesti riittävän kontrastin varmistamiseksi. (kirjoittanut Alex Gilev ).

Parempi kojelautasuunnittelu käyttäjien tutkimuksella

Käyttäjätutkimus auttaa luomaan ympäristön, jossa käyttäjille esitetään asiaankuuluvaa, selkeää ja ytimekästä tietoa. Tämä auttaa heitä ajattelemaan etsimäänsä sisältöä ja tietoja sen sijaan, kuinka käyttää ja käyttää sitä.

Joidenkin koontinäyttöjen on toimittava, tai ne voidaan mukauttaa vaivattomasti eri rooleissa oleville käyttäjille katsomalla samaa perusnäyttöpaneelia. Käyttäjätutkimus on tärkeää, koska se auttaa määrittämään käyttäjien tavoitteet, henkiset mallit, ympäristökontekstin ja kipupisteet. Nämä ovat tekijöitä, joilla on suuri vaikutus kojelaudan lopulliseen suunnitteluun.

Kojelautasuunnittelu ApeeScape Designerilta Stelian Subotin

Käyttökokemussuunnittelija, tutkija ja kirjailija Mike Kuniavsky toteaa, että se on 'prosessi, jolla ymmärretään suunnittelun vaikutus yleisöön'.

Suunnittelijan on määriteltävä erityyppiset käyttäjät ja ymmärrettävä, missä heidän tavoitteensa ovat ja missä ne eroavat toisistaan. Mitä tietoja voidaan käyttää yhden tyyppisille käyttäjille paremmin verrattuna muihin? Heidän tulisi miettiä, onko jokaisessa käyttäjätyypissä oltava erilainen suunnittelu vai onko olemassa ratkaisu yleisempään käyttötapaukseen.

Tässä mielessä on hyvä aloittaa alkeellisilla lankakehyksillä ja siirtyä prototyyppeihin, joita voidaan testata todellisten käyttäjien kanssa käyttäjätutkimusvaiheessa. Lyhyt käyttäjätutkimusvaihe, jossa on vain viisi käyttäjää, voi tarjota todella arvokasta tietoa, ja se säästää valtavasti aikaa verkossa.

Kojelaudan lankakehys Aaron Sananes

Asteittainen paljastaminen kojelaudan suunnittelussa

asteittainen paljastaminen on tekniikka, jota käytetään kiinnittämään käyttäjän huomio vähentämällä sotkua. Progressiivisen paljastusjärjestelmän luominen auttaa luomaan käyttäjäkeskeisen ympäristön, joka auttaa priorisoimaan käyttäjien huomion, välttämään virheitä ja säästämään aikaa. Sen avulla käyttäjät voivat myös keskittyä tärkeimpiin ominaisuuksiin, jotka kiinnostavat heitä, eikä heitä tarvitse pakottaa tarkistamaan kaikkia ominaisuuksia, myös niitä, joita he eivät tarvitse tai joista he eivät välitä.

Progressiivinen julkistaminen on kojelautasuunnittelun paras käytäntö, joka vähentää myös virhetasoja huomattavasti. parantaa tehokkuutta ja auttaa käyttäjiä parantamaan ymmärtäminen kojelaudoista, kun järjestelmä perustuu ominaisuuksien priorisointiin.

Kojelaudan suunnittelu Jan Losert

Progressiivinen paljastaminen eroaa harvoin käytetyistä tai edistyneistä ominaisuuksista toissijaiseen näyttöön, mikä tekee sovelluksista helpompi oppia ja vähemmän alttiita virheille. - Jakob Nielsen

Animaatio on loistava tapa vastata erilaisiin käyttäjien tarpeisiin samalla kun se palvelee useita toimintoja. Se on loistava vaihtoehto käyttää, kun tietoja ja kuvia ladataan, ja se on edistyksellinen progressiivinen paljastusratkaisu.

Animaatio on liikkeen illuusion luominen; se on dynaaminen, joka luo tunteen edistymisestä ja jatkuvasta palautteesta, mikä vähentää käyttäjien epävarmuutta ja lisää havaittua suorituskykyä.

Hallintapaneeli Virgil Pana

Edut progressiivisen paljastamisen käytöstä paneeleissa:

• Vähennä käyttäjien epävarmuutta ja ahdistusta (osoittamalla edistymisen merkkejä käyttäjille voidaan varmistaa, että kaikki toimii suunnitellusti)
• Tarjoa käyttäjille jotain tarkasteltavaa (osittainen tietojen visualisointi) sen sijaan, että pakotettaisiin heitä odottamaan
• Anna käyttäjille selkeät odotukset seuraavista vaiheista ja luo käsitys siitä, miten tiedot esitetään hierarkkisesti

Asteittaiseen paljastamiseen ja tietojen lataamiseen liittyviä mahdollisia ongelmia ovat:

• Indikaattoreiden ja tietojen väärinkäyttö. Lyhyt latausaika ja turhat vaiheet aiheuttavat häiriötekijöitä ja toimivat käytettävyysperiaatteiden vastaisesti.
• Tiedonhaun viivästyminen ilman selkeää edistymisindikaattoria voi johtaa käyttäjien epävarmuuteen ja korkeampiin palautumisprosentteihin.
• Staattisten edistymisindikaattorien käyttö on hyvin merkityksetön ratkaisu, eikä se anna riittävästi tietoa edistymisestä, mikä voi myös johtaa käyttäjien epävarmuuteen ja korkeampiin palautumisasteisiin.

Kojelaudan suunnittelu Mason Yarnell

Yhteenveto

Kojelaudat ovat tehokas tapa kommunikoida tietoja ja muuta tietoa, erityisesti käyttäjäkeskeisellä, tavoitteisiin keskittyvällä suunnittelulla, joka noudattaa kojelautasuunnittelun ja tietojen asianmukaisen visualisoinnin parhaita käytäntöjä. Vaikka jokaisella kojelaudalla on erilainen ja sillä on omat tavoitteensa, vaatimukset ja rajoitukset, näiden perusperiaatteiden noudattaminen auttaa sinua luomaan poikkeuksellisia malleja yksityiskohdista riippumatta:

• Ensimmäinen ja tärkein asia on tuntea käyttäjätyypit ja ymmärtää heidän tavoitteensa.
• Välitä selkeä tarina käyttäjille vihjailevien kuvien, tunnisteiden, progressiivisen paljastustekniikan ja animaation avulla.
• Tee monimutkaisista asioista helppoa soveltamalla käyttäjätutkimustekniikoita.
• Paljasta tiedot sopivana ajankohtana erittelyjärjestelmässä.
• Käytä tietojen visualisointia ilmaisemaan tietoja mielekkäällä tavalla.