Ovaj članak je napisao predstavnik DevExpressa i objavljen na blogu na HabraHabru.
Medicinski istraživači su otkrili da ako uputstva za lijek sadrže samo tekst, osoba apsorbira samo 70% informacija iz njega. Ako uputstvu dodate slike, osoba će već razumjeti 95%.
Očigledno je da su ljudi predisponirani za obradu vizualnih informacija. Osim što je odlična za obradu od strane našeg mozga, vizualizacija podataka ima nekoliko prednosti:
- Fokusiranje na različite aspekte podaci
Koristeći grafikone, lako možete skrenuti pažnju čitaoca na crvene indikatore.
- Analiza velikog skupa podataka sa složenom strukturom
- Smanjenje nečijeg preopterećenja informacijama i održavanje njene pažnje
- Nedvosmislenost i jasnoća izlaznih podataka
- Isticanje veza i odnosa sadržanih u informacijama
Na grafikonu možete lako uočiti važne podatke.
Estetska privlačnost
Estetski atraktivni grafikoni čine prezentaciju podataka impresivnom i nezaboravnom.
Edward Tufte, autor nekih od najbolje knjige o vizualizaciji, opisuje je kao alat za prikazivanje podataka; podsticanje gledaoca da razmišlja o suštini, a ne o metodologiji; izbjegavanje iskrivljavanja onoga što podaci imaju za reći; prikazivanje mnogo brojeva na malom prostoru; prikazivanje velikog skupa podataka kao koherentne i jedinstvene cjeline; podsticanje gledaoca da uporedi delove podataka; služe prilično jasnim svrhama: opisu, istraživanju, naručivanju ili dekoraciji ().
Kako pravilno koristiti vizualizaciju podataka?
Uspješnost vizualizacije direktno ovisi o ispravnosti njene primjene, odnosno o izboru vrste grafa, pravilnoj upotrebi i dizajnu.
60% uspjeha vizualizacije ovisi o izboru vrste grafa, 30% o pravilnoj upotrebi i 10% o pravilnom dizajnu.
Ispravan tip grafikona
Grafikon vam omogućava da najpotpunije i tačnije izrazite ideju koju prenose podaci, tako da je vrlo važno odabrati pogodan tip dijagrami. Izbor se može napraviti pomoću sljedećeg algoritma:
Ciljevi vizualizacije- ovo je implementacija glavne ideje Informacije, to je ono zbog čega odabrani podaci trebaju biti prikazani, kakav učinak treba postići - identificiranje odnosa u informacijama, prikazivanje distribucije podataka, sastav ili poređenje podataka.
Prvi red prikazuje grafikone sa svrhom prikazivanja odnosa u podacima i distribucije podataka, a drugi red ima svrhu prikaza sastava i poređenja podataka.
Odnosi u podacima- ovako zavise jedni od drugih, povezanost među njima. Koristeći relacije, možete identificirati prisustvo ili odsustvo zavisnosti između varijabli. Ako glavna ideja informacija sadrži fraze „odnosi se na“, „smanjuje se/povećava na“, onda biste trebali nastojati prikazati upravo odnose u podacima.
Distribucija podataka - kako su raspoređeni u odnosu na nešto, koliko objekata spada u određena sekvencijalna područja numeričke vrijednosti. Glavna ideja će sadržavati fraze “u rasponu od x do y”, “koncentracija”, “frekvencija”, “distribucija”.
Sastav podataka- kombinovanje podataka u svrhu analize velika slika općenito, poređenja komponenti koje čine postotak određene cjeline. Ključne fraze za kompoziciju su “sastavljen x%”, “udio”, “postotak cjeline”.
Poređenje podataka – kombinovanje podataka u cilju poređenja određenih indikatora, utvrđivanje kako se objekti međusobno odnose. To je također poređenje komponenti koje se mijenjaju tokom vremena. Ključne fraze za ideje prilikom poređenja su “više od/manje od”, “jednako”, “promjene”, “povećava se/smanjuje”.
Nakon definiranja svrhe vizualizacije, potrebno je odrediti tip podataka. Oni mogu biti vrlo heterogeni po svom tipu i strukturi, ali u najjednostavnijem slučaju razlikuju kontinuirane numeričke i vremenske podatke, diskretne podatke, geografske i logičke podatke. Kontinuirani numerički podaci sadrže informacije o zavisnosti od jedan numerička vrijednost od drugog, na primjer grafičke funkcije kao što je y=2x. Neprekidno vrijeme sadrži podatke o događajima koji se dešavaju u određenom vremenskom periodu, poput grafikona temperature mjerene svakog dana. Diskretni podaci mogu sadržavati zavisnosti kategoričkih količina, na primjer, grafikon broja prodaje robe u različitim trgovinama. Geografski podaci sadrže različite informacije vezane za lokaciju, geologiju i druge geografske pokazatelje, sjajan primjer- Ovo je normalno geografska karta. Logički podaci pokazuju logički raspored komponenti jedna u odnosu na drugu, npr. porodično stablo porodice.
Grafovi kontinuiranih numeričkih i vremenskih podataka, diskretnih podataka, geografskih i logičkih podataka.
Ovisno o cilju i podacima, možete odabrati najprikladniji raspored za njih. Najbolje je izbjegavati raznolikost radi raznolikosti i birati po principu „što jednostavnije to bolje“. Koristite određene tipove grafikona samo za određene podatke; u drugim slučajevima prikladni su najčešći grafikoni:
- linearno
- sa oblastima
- kolone i histogrami (traka)
- tortni grafikon (pita, krofna)
- polarna karta (radar)
- dijagram raspršenja (raspršeno, balončić)
- mape
- drveće (drvo, mentalna mapa, mapa drveta)
- vremenski dijagrami (vremenska linija, gant, vodopad).
Linijski grafikoni, grafikoni površina i histogrami mogu sadržavati nekoliko vrijednosti u jednom argumentu za jednu kategoriju, koje mogu biti apsolutne (onda se složeni prefiks dodaje ovim tipovima grafikona) ili relativni (potpuno naslagani).
Grafikon sa naslaganim vrijednostima i sa punim naslaganim vrijednostima
Prilikom odabira odgovarajućeg grafikona, možete se voditi sljedećom tablicom, sastavljenom na osnovu ovog grafikona i:
Pravilna upotreba grafikona
Važno je ne samo odabrati pravu vrstu grafikona, već je i pravilno koristiti:
- Nema potrebe da učitavate grafikon sa puno informacija. Optimalna količina različite vrste podataka, kategorije - to nije više od 4-5, inače bi bilo svrsishodnije podijeliti takav dijagram na nekoliko dijelova.
Takav grafikon se može uporediti sa špagetima i bolje ga je podijeliti na nekoliko dijagrama.
Odaberite ispravnu skalu i skalu za grafikon. Za histograme i dijagrame površine, poželjno je započeti skalu vrijednosti od nule. Pokušajte da ne koristite obrnute skale - to vrlo često dovodi u zabludu gledaoca u pogledu podataka.
Nepravilna skala negativno utiče na percepciju podataka. U prvom slučaju, skala je pogrešno odabrana, u drugom je skala invertirana.
- Za tortne grafikone i grafikone koji pokazuju postotak ukupnog udjela, zbir vrijednosti uvijek treba da iznosi 100%.
- Za bolju percepciju podataka, bolje je organizirati informacije na osi - bilo po vrijednosti, ili po abecednom redu, ili po logičkom značenju.
Ispravan dizajn rasporeda
Ništa nije prijatnije za oko od dobro dizajniranih grafikona, i ništa ne kvari grafikone više od prisustva grafičkog „smeća“. Osnovni principi dizajna:
- koristite palete sličnih, ne svijetlih boja i pokušajte se ograničiti na set od šest komada
- pomoćne i sekundarne linije trebaju biti jednostavne i ne upadljive
Pomoćne linije na grafikonu ne bi trebale da odvlače pažnju od glavne ideje podataka.
- gdje je moguće, koristite samo oznake horizontalnih osa;
- Za grafove površina, poželjno je koristiti boju sa prozirnošću;
- Koristite drugu boju za svaku kategoriju na grafikonu.
zaključci
Vizualizacija - moćan alat prenošenje misli i ideja do krajnjeg korisnika, pomoćnik za percepciju i analizu podataka. Ali kao i svi alati, mora se koristiti u svoje vrijeme i mjesto. U suprotnom, informacije mogu biti percipirane sporo ili čak pogrešno.
Grafikoni pokazuju iste podatke, glavne greške vizualizacije su prikazane na lijevoj strani, a ispravljene su na desnoj strani.
Kada se vješto koristi, vizualizacija podataka može učiniti materijal impresivnim, zanimljivim i nezaboravnim.
Kvalitet vizuelnog dizajna značajno utiče kako na psihofiziološko stanje korisnika tako i na efikasnost njegovog rada uopšte. Kao rezultat toga, čak i softverski proizvod koji je prilično moćan u svojim mogućnostima možda neće biti dovoljno funkcionalan ako vizualni prikaz njegovog interfejsa ne ispunjava relevantne zahtjeve.
Prilikom dizajniranja vizualnih elemenata sučelja aplikacije, preporučljivo je osloniti se na određene principe kompozicije, od kojih su glavni sljedeći:
hijerarhijska organizacija prikazanih informacija;
vizuelno isticanje najvažnijih elemenata;
uravnotežena struktura ekrana;
vizuelno ujedinjenje logički međusobno povezanih elemenata;
osiguranje čitljivosti i logičke konzistentnosti prikazanih informacija;
upotreba objedinjenih pristupa vizualizaciji prikazanih informacija ne samo unutar aplikacije, već i radnog okruženja u cjelini (princip integracije).
Hijerarhijska organizacija informacija. Princip hijerarhijske organizacije informacija podrazumeva postavljanje informacija na osnovu njihovog značenja u odnosu na druge vizuelne elemente aplikacije. Rezultat ovakvog uređenja utiče na implementaciju svih ostalih principa vizuelne prezentacije informacija. Sa stanovišta rada korisnika, hijerarhijska organizacija informacija određuje dostupnost određenih podataka i redoslijed izvršavanja zadatka koji se rješava.
Vizuelno isticanje najvažnijih elemenata. Prilikom implementacije principa privlačenja pažnje korisnika moraju se riješiti dva zadatka: prvo, izbor na svakom koraku rada nekog osnovnog ideje, najvažnije je završiti ovaj korak; drugo, odgovarajuća prezentacija i postavljanje elemenata koji realizuju ovu ideju.
Zbog psihofizioloških karakteristika ljudi obraćaju pažnju prvenstveno na gornji lijevi ugao posmatranog područja ili na to dio koji se vizualno razlikuje od ostalih. Na osnovu toga ima smisla plasirati najviše važna informacija(ili element čvora) u gornjem lijevom kutu ekrana ili u prozoru opremljenom posebnim atributima.
Uravnotežena struktura ekrana. Princip uravnotežene strukture ekrana jedan je od najvažnijih principa vizuelnog dizajna. Pretpostavlja, s jedne strane, racionalno korištenje prostora na ekranu, as druge, takav smještaj informacija u kojem se na ekranu prikazuje samo onaj njihov dio koji je zaista neophodan za završetak sljedećeg koraka zadatka korisnika. u bilo kom trenutku.
Vizuelno objedinjavanje logički međusobno povezanih elemenata. Vizuelna integracija logički međusobno povezanih elemenata pomaže korisniku da shvati kako se tačno informacije i kontrole prikazane na ekranu odnose na korak zadatka koji se izvodi i jedna na drugu. With prijatelju. Na primjer, ako dijaloški okvir ima dugme koje utiče na sadržaj liste, ima smisla da ih postavite jedan pored drugog.
Čitljivost i logička konzistentnost prikazanog informacije. Svaka informacija (ne samo tekst) mora biti izražena u kompaktnom i istovremeno dostupnom obliku; osim toga, korisnik mora biti u stanju razumjeti kako se to odnosi na prethodne i sljedeće korake u zadatku.
Integracija. Ako je interfejs aplikacije vizuelno konzistentan sa interfejsom sistema i interfejsom drugih aplikacija, mnogo je lakše obezbediti korisniku konzistentno i predvidljivo radno okruženje.
Boja je jedan od najvažnijih vizuelnih atributa interfejsa. Budući da boja ima sposobnost da privuče pogled, treba je koristiti za identifikaciju onih elemenata interfejsa na koje korisnik treba da obrati pažnju. Boja takođe ima asocijativni aspekt; u mnogim slučajevima, objekte iste boje ljudi percipiraju kao srodne. Boje takođe mogu imati određene emocionalne ili psihološke efekte; Nije uzalud što su, na primjer, boje podijeljene na "hladne" i "tople".
Imajte na umu da su neke kombinacije boja, poput plavih znakova na crvenoj pozadini, neugodne za oko. O utjecaju boje na raspoloženje i performanse.
Fontovi pomažu u organizaciji informacija i stvaranju određenog raspoloženja. Promjenom veličine i gustine fonta, korisniku možete ukazati na stupanj važnosti ove ili one informacije i redoslijed kojim ih treba čitati.
Na standardnim monitorima fontovi su obično manje čitljivi nego na odštampanoj stranici. Izbjegavajte korištenje kurzivnih (kurzivnih) i serifnih fontova jer ih je teško čitati, posebno na niskim rezolucijama monitora.
Broj korištenih fontova i stilova mora biti ograničen. Kad god je moguće, koristite standardni sistemski font za uobičajene elemente interfejsa. Ovo osigurava vizualnu konzistentnost između sučelja vaše aplikacije i sučelja proizvodnog okruženja.
"Multidimenzionalnost" ekrana Prilikom prikazivanja mnogih elemenata sučelja, korisno je koristiti perspektivu, isticanje i sjenčanje za stvaranje trodimenzionalnog efekta. Ovo pomaže da se poveća funkcionalnost interfejsa i vidljivost povratnih informacija kada korisnik radi sa kompjuterskim analogama stvarnog sveta.
Prilikom kreiranja efekata osvjetljenja/senčenja, podrazumevano je pretpostaviti da se hipotetički izvor svetlosti nalazi u gornjem levom uglu ekrana.
Kada razvijate vlastite vizualne elemente, trebali biste biti oprezni: nemojte pretjerivati s korištenjem "volumetrijskih" slika, jer slika svakog "trodimenzionalnog" objekta zauzima mnogo više prostora na ekranu nego njegov "ravni" kolega. Koristite 3D efekte samo za prikaz interaktivnih elemenata. U tom slučaju unesite samo one detalje koji su zaista potrebni korisniku za identifikaciju slike.
Veličina i relativni položaj vizuelnih elemenata veoma su važni za stvaranje vizuelno doslednog i predvidljivog okruženja. Vizuelna struktura je takođe važna u smislu prenošenja svrhe elemenata prikazanih u prozoru. Općenito, pri odabiru opcije izgleda trebali biste slijediti ista pravila koja se koriste pri postavljanju ispisane stranice.
Grupisanje. Grupisanje uključuje kompaktno postavljanje međusobno povezanih elemenata. Za implementaciju grupisanja može se koristiti ili poseban element - blok grupisanja, ili jednostavno postavljanje elemenata na odgovarajućoj udaljenosti jedan od drugog.
Iako možete koristiti boju za vizualno grupisanje objekata, ovaj pristup nije uspješan jer može dovesti do neželjenih efekata kada korisnik promijeni shemu boja.
Pokušajte postaviti kontrole na traci sa alatkama tako da postoji razmak od ruba ploče do ruba prozora koji je najmanje jednak širini okvira prozora. U nekim slučajevima, kao što je kada se dugmad na traci sa alatkama koriste kao skup radio dugmadi, mogu biti raspoređeni uzastopno (bez razmaka).
Preporučljivo je grupisati glavne kontrolne tipke sekundarnog prozora u gornjem desnom kutu prozora ili ih rasporediti u obliku ravnala duž donje ivice prozora. Ako u prozoru postoji unaprijed definirano dugme, onda bi se ono obično trebalo pojaviti prvo.
OK i Otkaži treba da se nalazi u blizini. Dugme bi trebalo da "zatvori" grupu Referenca(ako to podržava aplikacija). Ako dugme uredu ne koristi se u ovom prozoru, ali postoje druga kontrolna dugmad; onda je najbolje instalirati dugme Otkaži na kraju skupa kontrolnih dugmadi, ali prije dugmeta Referenca. Ako se dugme odnosi samo na određeno područje prozora, uključite ga u to područje.
Ako su dugmad (ili druge kontrole) postavljene na karticu, pretpostavlja se da se njihov opseg odnosi samo na tu karticu; Shodno tome, dugmad koja nisu dio nijedne kartice prozora pripadaju prozoru kao cjelini.
Poravnanje. Poravnanje je još jedan dodatni način za vizuelni prikaz povezanih informacija (ili kontrola). U pravilu postoje tri načina za usklađivanje informacija:
vertikalno (duž lijeve ili desne ivice poravnatih elemenata);
horizontalno (duž gornje linije ili duž gornje ivice elementa);
susjedno poravnanje (kada se elementi sastaju na rubovima).
Ako se informacije nalaze okomito, preporučljivo je da se njihovi elementi poravnaju s lijevom ivicom odgovarajućeg područja. Ovo obično olakšava korisniku brzi pregled informacija. Međutim, ako su numerički podaci prikazani u obliku stupca čije se vrijednosti mogu mijenjati, bolje ih je poravnati udesno.
Vizualizacija izvedenih operacija je jedan od načina da se korisniku pruži povratna informacija o aplikaciji. Dobro osmišljena metoda vizualizacije ne samo da pomaže korisniku da bolje razumije suštinu operacije koja se izvodi, već i osigurava pravovremeni i ispravan odgovor korisnika u slučaju pogrešnih ili neuspješnih radnji. Ovo je posebno važno za aplikacije koje se koriste u kontroli, donošenju odluka i drugim sistemima u realnom vremenu.
Vizualizacija selekcionih operacija. Vizuelna povratna informacija tokom operacija selekcije treba da omogući korisniku da jasno identifikuje odabrani objekat od ostalih.
Slika odabranog objekta mora se promijeniti direktno tokom operacije odabira. Isto vrijedi i za odabrano područje. U ovom slučaju, stanje odabira treba biti prikazano samo za aktivnu oblast ili nivo hijerarhije (na primjer, za aktivni prozor ili podprozor). Ovo će pomoći korisniku da odredi kojoj od dostupnih selekcija pripada radnja koja se izvodi.
Za mnoge tipove objekata, sistemska boja isticanja može se koristiti za označavanje stanja odabira.
Vizualizacija špedicije. Operacije prijenosa uključuju operacije premještanja, kopiranja i povezivanja objekata, kao i njihovih derivata. Prilikom izvođenja operacija prijenosa, alat za vizualizaciju pomiče sliku prenesenog objekta istovremeno s pomicanjem pokazivača. U tom slučaju, pokretna slika objekta mora se vizualno razlikovati od njegove slike u originalnoj poziciji: kao nju se koristi ili prozirna ili konturna slika objekta.
Animacija. Animacija može biti veoma efikasno sredstvo za prenošenje vizuelnih informacija u mnogim slučajevima (na primer, da ilustruje funkcionisanje uređaja ili izvršenje operacije). Ponekad njegovo korištenje može jednostavno oživjeti sučelje aplikacije i učiniti komunikaciju korisnika ugodnijom.
Jedan od najvažnijih zahtjeva za korištenje animacije je da ne smije utjecati na interaktivnost sučelja. Ne tjerajte korisnika da čeka da se crtani završi. Ako animacija nije dio tekućeg procesa, dozvolite korisniku da je prekine ili nastavi raditi paralelno.
Izbjegavajte nepotrebnu upotrebu animacije. Ako se animacija koristi samo za dekorativni efekat, može odvući pažnju ili čak iritirati korisnika.
2.1. Prednosti vizuelnog oblika predstavljanja informacija
Verbalni jezik i verbalne kategorije sadrže krajnje primitivna sredstva za konstruisanje prostora, njegovu interpretaciju ili nešto s njim. Ovom cilju služi jezik slika i sistem opažajnih radnji, uz pomoć kojih osoba gradi sliku okolne stvarnosti i orijentiše se u njoj. Ovaj sistem se naziva percepcija. Percepcija se definira kao holistička slika koja odražava jedinstvo strukture i svojstava objekta. Objekti vizuelne percepcije su predmeti, procesi i pojave okolnog svijeta, koji se mogu podijeliti i opisati u kategorije prostora, kretanja, oblika, teksture, boje, svjetline, itd. odražava predmet ili situaciju u kojoj se osoba nalazi.
Slike kreirane na osnovu vizuelna percepcija, imaju veću asocijativnu moć od riječi. Možda su zato savršeno pohranjeni u memoriji. Čak i nakon što jednom pogledaju nekoliko hiljada slika, posmatrači su u stanju da tačno identifikuju oko 90% njih. Vizuelna slika je vrlo plastična. Ovo svojstvo se očituje u činjenici da je u pogledu slike brz prijelaz sa generalizirane procjene situacije na detaljna analiza njegovih elemenata. Mogući su različiti tipovi kretanja objekata reflektovanih na slici, njihova pomeranja, rotacije, kao i povećanje, smanjenje, izobličenje perspektive i normalizacija. Ova jedinstvena manipulativna sposobnost vizuelnog sistema omogućava vam da zamislite situaciju u direktnoj i obrnutoj perspektivi. Manipulacija slikama, njihovo dovršavanje - najvažnijim sredstvima produktivnu percepciju i vizuelno mišljenje.
Mnoga istraživanja pokazuju da vizualni sistem ima mehanizme koji osiguravaju rađanje nove slike. Zahvaljujući njima, čovjek može vidjeti svijet ne samo onakvim kakav stvarno postoji, već i onakvim kakav može (ili bi trebao) biti. To znači da vizuelne slike su neophodan uslov, čak štaviše, instrument mentalne aktivnosti. Oni su direktnije povezani, u poređenju sa simbolima i govorom, sa objektivnom stvarnošću koja okružuje osobu. Slika nije samo i ne toliko kontemplacija koliko je rekonstrukcija stvarnosti. Ona, ta stvarnost, može se rekreirati u obliku (ili njemu bliskom) u kojem predmet zaista postoji. Ali moguće je i uništenje objekta ili situacije i rekonstrukcija njegove nove verzije ili varijanti. Na osnovu ove slike, promenjene u poređenju sa stvarnošću, čovek se ponovo okreće objektivnoj stvarnosti i ponovo je gradi u svojoj praktične aktivnosti. Nemoguće je pripremiti stručnjaka koji kreativno razmišlja bez razvoja njegove maštovitog predstavljanja, mašte i mišljenja. Univerzalni aparat projekcijskog šematizma pruža opipljivu korist po ovom pitanju. Jedan od bitni alati projekcijsko modeliranje, koje služi za formiranje prostornih predstava, je geometrijska interpretacija. Objekti interpretacije su grafički modeli u obliku kombinacije crteža, dijagrama, teksta, dijagrama itd. Grafički modeli podrazumijevaju prikaz informacija u obliku skupa sredstava grafičkog prikaza informacija: linija, simbola, mnemotehničkih znakova, koristi se u skladu sa pravilima za izradu grafičkih modela. Prilikom percipiranja informacija u ovom obliku neophodan je pristup višedimenzionalnom operativnom prostoru nego kod percipiranja teksta. Stepen tačnosti prilikom poređenja informacionog objekta sa njegovim modelom zavisi od potpunosti informacija o projekcijskom aparatu koji su se desili tokom modeliranja. Slika 2.1 prikazuje jednu od mogućih klasifikacija grafičkih modela. Piktografski model– grafički model sastavljen korištenjem uvjeta grafičke slike(piktogrami) koji označavaju objekte, radnje ili događaje. Ideografski model– grafički model sastavljen pomoću ideograma – konvencionalnih pisanih znakova koji označavaju pojmove.
Pitanje efikasnosti prenosa i asimilacije informacija jedno je od glavnih tokom proteklih decenija. Glavno sredstvo komunikacije u svijetu na početku 21. stoljeća je vizualizacija (vizuelni oblik prijenosa) informacija. Najveća količina informacije (otprilike 80-90%) osoba percipira vizuelno. „Dominantni značaj vizuelnog sistema za čoveka objašnjava se činjenicom da je on najmoćniji izvor informacija o tome vanjski svijet, ima najveće senzorne funkcije i stereoskopske senzorne funkcije."
Efikasnost, prednost grafičkog načina prenošenja informacija, u odnosu na motorni ili zvučni (slika 2.2), je u tome što se vizualna percepcija prenesene informacije i stvaranje mentalne slike dešavaju tako brzo da osoba to percipira. proces kao "trenutni". Ovo objašnjava efekat simultanosti, ili simultanosti, zasnovan na svojstvu ljudske percepcije informacija: mentalne slike koje se stvaraju pri percepciji informacija i prenošeni grafički modeli su veoma slični po formi.
Vizuelni sadržaj
Vizuelni sadržaj su sve vizuelne informacije koje prate tekst: fotografije, crteži, dijagrami, video zapisi, grafički dizajn, logotipi itd. Aktivno korištenje alata za vizualizaciju nije samo danak vremenu (malo ljudi će danas čitati nerazrijeđen tekst), već je i prava prilika privući i zadržati potrošače.
Osnovni alati za vizualizaciju
Vizuelni sadržaj postavljen na štampanu ili onlajn stranicu prvo privlači pažnju čitaoca. Zatim se gledaju naslovi slika, naslovi i podnaslovi. A ako bi sve ovo moglo da zainteresuje čitaoca, on će obratiti pažnju na glavni tekst. Istraživanja dokazuju da naš mozak percipira vizualne informacije 60 puta brže od tekstualnih, a trajanje boravka na web stranici se povećava 10 puta zbog slika i fotografija. Prednost vizuelnog sadržaja u odnosu na tekst se sve više dokazuje društvenim medijima, u kojem korisnici daju prioritet fotografijama i video zapisima. Ovu činjenicu potvrđuje i velika popularnost Instagram i Pinterest projekata.
Sredstva vizuelne komunikacije i mesto vizuelnog sadržaja u njima.
Razmotrimo u nastavku koji se elementi vizualne komunikacije mogu koristiti kao vizualni sadržaj:
Fotografije, uključujući kolaže.
Crteži.
Video zapisi, animacije, uključujući prezentacije, flash animacije i gif animacije (video sekvenca kreirana promjenom fotografija).
Infografika: tabele, grafikoni, dijagrami, karte i originalne ilustracije uključujući tekstualne komentare.
Dizajn stranice, korporativni identitet.
Alati za vizualizaciju uključuju fontove i sheme boja.
Svaki element vizuelnog sadržaja ima svoj uticaj na percepciju čitaoca, do te mere da osnovne boje stvoriti raspoloženje za određene informacije i raspoloženje (na primjer, zelena odgovara temi prirode ili financija).
Alati i funkcije vizualnog sadržaja
Karakteristike vizuelnog sadržaja u odnosu na tekst
Laka asimilacija vizuelnih informacija i zahtevi savremenog medijskog tržišta čine vizualizaciju neophodnim atributom oglašavanja i PR-a.
1) Fotografije, video zapisi, infografike se lako i brzo kopiraju, a samim tim i najbrže objavljuju, što im daje prednost u odnosu na tekstove i omogućava brzu distribuciju u medijima.
2) Vizuelni sadržaj se na najbolji mogući način reprodukuje savremenim elektronskim uređajima (pametni telefoni, tableti) i pogodniji je za percepciju na malom ekranu nego tekst. Na primjer, 75% vlasnika pametnih telefona gleda video zapise s ovih uređaja.
3) Visokokvalitetni vizuelni sadržaji, posebno dijagrami i infografike, uvelike pojednostavljuju i ubrzavaju razumijevanje složenih i dugih informacija.
5) Mnoge kompanije imaju svoje naloge na društvenim mrežama, a najposjećenije profile odlikuje bogat, ali istovremeno organski vizuelni sadržaj koji privlači korisnike estetikom, korisnošću i originalnošću. Tako su Starbucks (slika iznad), Fanta, Coca Cola i dizajnerski studio Corner Of Art (fotografija ispod) uspješno dizajnirali svoje Facebook stranice.
Foto zadaci
Fotografske slike su najčešći vid vizuelnog sadržaja u medijima i na internet stranicama. Osim što uspješna fotografija privlači pažnju publike i, shodno tome, daje veće šanse za čitanje vašeg teksta, fotografija obavlja i druge zadatke.
Fotografije proizvoda omogućavaju kupcima da bolje zamisle proizvode kompanije.
Fotografije pravi zaposlenici kompanije na svojoj web stranici dodatno privlače korisnike da pogledaju resurs: ljudi su zainteresirani da osobno poznaju brend.
Fotografije u poslovanju rijetko se objavljuju bez obrade: to vam omogućava da privučete pažnju pojedinačni dijelovi(uvećati sliku), sakriti ili, ako je potrebno, naglasiti nedostatke.
Stručnjaci ističu da je pri odabiru fotografije za tekstualni sadržaj veoma važna njena informativnost. Što više informacija sadrži fotografija korisnih publici, to će više posjetitelja ostati na vašoj stranici.
Platforma LPgenerator objavljuje rezultate poređenja posjećenosti stranica za dvije online trgovine - Pottery Barn i Amazon. Stranica većeg maloprodajnog lanca Amazon ima manje pregleda fotografija od Pottery Barn. Dva su razloga za to: slika televizora pruža manje informacija od fotografije police za knjige; fotografije u Amazon prodavnici su generalizovanije, što olakšava rad sa velikom masom njih, dok Pottery Barn ima manji asortiman i ima mogućnost postavljanja detaljnijih fotografija.
Karakteristike infografike
Glavni cilj infografike je pojednostaviti prezentaciju složenog materijala. Ako programeri vizuelnog sadržaja koriste dovoljno mašte i domišljatosti, podaci od kojih bi mogao biti složen i dosadan tekst pretvorit će se u prostran crtež s malo verbalnog komentara. Ako se ideja uspješno implementira, vaša infografika je jednostavno osuđena na mnogo pregleda i kopija u medijskim resursima. Drugim riječima, “sliku koja govori cijelu priču lakše je kopirati nego članak koji se sastoji od cijelog teksta.” Prema nekim podacima, korisnici se 30 puta češće upoznaju sa informacijama koje se prenose u obliku infografike nego sa bilo kojom drugom vrstom. Hajde da damo ilustrativni primjer. Američka kompanija WordStream je 2012. godine uporedila efikasnost Facebooka i Google Display Network-a kao platformi za oglašavanje. Kako bi skrenula pažnju na rezultate svog istraživanja, kompanija ih je predstavila u formi infografike (Fotografija 6). U roku od nekoliko dana ovu infografiku sa vezom na WordStream objavilo je nekoliko velikih američkih medija: USA Today, CNN, Fast Company, The Economist i drugi. A sedmicu nakon što se infografika pojavila na web stranici kompanije, Google sistem je pronašao više od 13 hiljada članaka u kojima se spominje WordStream, od kojih je većina sadržavala ovu infografiku s vezom na izvornu stranicu.
Tajna popularnosti videa
Video sadržaja je najviše efikasan metod prijenos informacija, jer se kombinacija vizualnog i slušnog percipira brže i lakše asimiluje. Nije iznenađujuće što su televizijski i online video snimci i dalje popularni. Inače, 71,6% korisnika globalne mreže gleda video sadržaje barem jednom sedmično. Druga statistika pokazuje da korisnici provode duplo više vremena na sajtu koji ima video. A oni koji pogledaju video o nekom proizvodu imaju 85% veću vjerovatnoću da će kupiti proizvod koji su vidjeli. I, naravno, povećanje dužine vremena boravka korisnika na vašoj web stranici povećava njenu poziciju u pretraživačima.
“Informacije su lijepe”, ovako možete prevesti temu TED govora Davida McCandlessa, koji je uvjeren da budućnost leži u vizuelnim informacijama i podacima: