Vizualizacija podataka u web dizajnu: 12 zapanjujućih primjera
Podaci, podaci, svugdje. Ali što vi radite s tim? Danas smo prikupili 12 zadivljujućih primjera vizualizacije podataka u dizajnu web stranica da biste započeli razmišljanja o tome kako raditi s podacima.
Živimo u vremenu u kojem mogućnost dizajniranja podataka na nove i zanimljive načine može biti velika prednost dizajnerima.
Bez obzira imate li veliku zbirku brojeva ili samo podatke koje želite prikazati, ovaj stil dizajna može biti izvrstan alat u vašem kompletu.
Istražite elemente Envatoa
1. Povijest NFL-a
S desetljećima koji obuhvaćaju 32 tima, na raspolaganju je obilje informacija o igrama u NFL-u. FiveThirtyEight je sve to složio u niz interaktivnih grafova koje momčadski možete pogledati kako biste vidjeli otrcave i tokove nogometne povijesti.
Najbolja stvar u ovoj vizualizaciji podataka je da je super jednostavna. Crte prikazuju pobjede i gubitke. No klikom i pomicanjem mišićima podaci oživljavaju: možete vidjeti rezultate, datume i zapise za svaku pojedinačnu igru koja je prekrivena na karti prosjeka za cijelu ligu. (Tako možete vidjeti je li vaš tim ispred ili iza paketa.)
2. Selfiecity
Selfiji su više od samo zabavnog skupa fotografija. Selfiecity koristi multimedijske vizualizacije za prikupljanje tisuća fotografija kako bi pronašao demografske podatke o ljudima koji ih uzimaju.
Ono što je sjajno u ovom skupu podataka je da iako je sve vizualno - tisuće fotografija - možete početi vidjeti uzorke, poput stilova selfieja na različitim mjestima, bilo da žene ili muškarci slikaju više fotografija, u dobnim selfiejima, ispitanicima. Iako su ovdje neke statistike i brojke, ovi se podaci crtaju pomoću fotografija u golemoj mreži.
3. Najveći vokabular u hip-hopu
Ovaj projekt tvrtke ThePudding pokazuje da podaci ne moraju uvijek biti numerirani. Analizira se broj jedinstvenih riječi korištenih u hip hop tekstovima i crta najveći vokabular po broju riječi s umjetnikovim slikama.
Evo kako to djeluje: „Uspoređuje broj jedinstvenih riječi koje koriste neki od najpoznatijih umjetnika hip hopa (to je primjer kvantitativnog prikaza lirike, koji je nekoć predložio Tahir Hemphill). Koristio sam prvih 35.000 tekstova umjetnika. Na taj se način plodni umjetnici, poput Jay-Z-a, mogu usporediti s novijim umjetnicima, poput Drakea. "
Jednostavan crno-bijeli dizajn crtanog grafikona vizualno je zanimljiv i omogućava lako vidjeti koji umjetnici su ispred paketa. (Ili možete koristiti više interaktivnih alata i tražiti određene izvođače.) Možete sortirati i po eri, s tim da su 2000-te godine bile najprivlačnije.
4. Označite godinu u pregledu
Začinite skup godišnjih podataka s ukorijenjenim web mjestima, čineći sve vizualnim. Shopify's 2016 in Review je skup podataka o godišnjem izvještaju u paketu koji se lako čita.
Web mjesto se pomiče u blokovima sličnim stranicama, s činjenicama i informacijama. Vizualizacija stila vremenske linije pomiče se dublje u poveznice s grafovima i ostalim numeričkim grafikonima. Ova stranica pokazuje da čak i uz puno brojeva, možete stvoriti nešto zapanjujuće i trendi.
5. Dnevne rutine poznatih kreativnih ljudi
Nemojte se zavaravati u razmišljanju ili su grafikoni dosada dosadni. Ovaj zadivljujući niz linija prikazuje sjajne podatke koji pokazuju kako je neki prilično poznati kreativac provodio svoje dane. (A ovdje je puno hrane i slobodnog vremena.)
Ono što ovaj rad na vizualizaciji podataka čini bojom. Svaki redak nešto znači. Svaka boja je u kontrasti s bojama oko nje tako da je svaki dio informacija lako vidjeti i razumjeti.
6. Pad kroz jaz
Ova interaktivna vizualizacija podataka s BBC-a je sjajna. Skup promjena animiranih točaka na akciji pomicanja pokazuje složene informacije na prvi pogled.
Animacije i ideja iza ove interaktivne infografike dobro su isplanirana i izvedena.
7. Svako odvijanje pomrčine Sunca
Ova vizualizacija podataka miješa malo cool čarobnjaštva, animacija i znanstvenih podataka kako bi se pružile prilagođene informacije o tome kada (i ako) možete vidjeti pomrčinu Sunca.
Počinje s godinom rođenja za prilagođeno izvješće. Evo moga (imajte na umu da podaci dolaze iz 2017.): "Ako ste rođeni 1980., ove godine ste (ili ćete biti) 37 godina. Ako živite do 100, u vašem životu bit će još 43 pomračenja Sunca širom svijeta. Mnogi će biti nad Južnom Amerikom. Jedan će pomračiti samo vodu. "
Podaci se dalje šire u objašnjenja kako pomrčina djeluje i staze za događaj 2017. godine.
8. karta vjetra
Gdje puše vjetar?
Ova karta prikazuje brzinu vjetra i prosjeke za Sjedinjene Države u stvarnom vremenu. Podaci o vremenu prenose se u jednostavnu crno-bijelu kartu koja pokazuje pokretne vjetrove u cijeloj zemlji. (Moram priznati, samo gledanje animacije prilično ovisi ... i umirujuće.)
9. Kako je svaki član došao u Kongres
Mapiranje podataka iscrpno je i vrlo informativno iskustvo. Ova interaktivna mapa podataka prikazuje put svakog kongresmena i kongresne žene u SAD-u
Možete pratiti obrazovanje, posao i drugo političko iskustvo. (Nekako je nevjerojatno koliko sličnih staza ima.) Zaronite se dublje u podatke gledajući i pojedine staze političara.
10. Najveće svjetske kršenja podataka i hake
Ako tražite podatke koji izgledaju sjajno, Informacija je lijepa dobro je mjesto za početak. Ovaj grafikon kruga prikazuje kršenja podataka od 30 000 zapisa ili više od 2008. do danas.
Veličine krugova predstavljaju koliko je došlo do kršenja i lako je vidjeti gdje su se vaše informacije mogle zapaziti u podatkovni hack. Zadržite pokazivač miša iznad bilo kojeg kruga da biste saznali više o kršenju. Dizajn stila vremenske trake pokazuje i nešto drugo - potpuno povećanje kršenja godišnje.
11. Zašto vaš pametni telefon uzrokuje sindrom „unosa teksta“
Neke od najboljih vizualizacija podataka tvore činjenice i priču kako bi dobili cjelovitiju sliku informacija. To je slučaj s ovim priručnikom za "tekstualni vrat".
Male parcele podataka - koristeći činjenice i brojeve - miješaju se s animiranim podacima koji pokazuju promjene držanja kako bi se pokazalo (ne bi se moglo reći) točno što se događa u ovom fenomenu, a započeto je brojevima slučajeva "tekstualnog vrata". Odličan je način vizualno objasniti nešto što inače ne bi moglo imati puno smisla.
12. Ilustrirani vodič o 2.339 smrtnih slučajeva u 'Igra prijestolja'
Pomoću ilustracija napravite i privlačnu vizualizaciju podataka. Washington Post je dokumentirao svaku smrt u popularnoj emisiji "Igra prijestolja", s ilustriranim vodičem.
Ilustracije i kodiranje ikona prikazuju smrti na prvi pogled radnjama klika koje se još više detaljno prikazuju. Osim toga, sve je organizirano prema sezoni (i lokaciji i vrsti lika ako vas zanima). Da biste dokazali da je to više od zabave, postoji potpuna metodologija kako to funkcionira i što se "računa" kao smrt.
Zaključak
Upotreba vizualizacija podataka praktički je posvuda. Živimo u dobu temeljenoj na podacima, gdje ljudi privlače informacije i znanje.
Biti u mogućnosti skuhati velike količine podataka u korisnom dizajnu dragocjena je vještina koja vam može pomoći u brojnim projektima. A ako vas još nisu pitali za to, vjerovatno je da ćete to uskoro postati.
