Kāpēc un kā izmantot datu vizualizāciju? Informācijas uztveres veidi un metodes

2.1. Informācijas pasniegšanas vizuālās formas priekšrocības

Verbālā valoda un verbālās kategorijas satur ārkārtīgi primitīvus līdzekļus telpas konstruēšanai, interpretēšanai vai ar to kaut ko darīt. Šim mērķim kalpo tēlu valoda un uztveres darbību sistēma, ar kuras palīdzību cilvēks veido tēlu. apkārtējā realitāte un pārvietojas tajā. Šo sistēmu sauc par uztveri. Uztvere ir definēta kā pilnīgs attēls, atspoguļojot objekta struktūras un īpašību vienotību. Vizuālās uztveres objekti ir apkārtējās pasaules objekti, procesi un parādības, kuras var iedalīt un aprakstīt telpas, kustības, formas, faktūras, krāsas, spilgtuma uc kategorijās.Uttverot objektus, attēls vairāk vai mazāk pilnvērtīgi. atspoguļo objektu vai situāciju, kurā atrodas cilvēks.

Attēliem, kas radīti, pamatojoties uz vizuālo uztveri, ir lielāks asociatīvais spēks nekā vārdiem. Varbūt tāpēc tie ir lieliski saglabāti atmiņā. Pat vienreiz apskatot vairākus tūkstošus gleznu, novērotāji spēj pareizi identificēt aptuveni 90% no tām. Vizuālais tēls ir ļoti plastisks. Šī īpašība izpaužas faktā, ka attēla ziņā notiek strauja pāreja no vispārināta situācijas novērtējuma uz detalizēta analīze tās elementi. Iespējamas dažāda veida attēlā atspoguļoto objektu kustības, to nobīdes, rotācijas, kā arī palielināšana, samazināšana, perspektīvas kropļošana un normalizācija. Šī unikālā vizuālās sistēmas manipulācijas spēja ļauj iztēloties situāciju gan tiešā, gan apgrieztā perspektīvā. Manipulācijas ar attēliem un to pabeigšana ir vissvarīgākie produktīvās uztveres un vizuālās domāšanas līdzekļi.

Daudzi pētījumi liecina, ka vizuālajai sistēmai ir mehānismi, kas nodrošina jauna tēla dzimšanu. Pateicoties viņiem, cilvēks spēj redzēt pasauli ne tikai tādu, kāda tā patiešām pastāv, bet arī tādu, kāda tā var (vai vajadzētu) būt. Tas nozīmē, ka vizuālie attēli ir nepieciešams nosacījums, un vēl jo vairāk, garīgās darbības instruments. Tie ir tiešāk saistīti, salīdzinot ar simboliem un runu, ar objektīvo realitāti, kas ieskauj cilvēku. Tēls ir ne tikai un ne tik daudz kontemplācija, cik realitātes rekonstrukcija. To, šo realitāti, var atjaunot tādā formā (vai tuvu tai), kādā objekts patiešām eksistē. Taču iespējama arī objekta vai situācijas iznīcināšana un tās jaunās versijas vai variantu rekonstrukcija. Pamatojoties uz šo attēlu, kas mainīts salīdzinājumā ar realitāti, cilvēks atkal pievēršas objektīvajai realitātei un pārbūvē to savā. praktiskās aktivitātes. Nav iespējams sagatavot radoši domājošu speciālistu, neattīstot viņa tēlaino reprezentāciju, iztēli un domāšanu. Universālais projekcijas shematisma aparāts sniedz taustāmu labumu šajā jautājumā. Viens no svarīgākajiem projekcijas modelēšanas rīkiem, ko izmanto telpisko attēlojumu veidošanai, ir ģeometriskā interpretācija. Interpretācijas objekti ir grafiskie modeļi zīmējumu, diagrammu, teksta, diagrammu uc kombinācijas veidā. Grafiskie modeļi ietver informācijas attēlošanu informācijas grafiskā attēlojuma līdzekļu kopuma veidā: līnijas, simboli, mnemoniskas zīmes, izmantotas saskaņā ar grafisko modeļu konstruēšanas noteikumiem. Uztverot informāciju šādā formā, ir nepieciešama piekļuve augstākas dimensijas darbības telpai, nekā uztverot tekstu. Precizitātes pakāpe, salīdzinot informācijas objektu ar tā modeli, ir atkarīga no informācijas pilnīguma par projekcijas aparātu, kas notika modelēšanas laikā. 2.1. attēlā parādīta viena no iespējamām grafisko modeļu klasifikācijām. Piktogrāfiskais modelis– grafisks modelis, kas sastādīts, izmantojot parastos grafiskos attēlus (piktogrammas), kas norāda objektus, darbības vai notikumus. Ideogrāfiskais modelis– grafisks modelis, kas sastādīts, izmantojot ideogrammas – konvencionālas jēdzienus apzīmējošas rakstiskas zīmes.

Jautājums par informācijas nodošanas un asimilācijas efektivitāti ir viens no galvenajiem visā pēdējās desmitgadēs. Galvenais saziņas līdzeklis pasaulē 21. gadsimta sākumā ir informācijas vizualizācija (vizuāla pārraides forma). Lielākais daudzums informāciju (apmēram 80–90%) cilvēks uztver vizuāli. “Vizuālās sistēmas dominējošā nozīme cilvēkiem ir izskaidrojama ar to, ka tā ir visvairāk spēcīgs avots informācija par ārpasauli, ir vislielākās attāluma noteikšanas un stereoskopiskās sensorās funkcijas."

Efektivitāte, grafiskās informācijas pārraides metodes priekšrocība salīdzinājumā ar motoru vai skaņu (2.2. attēls) ir tāda, ka vizuālā uztvere cilvēka pārraidītā informācija un viņa garīgā tēla radīšana notiek tik ātri, ka cilvēks šo procesu uztver kā “acumentālu”. Tas izskaidro vienlaicības jeb vienlaicības efektu, kas balstās uz cilvēka informācijas uztveres īpašību: garīgie tēli, kas rodas, uztverot informāciju, un pārraidītie grafiskie modeļi pēc formas ir ļoti līdzīgi.

Šo rakstu uzrakstīja DevExpress pārstāvis, un tas tika publicēts emuārā vietnē HabraHabr.

Medicīnas pētnieki atklājuši, ka, ja zāļu instrukcijā ir tikai teksts, cilvēks no tā uzņem tikai 70% informācijas. Ja instrukcijai pievienosi attēlus, cilvēks jau sapratīs 95%.

Ir skaidrs, ka cilvēkiem ir nosliece uz vizuālās informācijas apstrādi. Datu vizualizācija ir ne tikai lieliska apstrādei mūsu smadzenēs, bet arī vairākas priekšrocības:

  • Koncentrējieties uz dažādiem datu aspektiem


Izmantojot grafikus, varat viegli pievērst lasītāja uzmanību sarkanajiem indikatoriem.

  • Analīze liels komplekts dati ar sarežģītu struktūru
  • Personas informācijas pārslodzes samazināšana un uzmanības saglabāšana
  • Izvaddatu nepārprotamība un skaidrība
  • Informācijā ietverto saistību un attiecību izcelšana


Grafikā varat viegli pamanīt svarīgus datus.

Estētiskā pievilcība


Estētiski pievilcīgi grafiki padara datu prezentāciju iespaidīgu un neaizmirstamu.

Edvards Tufte, dažu autors labākās grāmatas par vizualizāciju, apraksta to kā rīku datu attēlošanai; mudinot skatītāju domāt par būtību, nevis metodiku; izvairoties no datu sakāmā sagrozīšanas; daudzu skaitļu parādīšana nelielā telpā; parāda lielu datu kopu kā saskaņotu un vienotu veselumu; mudināt skatītāju salīdzināt datu gabalus; kalpo diezgan skaidriem mērķiem: apraksts, izpēte, pasūtīšana vai dekorēšana ().

Kā pareizi lietot datu vizualizāciju?

Vizualizācijas panākumi ir tieši atkarīgi no tās pielietojuma pareizības, proti, no grafika veida izvēles, tā pareizas izmantošanas un dizaina.


60% no vizualizācijas panākumiem ir atkarīgi no grafika veida izvēles, 30% no tā pareizas izmantošanas un 10% no pareiza dizaina.

Pareizs diagrammas veids

Grafiks ļauj vispilnīgāk un precīzāk izteikt datu pausto domu, tāpēc ir ļoti svarīgi izvēlēties piemērotu diagrammas veidu. Izvēli var izdarīt, izmantojot šādu algoritmu:

Vizualizācijas mērķi- tā ir informācijas galvenās idejas realizācija, tam ir jāparāda atlasītie dati, kāds efekts jāpanāk - sakarību identificēšana informācijā, datu sadalījuma, sastāva vai salīdzināšanas parādīšana no datiem.


Pirmajā rindā ir attēloti grafiki, kuru mērķis ir parādīt attiecības datos un datu sadalījumu, bet otrajā rindā ir parādīts datu sastāvs un salīdzinājums.

Attiecības datos- tā viņi ir atkarīgi viens no otra, saikne starp viņiem. Izmantojot attiecības, varat noteikt atkarību esamību vai neesamību starp mainīgajiem. Ja informācijas galvenā ideja satur frāzes “attiecas uz”, “samazinās/palielinās pie”, tad jācenšas datos precīzi parādīt attiecības.
Datu sadalījums ir tas, kā tie ir sakārtoti attiecībā pret kaut ko, cik daudz objektu ietilpst noteiktās skaitlisko vērtību secīgās zonās. Galvenā ideja saturēs frāzes “diapazonā no x līdz y”, “koncentrācija”, “biežums”, “izplatījums”.

Datu sastāvs- datu apvienošana analīzes nolūkos liela bilde kopumā to komponentu salīdzinājumi, kas veido procentuālo daļu no noteikta veseluma. Kompozīcijas atslēgas frāzes ir “sastāv x%”, “dalība”, “procenti no visa”.

Datu salīdzināšana - datu apvienošana, lai salīdzinātu noteiktus rādītājus, identificējot objektu savstarpējo saistību. Tas ir arī laika gaitā mainīgo komponentu salīdzinājums. Ideju atslēgas frāzes, salīdzinot, ir “vairāk nekā/mazāk nekā”, “vienāds ar”, “izmaiņas”, “pieaug/samazina”.

Pēc vizualizācijas mērķa noteikšanas jums ir jānosaka datu tips. Tie var būt ļoti neviendabīgi pēc veida un struktūras, bet visvairāk vienkāršs gadījums izšķir nepārtrauktus skaitliskos un laika datus, diskrētos datus, ģeogrāfiskos un loģiskos datus. Nepārtrauktie skaitliskie dati satur informāciju par vienas skaitliskās vērtības atkarību no citas, piemēram, tādu funkciju grafiki kā y=2x. Nepārtraukts laiks satur datus par notikumiem, kas notiek noteiktā laika periodā, piemēram, katru dienu mērītās temperatūras diagrammu. Diskrēti dati var saturēt kategorisku daudzumu atkarības, piemēram, grafiks ar preču pārdošanas apjomu dažādos veikalos. Ģeogrāfiskie dati satur dažādu informāciju, kas saistīta ar atrašanās vietu, ģeoloģiju un citiem ģeogrāfiskiem rādītājiem, spilgts piemērs- tas ir normāli ģeogrāfiskā karte. Loģiskie dati parāda komponentu loģisko izvietojumu attiecībā pret otru, piem. dzimtas koksģimene.


Nepārtrauktu skaitlisku un laika datu, diskrēto datu, ģeogrāfisko un loģisko datu grafiki.

Atkarībā no mērķa un datiem varat izvēlēties tiem piemērotāko grafiku. Vislabāk ir izvairīties no dažādības dažādības dēļ un izvēlēties pēc principa “jo vienkāršāk, jo labāk”. Izmantojiet noteikta veida diagrammas tikai konkrētiem datiem; citos gadījumos ir piemērotas visbiežāk izmantotās diagrammas:

  • lineārs
  • ar jomām
  • kolonnas un histogrammas (joslas)
  • sektoru diagramma (pīrāgs, virtulis)
  • polārā diagramma (radars)
  • izkliedes diagramma (izkliede, burbulis)
  • kartes
  • koki (koks, mentālā karte, koku karte)
  • laika diagrammas (laika līnija, gants, ūdenskritums).

Līniju diagrammas, apgabalu diagrammas un histogrammas var saturēt vairākas vērtības vienā argumentā vienai kategorijai, kas var būt vai nu absolūta (pēc tam šāda veida grafikiem tiek pievienots prefikss stacked) vai relatīvs (pilns stacked).


Grafiks ar stacked vērtībām un ar pilnu stacked

Izvēloties piemērotu grafiku, varat vadīties pēc šādas tabulas, kas sastādīta, pamatojoties uz šo diagrammu un:


Pareiza diagrammas izmantošana

Ir svarīgi ne tikai izvēlēties pareizo diagrammas veidu, bet arī pareizi to izmantot:

  • Nav nepieciešams ielādēt diagrammu ar daudz informācijas. Optimālais daudzums dažādi veidi dati, kategorijas - tas ir ne vairāk kā 4-5, pretējā gadījumā šādu diagrammu būtu lietderīgāk sadalīt vairākos gabalos.


Šādu grafiku var salīdzināt ar spageti un labāk sadalīt vairākās diagrammās.

Izvēlieties diagrammai pareizo skalu un skalu. Histogrammām un laukumu diagrammām vērtību skalu vēlams sākt no nulles. Centieties neizmantot apgrieztas skalas - tas ļoti bieži maldina skatītāju attiecībā uz datiem.


Nepareiza skala negatīvi ietekmē datu uztveri. Pirmajā gadījumā skala ir izvēlēta nepareizi, otrajā skala ir apgriezta.

  • Sektoru diagrammās un diagrammās, kas parāda procentuālo daļu no kopējās daļas, vērtību summai vienmēr ir jāsasniedz 100%.
  • Lai labāk uztvertu datus, labāk ir sakārtot informāciju uz ass - vai nu pēc vērtības, vai alfabēta, vai pēc loģiskās nozīmes.

Pareizs grafika noformējums

Nekas nav acij tīkamāks par labi izstrādātiem grafikiem, un nekas nesabojā diagrammas vairāk kā grafisko “atkritumu” klātbūtne. Dizaina pamatprincipi:

  • izmantojiet līdzīgas, nevis spilgtas krāsas paletes un mēģiniet aprobežoties ar sešu gabalu komplektu
  • palīglīnijām un sekundārajām līnijām jābūt vienkāršām un neuzkrītošām


Diagrammas palīglīnijām nevajadzētu novērst uzmanību no datu galvenās idejas.

  • ja iespējams, izmantojiet tikai horizontālo asu etiķetes;
  • Laukumu diagrammām vēlams izmantot krāsu ar caurspīdīgumu;
  • Katrai diagrammas kategorijai izmantojiet citu krāsu.

Secinājumi

Vizualizācija- spēcīgs instruments domu un ideju nodošanai gala patērētājam, palīgs datu uztverē un analīzē. Bet, tāpat kā visi instrumenti, tas ir jāizmanto savā laikā un vietā. Pretējā gadījumā informācija var tikt uztverta lēni vai pat nepareizi.


Grafiki parāda tos pašus datus, galvenās vizualizācijas kļūdas ir parādītas kreisajā pusē, un tās tiek labotas labajā pusē.

Prasmīgi lietojot, datu vizualizācija var padarīt materiālu iespaidīgu, interesantu un neaizmirstamu.

Vizuālā noformējuma kvalitāte būtiski ietekmē gan lietotāja psihofizioloģisko stāvokli, gan viņa darba efektivitāti kopumā. Tā rezultātā pat programmatūras produkts, kas ir diezgan spēcīgs savās iespējās, var nebūt pietiekami funkcionāls, ja tā saskarnes vizuālais attēlojums neatbilst attiecīgajām prasībām.

Veidojot lietojumprogrammas saskarnes vizuālos elementus, ieteicams paļauties uz noteiktiem kompozīcijas principiem, no kuriem galvenie ir šādi:

    parādītās informācijas hierarhiska organizācija;

    svarīgāko elementu vizuāla izcelšana;

    līdzsvarota ekrāna struktūra;

    loģiski savstarpēji saistītu elementu vizuāla apvienošana;

    attēlotās informācijas lasāmības un loģiskās konsekvences nodrošināšana;

    vienotu pieeju izmantošana attēlotās informācijas vizualizēšanai ne tikai aplikācijā, bet arī darba vidē kopumā (integrācijas princips).

Informācijas hierarhiskā organizācija. Informācijas hierarhiskas organizācijas princips nozīmē informācijas izvietošanu, pamatojoties uz tās nozīmi, attiecībā pret citiem lietojumprogrammas vizuālajiem elementiem. Šīs sakārtošanas rezultāts ietekmē visu pārējo informācijas vizuālās pasniegšanas principu ieviešanu. No lietotāja darba viedokļa informācijas hierarhiskā organizācija nosaka noteiktu datu pieejamību un risināmā uzdevuma izpildes secību.

Vizuāla svarīgāko elementu izcelšana.Īstenojot lietotāja uzmanības piesaistīšanas principu, ir jāatrisina divi uzdevumi: pirmkārt, katrā darba solī jāizvēlas kāds pamats. idejas, vissvarīgākais, lai pabeigtu šo soli; otrkārt, šo ideju īstenojošo elementu atbilstoša prezentācija un izvietojums.

Psihofizioloģisko īpašību dēļ cilvēki galvenokārt pievērš uzmanību apskatāmās zonas augšējam kreisajam stūrim vai uz ka tā daļa, kas vizuāli atšķiras no citām. Pamatojoties uz to, ir jēga novietot visvairāk svarīga informācija(vai mezgla elements) vai nu ekrāna augšējā kreisajā stūrī, vai logā, kas aprīkots ar īpašiem atribūtiem.

Līdzsvarota ekrāna struktūra. Sabalansētas ekrāna struktūras princips ir viens no svarīgākajiem vizuālā dizaina principiem. Tas ietver, no vienas puses, racionālu ekrāna telpas izmantošanu un, no otras puses, tādu informācijas izvietošanu, kurā uz ekrāna tiek parādīta tikai tā daļa, kas patiešām ir nepieciešama lietotāja uzdevuma nākamā posma izpildei. jebkurā noteiktā laikā.

Loģiski savstarpēji saistītu elementu vizuāla apvienošana. Loģiski savstarpēji saistītu elementu vizuālā integrācija palīdz lietotājam saprast, kā tieši ekrānā redzamā informācija un vadīklas ir saistītas ar veicamā uzdevuma darbību un viena otru. Ar draugs. Piemēram, ja dialoglodziņā ir poga, kas ietekmē saraksta saturu, ir lietderīgi tās novietot blakus.

Parādītā lasāmība un loģiskā konsekvence informāciju. Jebkurai informācijai (ne tikai tekstam) jābūt izteiktai kompaktā un vienlaikus pieejamā formā; turklāt lietotājam ir jāspēj saprast, kā tas ir saistīts ar iepriekšējām un turpmākajām uzdevuma darbībām.

Integrācija. Ja lietojumprogrammas saskarne ir vizuāli saskaņota ar sistēmas saskarni un citu lietojumprogrammu saskarni, ir daudz vieglāk nodrošināt lietotājam konsekventu un paredzamu darba vidi.

Krāsa ir viens no svarīgākajiem interfeisa vizuālajiem atribūtiem. Tā kā krāsai ir spēja piesaistīt aci, tā jāizmanto, lai identificētu tos saskarnes elementus, kuriem lietotājam jāpievērš uzmanība. Krāsai ir arī asociatīvais aspekts; daudzos gadījumos vienādas krāsas priekšmetus cilvēki uztver kā radniecīgus. Krāsām var būt arī noteikta emocionāla vai psiholoģiska ietekme; Ne velti, piemēram, krāsas tiek iedalītas “aukstajās” un “siltajās”.

Lūdzu, ņemiet vērā, ka dažas krāsu kombinācijas, piemēram, zilas rakstzīmes uz sarkana fona, ir nepatīkamas acīm. Par arī krāsu ietekmi uz noskaņojumu un sniegumu.

Fonti palīdzēt sakārtot informāciju un radīt noteiktu noskaņu. Mainot fonta izmēru un blīvumu, jūs varat norādīt lietotājam šīs vai citas informācijas svarīguma pakāpi un lasīšanas secību.

Standarta monitoros fonti parasti ir mazāk salasāmi nekā uz drukātas lapas. Izvairieties no slīpraksta (Italic) un serif fontu lietošanas, jo tos ir grūti nolasīt, jo īpaši ar zemu monitora izšķirtspēju.

Izmantoto fontu un stilu skaitam jābūt ierobežotam. Kad vien iespējams, parastiem interfeisa elementiem izmantojiet standarta sistēmas fontu. Tas nodrošina vizuālu konsekvenci starp jūsu lietojumprogrammas saskarni un ražošanas vides saskarni.

Ekrāna "daudzdimensionalitāte". Attēlojot daudzus interfeisa elementus, ir lietderīgi izmantot perspektīvu, izcelšanu un ēnojumu, lai izveidotu trīsdimensiju izskatu. Tas palīdz palielināt interfeisa funkcionalitāti un atgriezeniskās saites redzamību, kad lietotājs strādā ar reālās pasaules datora analogiem.

Veidojot apgaismojuma/ēnojuma efektus, pēc noklusējuma tiek pieņemts, ka hipotētiskais gaismas avots atrodas ekrāna augšējā kreisajā stūrī.

Izstrādājot savus vizuālos elementus, jums jābūt uzmanīgiem: nepārspīlējiet ar “apjoma” attēlu izmantošanu, jo katra “trīsdimensiju” objekta attēls ekrānā aizņem daudz vairāk vietas nekā tā “plakanais” līdzinieks. Izmantojiet 3D efektus tikai, lai attēlotu interaktīvus elementus. Šajā gadījumā ievadiet tikai tos datus, kas patiešām ir nepieciešami, lai lietotājs varētu identificēt attēlu.

Izmērs un relatīvā pozīcija vizuālie elementi ir ļoti svarīgi, lai radītu vizuāli konsekventu un paredzamu vidi. Vizuālajai struktūrai ir arī liela nozīme logā redzamo elementu mērķa izteikšanā. Kopumā, izvēloties izkārtojuma opciju, jāievēro tie paši noteikumi, kas tiek izmantoti, izkārtojot drukātu lapu.

Grupēšana. Grupēšana ietver savstarpēji savienotu elementu kompaktu izvietojumu. Grupēšanas īstenošanai var izmantot vai nu īpašu elementu - grupēšanas bloku, vai vienkārši izvietojot elementus atbilstošā attālumā vienu no otra.

Lai gan objektu vizuālai grupēšanai varat izmantot krāsu, šī pieeja nav veiksmīga, jo lietotājam mainot krāsu shēmu, var rasties nevēlami efekti.

Mēģiniet novietot vadīklas rīkjoslā tā, lai no paneļa malas līdz loga malai būtu atstarpe, kas ir vismaz vienāda ar loga rāmja platumu. Dažos gadījumos, piemēram, ja rīkjoslas pogas tiek izmantotas kā radiopogu kopa, tās var būt izvietotas blakus (bez atstarpes).

Sekundārā loga galvenās vadības pogas vēlams grupēt loga augšējā labajā stūrī vai izkārtot lineāla veidā gar loga apakšējo malu. Ja logam ir iepriekš definēta poga, tai parasti ir jāparādās vispirms.

Labi un Atcelt jāatrodas tuvumā. Pogai vajadzētu “aizvērt” grupu Atsauce(ja to atbalsta pieteikums). Ja poga Labišajā logā netiek izmantots, bet ir arī citas vadības pogas; tad vislabāk ir uzstādīt pogu Atcelt vadības pogu komplekta beigās, bet pirms pogas Atsauce. Ja poga attiecas tikai uz noteiktu loga apgabalu, iekļaujiet to šajā apgabalā.

Ja pogas (vai citas vadīklas) ir novietotas uz cilnes, tiek pieņemts, ka to darbības joma attiecas tikai uz šo cilni; Attiecīgi pogas, kas neietilpst nevienā no loga cilnēm, pieder logam kopumā.

Izlīdzināšana. Izlīdzināšana ir vēl viens papildu veids, kā vizuāli parādīt saistīto informāciju (vai vadīklas). Parasti ir trīs veidi, kā saskaņot informāciju:

    vertikāla (gar izlīdzināto elementu kreiso vai labo malu);

    horizontāli (gar augšējo līniju vai gar elementa augšējo malu);

    blakus esošais līdzinājums (kad elementi saskaras malās).

Ja informācija atrodas vertikāli, tās elementus vēlams izlīdzināt atbilstošā laukuma kreisajai malai. Tas parasti atvieglo lietotājam ātru informācijas apskati. Tomēr, ja skaitliskie dati tiek parādīti kolonnas formā, kuras vērtības var mainīties, labāk tos izlīdzināt pa labi.

Veikto operāciju vizualizācija ir viens no veidiem, kā sniegt lietotājam atsauksmes par aplikāciju. Pārdomāta vizualizācijas metode ne tikai palīdz lietotājam labāk izprast veicamās darbības būtību, bet arī nodrošina savlaicīgu un pareizu lietotāja reakciju kļūdainu vai neveiksmīgu darbību gadījumā. Tas ir īpaši svarīgi lietojumprogrammām, ko izmanto kontroles, lēmumu pieņemšanas un citās reāllaika sistēmās.

Atlases operāciju vizualizācija. Vizuālajai atgriezeniskajai saitei atlases darbību laikā ir jāļauj lietotājam skaidri identificēt izvēlēto objektu no pārējiem.

Izvēlētā objekta attēlam ir jāmainās tieši atlases darbības laikā. Tas pats attiecas uz izvēlēto apgabalu. Šajā gadījumā atlases stāvoklis ir jāparāda tikai aktīvajam apgabalam vai hierarhijas līmenim (piemēram, aktīvajam logam vai apakšlogam). Tas palīdzēs lietotājam noteikt, uz kuru no pieejamajām izvēlēm attiecas veiktā darbība.

Daudziem objektu tipiem var izmantot sistēmas izcelšanas krāsu, lai norādītu atlases stāvokli.

Pārsūtīšanas operāciju vizualizācija. Pārsūtīšanas operācijas ietver objektu pārvietošanas, kopēšanas un saistīšanas operācijas, kā arī to atvasinājumus. Veicot pārsūtīšanas darbības, vizualizācijas rīks ir pārvietot pārsūtītā objekta attēlu vienlaikus ar rādītāja pārvietošanu. Šajā gadījumā objekta kustīgajam attēlam ir vizuāli jāatšķiras no tā attēla sākotnējā stāvoklī: par to tiek izmantots vai nu caurspīdīgs, vai kontūrveida objekta attēls.

Animācija. Animācija daudzos gadījumos var būt ļoti efektīvs paušanas līdzeklis vizuālā informācija(piemēram, lai ilustrētu ierīces darbību vai darbības veikšanu). Dažkārt tā lietošana var vienkārši atdzīvināt lietojumprogrammas saskarni un padarīt lietotāja saziņu ar to patīkamāku.

Viena no svarīgākajām prasībām animācijas lietošanai ir tāda, ka tai nevajadzētu ietekmēt interfeisa interaktivitāti. Nelieciet lietotājam gaidīt, līdz karikatūra beigsies. Ja animācija nav daļa no notiekoša procesa, ļaujiet lietotājam to pārtraukt vai turpināt darbu paralēli.

Izvairieties no nevajadzīgas animācijas izmantošanas. Ja animācija tiek izmantota tikai dekoratīvam efektam, tā var novērst vai pat kairināt lietotāju.

Vai esat kādreiz domājuši par to, kā mēs lietas redzam? Kā tos piesaistīt no visas vizuālās daudzveidības vidi izmantojot maņu stimulus? Un kā mēs interpretējam to, ko mēs redzam?

Vizuālā apstrāde ir spēja izprast attēlus, ļaujot cilvēkiem (un pat dzīvniekiem) apstrādāt un interpretēt informācijas nozīmi, ko mēs saņemam caur mūsu redzējumu.

Vizuālajai uztverei ir svarīga loma ikdienas dzīve, palīdzot mācīties un sazināties ar citiem. No pirmā acu uzmetiena šķiet, ka uztvere notiek viegli. Patiesībā aiz šķietamā viegluma slēpjas sarežģīts process. Izpratne par to, kā mēs interpretējam redzēto, palīdz mums veidot vizuālo informāciju.

Līdzsvarota infografika ietver pareizu vizuālā attēlojuma izmantošanu (piemēram, diagrammas, diagrammas, ikonas, attēli), atbilstošu krāsu un fontu izvēli, piemērotu izkārtojumu un vietnes karti utt. Un mēs nedrīkstam aizmirst par datiem, to avotiem un tēmām, kas ir ne mazāk svarīgi. Bet šodien mēs par tiem nerunāsim. Mēs pievērsīsimies informācijas dizaina vizuālajai pusei.

Psihologs Ričards Gregorijs (1970) bija pārliecināts, ka vizuālā uztvere atkarīgs no lejupējās apstrādes.

Apstrāde no augšas uz leju jeb konceptuāli virzīts process notiek, kad mēs veidojam idejas par liela bilde no mazām detaļām. Mēs izdarām pieņēmumus par to, ko redzam, pamatojoties uz cerībām, uzskatiem, iepriekšējām zināšanām un iepriekšējo pieredzi. Citiem vārdiem sakot, mēs izdarām saprātīgu minējumu.

Gregora teoriju atbalsta daudzi pierādījumi un eksperimenti. Viens no visvairāk slaveni piemēri— dobās maskas efekts:

Kad maska ​​ir pagriezta uz dobo pusi, jūs redzat normālu seju

Gregorijs izmantoja Čārlija Čaplina rotējošo masku, lai izskaidrotu, kā mēs uztveram maskas dobo virsmu kā izspiedumus, pamatojoties uz mūsu uzskatiem par pasauli. Saskaņā ar mūsu iepriekšējām zināšanām par sejas struktūru, degunam vajadzētu izvirzīties uz āru. Rezultātā mēs zemapziņā rekonstruējam dobo seju un redzam normālu.

Kā mēs uztveram vizuālo informāciju saskaņā ar Gregora teoriju?

1. Gandrīz 90% informācijas, kas tiek saņemta caur acīm, nesasniedz smadzenes. Tādējādi smadzenes realitātes konstruēšanai izmanto iepriekšējo pieredzi vai esošās zināšanas.

2. Vizuālā informācija, ko mēs uztveram, tiek apvienota ar iepriekš uzkrāto informāciju par pasauli, ko esam ieguvuši pieredzes ceļā.

3. Pamatojoties uz dažādi piemēri Apstrādes no augšas uz leju teorija liecina, ka modeļa atpazīšanas pamatā ir kontekstuāla informācija.

Informācijas dizaina padoms Nr. 1, pamatojoties uz Gregorija vizuālo secinājumu teoriju: uzlabojiet datus ar atbilstošu tēmu un dizainu; izmantojiet jēgpilnu virsrakstu, lai noteiktu galvenās cerības; Atbalstiet savus vizuālos materiālus ar izteiksmīgu tekstu.

2. Sanokas un Sulmana eksperiments par krāsu attiecībām

Saskaņā ar daudziem psiholoģiskiem pētījumiem viendabīgu krāsu kombinācijas ir harmoniskākas un patīkamākas. Lai gan kontrastējošas krāsas parasti ir saistītas ar haosu un agresiju.

2011. gadā Tomass Sanockis un Noa Sulmans veica eksperimentu, lai izpētītu, kā krāsu kombinācijas ietekmē īstermiņa atmiņu – mūsu spēju atcerēties tikko redzēto.

Tika veikti četri dažādi eksperimenti, izmantojot harmoniskus un neharmoniskus krāsu paletes. Katrā izmēģinājumā dalībniekiem tika parādītas divas paletes: pirmā, pēc tam otrā, kas bija jāsalīdzina ar pirmo. Paletes tika parādītas noteiktā laika intervālā un vairākas reizes nejaušās kombinācijās. Priekšmetiem bija jānosaka, vai paletes ir vienādas vai atšķirīgas. Tāpat eksperimenta dalībniekiem bija jāizvērtē paletes harmonija - patīkams/nepatīkams krāsu salikums.

Tālāk ir sniegti 4 paletes piemēri, kas tika parādīti eksperimenta dalībniekiem:

Kā krāsas ietekmē mūsu vizuālo uztveri saskaņā ar Sanocki un Sulmana teoriju?

  1. Cilvēki labāk atceras tās paletes, kurās krāsas ir apvienotas savā starpā.
  2. Cilvēki labāk atceras paletes, kurās ir tikai trīs vai mazāk krāsu kombinācija, nekā tās, kurās ir četras vai vairāk krāsas.
  3. Blakus esošo krāsu kontrasts ietekmē to, cik labi cilvēks atceras krāsu shēmu. Citiem vārdiem sakot, tas nozīmē, ka krāsu atšķirība starp kontekstu un fonu var uzlabot mūsu spēju koncentrēties uz kontekstu.
  4. Mēs varam atcerēties diezgan liels skaits krāsu kombinācijas vienlaikus.

Tādējādi eksperimenta rezultāti liecina, ka cilvēki spēj labāk uzņemt un atcerēties vairāk informācijas, uztverot attēlus ar kontrastējošu, bet harmonisku krāsu shēmu, vēlams ar trīs vai mazāk krāsu kombināciju.

Informācijas dizaina padoms #2, pamatojoties uz Sanokas un Sulmana eksperimentu: Sarežģītajā saturā izmantojiet pēc iespējas mazāk dažādu krāsu; palielināt kontrastu starp vizuālo informāciju un fonu; izvēlēties tēmas ar harmonisku toņu kombināciju; saprātīgi izmantojiet neharmoniskas krāsu kombinācijas.

Binokulārā sāncensība notiek, kad mēs redzam divus dažādus attēlus vienā un tajā pašā vietā. Viens no tiem dominē, bet otrs tiek nomākts. Dominēšana mainās noteiktos intervālos. Tātad, tā vietā, lai vienlaikus redzētu divu attēlu kombināciju, mēs tos uztveram pēc kārtas kā divus attēlus, kas sacenšas par dominējošo stāvokli.

1998. gada eksperimentā Frenks Tongs, Kens Nakajama, Dž. Tomass Vouns un Nensija Kanvišere secināja, ka, vienlaikus aplūkojot divus dažādus attēlus, rodas binokulārās sāncensības efekts.

Eksperimentā piedalījās četri apmācīti cilvēki. Kā stimuls viņiem tika rādīti sejas un mājas attēli caur brillēm ar sarkaniem un zaļiem filtriem. Uztveres procesā bija neregulāra signālu maiņa no abām acīm. Subjektu stimuliem raksturīgās reakcijas tika uzraudzītas, izmantojot funkcionālo magnētiskās rezonanses attēlveidošanu (MRI).

Kā mēs uztveram vizuālo informāciju saskaņā ar Tonga eksperimentu?

  1. Saskaņā ar MRI datiem, visiem subjektiem bija aktīva binokulāra sāncensība, kad viņiem tika parādīti atšķirīgi attēli.
  2. Mūsu vizuālajā sistēmā binokulārā sāncensības efekts rodas vizuālās apstrādes laikā. Citiem vārdiem sakot, īsā laika periodā, kad acis skatās uz diviem atšķirīgiem attēliem, kas atrodas tuvu viens otram, mēs nevaram noteikt, ko mēs patiesībā redzam.

Deivids Karmels, Maikls Arkaro, Sabīne Kastnere un Uri Hasons veica atsevišķu eksperimentu un atklāja, ka binokulāro sāncensību var manipulēt, izmantojot tādus stimulēšanas parametrus kā krāsa, spilgtums, kontrasts, forma, izmērs, telpiskā frekvence vai ātrums.

Manipulējot ar kontrastu zemāk esošajā piemērā, kreisā acs uztver dominējošo attēlu, bet labā acs uztver apspiestu attēlu:

Kā kontrasts ietekmē mūsu vizuālo uztveri saskaņā ar eksperimentu?

  1. Manipulēšana ar kontrastu liek spēcīgākam stimulam dominēt ilgāku laiku.
  2. Mēs redzēsim dominējošā un apspiestā attēla saplūšanu, līdz radīsies binokulārās sāncensības efekts.

Informācijas dizaina padoms #3, pamatojoties uz binokulārās sāncensības efektu: n Nepārslogojiet saturu; izmantot tematiskās ikonas; izcelt galvenos punktus.

4. Tipogrāfijas un estētikas ietekme uz lasīšanas procesu

Vai zinājāt, ka tipogrāfija var ietekmēt cilvēka noskaņojumu un spēju pieņemt lēmumus?

Tipogrāfija ir tipa dizains un izmantošana kā vizuālās komunikācijas līdzeklis. Mūsdienās tipogrāfija no grāmatu iespiešanas jomas ir pārgājusi uz digitālo sfēru. Apkopojot visas iespējamās termina definīcijas, varam teikt, ka tipogrāfijas mērķis ir uzlabot teksta vizuālo uztveri.

Eksperimentā Kevins Larsons (Microsoft) un Rozalinda Pikāra (MIT) noskaidroja, kā tipogrāfija ietekmē lasītāja noskaņojumu un spēju risināt problēmas.

Viņi veica divus pētījumus, katrā iesaistot 20 cilvēkus. Dalībnieki tika sadalīti divās vienādās grupās, un viņiem tika dotas 20 minūtes, lai planšetdatorā izlasītu žurnāla The New Yorker numuru. Viena grupa saņēma tekstu ar sliktu tipogrāfiju, otra - ar labu tipogrāfiju (piemēri sniegti zemāk):

Eksperimenta laikā dalībnieki tika pārtraukti un jautāja, cik daudz laika, viņuprāt, pagājis kopš eksperimenta sākuma. Saskaņā ar psiholoģisko pētījumu (Weybrew, 1984): cilvēki, kuriem viņu darbība šķiet patīkama un kuri ir iesaistīti pozitīvs noskaņojums, uzskata, ka viņi lasīšanai pavadīja daudz mazāk laika.

Pēc tekstu izlasīšanas eksperimenta dalībniekiem tika lūgts atrisināt sveces problēmu. Viņiem svece bija jāpiestiprina pie sienas, lai vasks nepil, izmantojot spraudītes.

Kā mēs uztveram labu tipogrāfiju un tās ietekmi?

  1. Abas dalībnieku grupas nepareizi novērtēja lasīšanai pavadīto laiku. Tas nozīmē, ka lasīšana viņiem bija jautra nodarbe.
  2. Dalībnieki, kuriem tika iesniegts teksts ar labu tipogrāfiju, ievērojami par zemu novērtēja savu lasīšanas laiku, salīdzinot ar dalībniekiem, kuriem tika iesniegts teksts ar sliktu tipogrāfiju. Tas nozīmē, ka viņiem interesantāks šķita pirmais teksts.
  3. Neviens no dalībniekiem, kas tekstu lasīja ar sliktu tipogrāfiju, nespēja atrisināt sveces problēmu. Kamēr mazāk nekā puse no otrās grupas izpildīja uzdevumu. Tādējādi laba tipogrāfija ietekmēja spēju risināt problēmas.

Informācijas dizaina padoms Nr. 4, kas balstīts uz Larsena un Pikāra eksperimentu par tipogrāfijas ietekmi: Izmantojiet lasāmus fontus; atdaliet tekstu no attēliem; nepārklājiet uz teksta attēlus vai ikonas; atstājiet pietiekami daudz atstarpi starp rindkopām.

5. Ainas būtības uztvere pēc Kastelāno un Hendersona

Vai esat kādreiz domājuši, ko īsti nozīmē izteiciens "attēls saka tūkstoš vārdu"? Vai arī kāpēc attēlus uztveram labāk nekā tekstu?

Tas nenozīmē, ka attēls mums parāda visu nepieciešamo informāciju. Vienkārši cilvēkam ir spēja vienā mirklī uztvert galvenos ainas elementus. Kad mēs pievēršam skatienu objektam vai objektiem, mēs veidojam vispārēja ideja un atpazīt ainas nozīmi.

Kāda ir ainas būtības uztvere? Pēc Nissan pētniecības un attīstības pētnieka Ronalda A. Rensink teiktā:

“Ainas būtība jeb ainas uztvere ir vizuāla vides uztvere kā novērotājam jebkurā laikā. Tas ietver ne tikai atsevišķu objektu uztveri, bet arī tādus parametrus kā to relatīvās pozīcijas, kā arī domu, ka tiek sastapti cita veida objekti."

Iedomājieties, ka redzat noteiktus objektus, kas attēlo divas zīmes ar simboliem, un diagrammu, kas simbolizē dakšiņu un norāda divus dažādus ceļus. Visticamāk, tavā priekšā parādījās šāda aina – tu atrodies džungļu/meža/šosejas vidū un priekšā ir divi ceļi, kas ved uz diviem dažādiem galamērķiem. Pamatojoties uz šo ainu, mēs zinām, ka ir jāpieņem lēmums un jāizvēlas viens ceļš.

2008. gadā Monika S. Kastelhano no Masačūsetsas Universitātes Amhersta un Džons M. Hendersons no Edinburgas universitātes pētīja krāsu ietekmi uz spēju uztvert ainas būtību.

Eksperiments ietvēra trīs dažādus izmēģinājumus. Katram pārbaudījumam studentiem tika parādīti vairāki simti fotogrāfiju (dabas vai cilvēka radīti objekti) dažādos apstākļos. Katrs attēls tika parādīts noteiktā secībā un laika punktā. Dalībniekiem tika lūgts atbildēt "jā" vai "nē", kad viņi redzēja detaļas, kas atbilst ainai.

Parastās un izplūdušās fotogrāfijas tika parādītas attiecīgi ar krāsainām un vienkrāsainām fotogrāfijām.

Noteikt krāsu lomu ainas būtības uztverē par šādi piemēri fotogrāfijās izmantotas neparastas krāsas:

Kā mēs uztveram vizuālo informāciju, pamatojoties uz Kastelāno un Hendersona atklājumiem?

  1. Subjekti uztvēra ainas būtību un mērķa objektu dažu sekunžu laikā. Tas nozīmē, ka cilvēki var ātri saprast parastas ainas nozīmi.
  2. Objekti ātrāk saskaņoja krāsu attēlus nekā melnbaltos. Tādējādi krāsa palīdz mums labāk izprast attēlu.
  3. Kopumā krāsas nosaka objektu struktūru. Kā labāka krāsa atbilst tam, kā mēs parasti uztveram pasauli, jo vieglāk mums ir saprast attēla nozīmi.

Informācijas dizaina padoms Nr. 5 Pamatojoties uz Castellano un Henderson Scene Perception Research: izmantojiet atbilstošas ​​ikonas vai attēlus, lai attēlotu datus; ievieto saturu pareiza secība; svarīgiem objektiem izmantojiet pazīstamas krāsas.

Secinājumi

Izpratne par to, kā cilvēki uztver vizuālo informāciju, palīdz uzlabot infografiku. Apkopojot apskatīto eksperimentu secinājumus, mēs pievēršam jūsu uzmanību galvenajiem vizuālās informācijas dizaina padomiem:

1. Izkārtojums un dizains

  • Tēmai un dizainam jāatbilst informācijai.
  • Nepārblīvējiet savas lapas infografiku.
  • Izmantojiet tematiskās ikonas.
  • Sakārtojiet saturu pareizā secībā.
  • Izmantojiet virsrakstus, lai iestatītu galvenās cerības.

2. Video sērija

  • Tekstam jāpievieno vizuālie materiāli.
  • Parādiet svarīgos skaitļus grafikos un diagrammās.
  • Izmantojiet pareizos attēlus un ikonas, lai attēlotu savus datus.
  • Samaziniet krāsu skaitu sarežģītam saturam.
  • Padariet lielāku kontrastu starp svarīgu vizuālo informāciju un fonu.
  • Izmantojiet harmoniskas tēmas krāsas.
  • Gudri izmantojiet neharmoniskas krāsas.
  • Svarīgiem objektiem izmantojiet parastās krāsas.

4. Tipogrāfija

  • Izvēlieties lasāmus fontus.
  • Starp virsrakstu un tekstu vai attēlu atstājiet pietiekami daudz atstarpi.
  • Nepārklājiet attēlus vai ikonas uz teksta.
  • Nodrošiniet pietiekami daudz atstarpi starp rakstzīmēm.

Tagad, kad zināt skaistas un pārliecinošas infografikas izveides smalkumus, tas ir atkarīgs no jums!