Andmete visualiseerimine ja armatuurlaua kujundamine on nii kunst kui ka teadus ja neid pole nii lihtne luua, kui need esmapilgul võivad ilmuda. Kuidas teha UX disainerid ja visuaalsed disainerid illustreerida keerukat teavet kasutajaid segadusse ajamata?

Kolm võimalust: parem mõistmine Armatuurlaua hea disaini taga olevad UX põhimõtted , graafilise tipptaseme rakendamine ja praktika.

Järgneb UX armatuurlaua disain konkreetsed põhimõtted ja parimaid tavasid . Graafiline tipptase nõuab seevastu põhjalikumat uurimist.

Graafiline tipptase on määratletud järgmiselt:

• Hästi kavandatud ja tõhus huvitavate andmete esitamine.
• Keerulised ideed edastati tõhususe, selguse ja täpsusega.
• Andes vaatajale väikeses ruumis kõige vähem aega nõudvaid ideid ja kasutades kõige vähem tinti.
• Andmete kohta tõe rääkimine.

Suurepärane ressurss graafilise tipptaseme paremaks mõistmiseks on Edward Tufte töö. Teda peetakse andmete Leonardo da Vinciks ja tal on palju avaldatud teoseid, raamatuid ja loenguid. David McCandless , kes asutas teave on ilus on veel üks suurepärane ressurss veebisait, mis esindab andmete visualiseerimise ja graafilise tipptaseme poolest parimat.

UX-i eeskujuliku kujunduse ja graafilise tipptaseme põhimõtted kehtivad nii armatuurlaua kujunduse kui ka andmete visualiseerimine . Siin on mõned peamised andmete visualiseerimise ja armatuurlaua kujunduse näited.

Parimad andmete visualiseeringud

Napoleoni 1812. aasta märts

Minardi visualiseerimist Napoleoni 1812. aasta marsist peetakse üheks parimad statistilised joonised, mis eales loodud ”: Nii palju teavet sisaldava visualiseerimise loomine kui Minard on teinud, oleks olnud võimatu, kui poleks kasutatud graafilist tipptaset.

See üks visualiseering näitab Napoleoni vägede arvu asukoha järgi, vägede kogetud temperatuuri ja teed, mida väed Moskvasse ja Moskvast tagasi viisid.

John Snowi koolera kaart

John Snow’s 1854. aasta graafika, mis näitab Londoni 13 avaliku kaevu ja 578 koolerasurma asukohta, kasutades virnastatud ribasid, mis on risti nende asukohaga: seda on lihtne mõista, avaldada andmetes tõde ja anda kasutajale kogu vajaliku teabe õige järelduse tegemiseks koolerasurmad.

Rokkmuusika ajalugu

Allpool olev graafika, mis esindab vaid murdosa kogu andmete visualiseerimisest, näitab osa enam kui 30 muusikastiilist, mis pärinevad ajavahemikul 1955–1978 üle 700 kunstniku.

See ei esinda ainult artiste ja stiile, vaid näitab mõjutusi, plaadimüügi mahtu, stiilikategooriaid ja nende lõppu või jätkumist. Sellise graafilise tipptaseme saavutamine pole väike saavutus.

Kus Euroopa rahvastik kasvab ja kahaneb

Parim andmete visualiseerimine, mis näitab, kuidas tohutu hulk andmeid keerulisel, hästi kavandatud ja tõepärasel viisil. Interaktiivses versioonis on ka filtrid, mis võimaldavad veelgi rohkem andmeid uurida, näiteks sündimus.

Ikooniliste kuulsate inimeste igapäevane rutiin

See pole mitte ainult see andmete visualiseerimine huvitav , see on klassikaline näide graafilisest tipptasemest. Ühes graafikus näeme üksikasjalikult ikooniliste kuulsate inimeste igapäevaseid harjumusi, rituaale, püüdlusi ja prioriteete.

Kasutades lihtsat värvikoodiga diagrammi, on see visualiseerimine hõlpsasti mõistetav, lihtne, tõhus ja ennekõike informatiivne.

Maailma keelte graafika

See klassikaline andmete visualiseerimine kujutab planeedil eksisteerivate keelte arv , kus neid räägitakse ja kes räägib neid maailma erinevates taskutes.

Ilma kõrge graafilise tipptasemeta oleks raske nii palju andmeid näidata nii elegantsel viisil, mis oleks ka informatiivne ja hõlpsasti mõistetav.

Armatuurlaua parimad kujundused

Armatuurlaua paremaks pidamiseks peab see vastama konkreetsetele UX-i kriteeriumidele:

• Selged ja järjepidevad nimetamisviisid
• Andmete voog ja paigutus on prioriteetsed
• Veerised on loetavuse jaoks sobivad
• Andmed pole peidetud ega ülekoormatud
• Arusaadav ja kergesti loetav

Turunduse KPI juhtpaneel

Allpool toodud näide on suurepärane näide keeruka äriteabe hõlpsasti mõistetavaks muutmise kohta. Vaoshoitud värvilahendus on meeldiv ja eraldi kaartide kasutamine on silmadele pehme.

Armatuurlaua suurepärase kujunduse üks põhjus on andmete ja tindi suhe. Andmed ja ruum täiendavad üksteist. Selle asemel, et ekraan rohkem graafikutega täita, kasutatakse eraldi väikeste kaartidega kaarte. See on geniaalne viis hoida kriitilist teavet kättesaadavana (st seda mitte varjata), andes kasutajale lihtsa ja õpetliku viisi seda oma tingimustel vaadata.

Triibuline armatuurlaud

The Triibuline armatuurlaud on armatuurlaua kujundamise parimate tavade suurepärane näide. See on lihtne, vastab kõige asjakohasematele kasutajate küsimustele ja igas kaardis on peaaegu täiuslikud veerised.

Telemeditsiini juhtpaneel

Telemeditsiini analüüs on tuntud paljude algandmete edastamise poolest. Nende andmete korrastamine sisukaks ja informatiivseks juhtpaneeliks võib olla väljakutse. Selles näites kasutatakse armatuurlaua kujunduse UX parimaid tavasid. Marginaalid kahekordistuvad, teave esitatakse koos küsimuste ja vastustega ning andmeid ei peita silmade eest.

Aktsia juhtpaneel

Varusid võib olla keeruline ühes armatuurlaual kontseptualiseerida, kuna ruumi nimel konkureerivad andmepunktid. Selle armatuurlaua kujunduse näite abil on suudetud saavutada puhas ja minimaalne välimus kogu asjakohase teabe esi- ja keskosa abil.

Veebipubliku juhtpaneel

Google Analytics saab nende juhtpaneelidega suurepäraselt hakkama; konkreetse eesmärgi saavutamiseks võib siiski vaja minna palju kohandamist. See juhtpaneel on viinud analüütika uuele tasemele, pakkudes lihtsat, hõlpsasti mõistetavat, hõlpsasti loetavat ja kasulikku vaadet, suurendamata kognitiivset koormust.

Dokumendihalduse juhtpaneel

Dokumentide haldamine on keeruline, kuid nende korrastatuna hoidmine ja hõlpsasti navigeerimine võib olla veelgi keerulisem. Suurepärane lahendus on see armatuurlaud, mis hoiab asjad lihtsad, arusaadavad ja üllatavalt hõredad.

Isegi minimalistliku lähenemisviisi korral annab see juhtpaneeli suurepärane näide kasutajale kõik, mida ta vajab nii dokumendisüsteemist arusaamiseks kui ka navigeerimiseks.

Taimede külvamise ilmarakendus - mobiilne juhtpaneel

See mobiilne juhtpaneel on nii informatiivne kui ka hõlpsasti mõistetav. Leivaküpsised aitavad navigeerida ja tavaliste keelekirjeldustega ikoonid aitavad luua suurepärast UX-i kujundust.

Krediitkaardi juhtpaneel - mobiilne juhtpaneel

Sarnaselt pangandusele on krediitkaardi juhtpaneelid tuntud halva UX-i poolest, eriti mobiilseadmes. See mobiilse armatuurlaua disain pöördub uude suunda. Teave pole mitte ainult hästi korraldatud, vaid arusaadav ja funktsioonirikas, ilma et see oleks ülekaalukas.

Suurepärane andmete visualiseerimine ja armatuurlaua kujundamine nõuab graafilist tipptaset ning armatuurlaua kujundamise põhimõtete mõistmist ja rakendamist. Rakendatuna ühtlaselt, saavad kasutajad kasu informatiivsetest andmete visualiseerimistest ja juhtpaneelidest, mis pakuvad kvaliteetset kasutuskogemust.

• • •

Lisalugemine ApeeScape'i disainiblogist:

• Armatuurlaua kujundus - kaalutlused ja parimad tavad
• Andmete visualiseerimine - parimad tavad ja sihtasutused
• Inspireeruge nende andmete visualiseerimistega
• Nende juhtpaneeli kujunduse inspiratsioonide abil saate oma analüüsi täiendada
• Mobiilse armatuurlaua kujundamine ja suhtlemine - Flinto õpetus

Põhitõdesid mõistes

Mis on armatuurlaua UX?

Armatuurlaud UX hõlmab hea UX-i kujunduse põhimõtteid, et pakkuda paremat kasutuskogemust, näiteks teadmiste ja mitte ainult andmete kuvamine, kasutaja jaoks kujundamine, usaldusväärsete kujunduspõhimõtete järgimine, andmete tõesuse näitamine ja kõrge andmete ja tindi suhe.

Mis on andmete visualiseerimine ja miks see nii oluline on?

Andmete visualiseerimine on teabe ja andmete graafiline esitus. Seda saab kujutada diagrammi, skeemi, pildina jne. Nende elementide abil saab andmete visualiseerimine pakkuda paremat viisi trendide, kõrvalekallete ja mustrite nägemiseks ja mõistmiseks.

Kuidas andmete visualiseerimine aitab?

Andmete visualiseerimine aitab kasutajatel tuvastada andmete suundumusi ja mustreid. Selle tugevus seisneb graafilises esituses, mis võimaldab inimestel paremini mõista keerukat ja mõnikord mahukat teavet.

Mis on armatuurlaua kujundus?

Armatuurlaua disain on võime koondada ja kuvada ülitähtsaid andmeid / teavet ühtsesse vaadatavasse ruumi. See järgib UX-i kujundamise põhimõtteid ja andmete visualiseerimise parimaid tavasid ning on korraldatud nii, et kasutajad saaksid navigeerida otse erinevatesse valdkondadesse, mis vajavad kõige rohkem tähelepanu.

Kuidas teha head armatuurlauda?

Armatuurlaua hea kujundus järgib väljakujunenud andmete visualiseerimise parimaid tavasid, standardeid ja tavasid. Neil on eesmärk ja andmed esitatakse selgelt ja järjepidevalt. Armatuurlaua hea kujundus liigub loomulikult vasakult paremale, kasutab laia veerist ja polsterdust ning kuvab õige hulga teavet.