apeescape2.com
  • Põhiline
  • Töö Tulevik
  • Tehnoloogia
  • Disaineri Elu
  • Innovatsioon
Ux Disain

Parimad andmete visualiseerimise näited ja juhtpaneeli kujundused

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.



Andmete visualiseerimine ja armatuurlaua kujundamise parimad tavad

Andmete visualiseerimine ja armatuurlaua kujundamise parimad tavad pakuvad kasutajatele tõhusat ja huvitavat viisi keerukate ideede paremaks vaatamiseks ja mõistmiseks. ( Meelepaha )

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.

Näide andmete visualiseerimise parimatest tavadest

Napoleoni 1812. aasta märts on üks Charles Minard Suurimad visualiseerimised aastast 1861, mis näitavad tuhandeid andmepunkte, kasutades ülimat graafilist tipptaset.

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.

Andmete visuaalne kuvamine virnastatud ribade ja lihtsa kaardi abil

John Snow'i andmete visualiseerimine on üks parimaid näiteid mitme andmepunktiga loo rääkimisest ja selle nii kaasahaaravast kui ka arusaadavast hoidmisest.

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.

isikliku rahanduse kontoplaan

Andmete visualiseerimise eelis aitab kuvada väga keerukat teavet.

Üks andmete visualiseerimise eelis on ülimalt keeruka teabe kuvamine nii arusaadaval kui ka kasulikul viisil.

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.

Andmete visualiseerimise näide, mis näitab tuhandeid andmepunkte mittekompleksses graafikas

Andmete visualiseerimine, mis näitab graafilist tipptaset tuhandete keerukate andmepunktidega.

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.

Andmete visualiseerimise juhtpaneeli disain, mis kuvab palju andmepunkte

Andmete visualiseerimine, mis näitab mitut andmepunkti, ilma et see kasutajale üle jõu käiks. ( Poodium )

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.

Üks andmete visualiseerimise tehnikatest on andmeid kujutava graafika kasutamine.

Ikooniline andmete visualiseerimine, mis näitab tuhandeid andmepunkte nii elegantsel kui ka hõlpsasti mõistetaval viisil.

Armatuurlaua parimad kujundused

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

aws sertifitseeritud lahendused arhitekti sertifikaat
  • 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

USA-s asuvad täiskohaga vabakutselised UX-disainerid soovisid

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.

Armatuurlaua kujunduse parim tava on teabe tähenduse suurendamiseks värvide kasutamine.

Hõredad värvid ja kasutajale asjakohase teabe kuvamine on armatuurlaua hea disaini põhimõtted. ( Artjom Sokolov )

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.

Kasutaja juhtpaneel, mis näitab andmete suurepärast visuaalset kuvamist

Armatuurlaud Stripe näitab suurepärast andmete visuaalset kuvamist viisil, mida kasutajatel on lihtne ja kiiresti näha ning mõista. ( Michaël Villar )

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.

Armatuurlaua kujundamise parim tava koos hästi koostatud teabe silode ja hea infovooga

See armatuurlaua kujundus järgib andmete usaldusväärse visualiseerimise häid tavasid: helded veerised, tasakaalustatud paigutus ja hea värvikontrastsus, mis kõik aitavad kaasa andmete tõhusale tõlgendamisele.

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.

Armatuurlaua ülemise kujunduse näide näitab lihtsalt keerukat teavet

Aktsiate juhtpaneel, mis näitab palju andmepunkte ja keerukat teavet lihtsustatud, kuid informatiivsel viisil. ( WhiteonWhite Digital )

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.

Armatuurlaua disain UX on rakendatud andmete loetavuse ja mõistmise osas

Armatuurlaua kujunduse näide, mis näitab veebianalüütikat läbimõeldult ja kooskõlas sellega, mida kasutajad soovivad kõige rohkem näha.

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.

Suurepärane armatuurlaua kujunduse näide dokumendihaldussüsteemist

Näide suurepärasest armatuurlaua kujundusest koos minimalistliku lähenemisega keerulisele dokumendisüsteemile. ( Jan Losert )

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.

kuidas Excel 2016-s PowerPivoti kasutada

Andmete mobiilne visuaalne kuvamine

Taimede külvamise ilmarakendus, mis esitleb mobiilset armatuurlauda, ​​mida pole segatud graafiku rämpsuga. ( Tomasz Zych )

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.

Mobiilse armatuurlaua kujundamise parim tava

Krediitkaardi ja panga juhtpaneelid on keerulised, kui ei rakendata UX-i põhimõtteid koos andmete visualiseerimise parimate tavadega. ( Raj Lal )

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.

Kontekstteadlikud rakendused ja kompleksne sündmuste töötlemise arhitektuur

Andmeteadus Ja Andmebaasid

Kontekstteadlikud rakendused ja kompleksne sündmuste töötlemise arhitektuur
Tootedisaineri juhend konkurentsianalüüsiks

Tootedisaineri juhend konkurentsianalüüsiks

Tooteinimesed Ja Meeskonnad

Lemmik Postitused
Efektiivse tarkvara tootmise kaheksa reeglit
Efektiivse tarkvara tootmise kaheksa reeglit
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kuidas tehisintellekt rahandusmaailma mõjutab
Kuidas tehisintellekt rahandusmaailma mõjutab
Lõplik juhend WordPressi pistikprogrammi loomiseks
Lõplik juhend WordPressi pistikprogrammi loomiseks
 
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Lemmik Postitused
  • millega progressiivne rütm silma paistab?
  • teisendada palk lepingumääraks
  • alustada erakapitali investeerimisfondi
  • müügikoht androidile
  • millist programmi c ++ jaoks kasutada
  • see on nimi, mis viitab tühjale ruumile tüübi või muude küljenduse funktsioonide ümber.
  • virtuaalne reaalsus või liitreaalsus
Kategooriad
Mobiilne Finantsprotsessid Nõuanded Ja Tööriistad Planeerimine Ja Prognoosimine Innovatsioon Mobiilne Disain Kpi-D Ja Analytics Kujundusprotsess Vilgas Investorid Ja Rahastamine

© 2021 | Kõik Õigused Kaitstud

apeescape2.com