Kako stvoriti interaktivnu infografiku: 9 važnih savjeta

Uz pomoć infografike, trgovci mogu prevladati zaštitu od buke i prenijeti svoje poruke potrošačima. Učinkovitost ove vrste sadržaja množi se interaktivnošću. U ovom članku naći ćete savjete koji će vam pomoći u stvaranju interaktivne infografike.

Savjet # 1: Saznajte tajnu za učinkovitu interaktivnu grafiku.

Osoba vidi vizualne informacije 60.000 puta brže od teksta. Evo nekih drugih čimbenika koji određuju učinkovitost infografike:

  • Gotovo polovica neurona ljudskog mozga uključena je u obradu vizualnih informacija.
  • 70% senzornih receptora je u očima.
  • Danas osoba dnevno troši 5 puta više informacija nego sredinom 1980-ih.
  • Prosječni posjetitelj čita samo 28% riječi koje su objavljene na stranici.
  • Infographics pomaže u prevladavanju zaštite od buke informacija, jer vizualni sadržaj povećava motivaciju posjetitelja da čita vaš materijal za 80%.
  • Medicinski stručnjaci su otkrili da osoba apsorbira samo 70% informacija iz uputa o lijekovima koji sadrže samo tekst. Ako u uputu dodate slike, osoba dobiva 95% informacija.
  • Ljudi slijede upute s ilustracijama 323% bolje od uputa bez ilustracija.
  • Osoba pamti 10% informacija koje čuje. Sjeća se 20% čitanja. Ljudi pamte 80% onoga što vide i rade.

Obratite pozornost na posljednji faktor. Ljudi pamte 80% onoga što vide i rade. U ovom slučaju, kombiniraju se dva kanala percepcije informacija: vizualni i kinestetički. Tajna učinkovitosti interaktivne infografike je aktiviranje vizualnog i kinestetičkog kanala percepcije.

Drugim riječima, interaktivna infografika uzrokuje da osoba tijekom čitanja izvodi bilo kakve ciljane radnje. To uvelike olakšava prijenos i asimilaciju informacija.

Savjet # 2: neka korisnik pomakne stranicu

Mnogi korisnici Interneta pate od fizičke neaktivnosti. Budući da ne žele raditi vježbe i šetati parkom, učinite ih barem pomicanjem prstiju. To će povećati interaktivnost vaše grafike.

Pomoću pomicanja korisnik može aktivirati animaciju i premjestiti se od slajda do slajda. U ovom slučaju, on će precizno zavrtjeti infografiju do kraja, jer bi bilo šteta da napusti ono što je započeo na pola puta. Pogledajte kako, pomoću pomicanja, stručnjaci WHO-a učinili su dosadnu temu infografijom prilično zabavnu i uzbudljivu.

Ploča broj 3: koristite paginaciju

Paginacija je strukturiranje informacija pomoću stranica. Ova metoda poboljšanja interaktivnosti grafike gotovo je ista kao pomicanje. Da biste pregledali sljedeću stranicu, korisnik će morati pomaknuti prst i kliknuti na gumb miša.

Obratite pozornost na donje infografike. Njegovi kreatori koristili su paginaciju i druge načine za povećanje interaktivnosti. Da biste je vidjeli u cijelosti, kliknite na sliku.

Savjet # 4: Dopusti korisnicima da istaknu stavke grafike i dobiju dodatne informacije.

Najbolji infografski obrasci su jedan mali grafikon koji se može čitati satima. To se postiže kroz mogućnost odabira elemenata i dobivanja informacija o njima.

U nastavku slijedi primjer provedbe ovog rješenja. Informacije o iznosu nepovratnih povrata poreza u državama mogu imati 50 slajdova. Umjesto toga, autori su stvorili jedan slajd. Ističući stanje od interesa, korisnik dobiva potrebne podatke. Malo je ljudi koji se odupiru iskušenju da izdvoje nekoliko susjednih država, a onda vide kako su stvari na Havajskim otocima i na Aljasci.

A kreatori sljedećih grafika kombinirali su dva pristupa: paginaciju i odabir grafičkih elemenata za više informacija. Da biste je vidjeli u cijelosti, kliknite na sliku.

Savjet # 5: Dopustite mi da dobijem dodatne informacije klikovima.

Ovo je još jedan jednostavan i djelotvoran način da korisnik nađe potrebne informacije. Kreatori interaktivne karte mozga potiču korisnike da kliknu na crtež mozga i pročitaju o funkcijama svojih odjela.

Kreatori infografije o sigurnosti stanovanja uspjeli su kombinirati klikove i pomicanje. Rezultat je bio kognitivni interaktivni vodič za kućevlasnike.

Savjet # 6: Koristite podatke o klijentu

Zamolite korisnika da unese bilo kakve informacije i koristi ih u infografikama. Evo primjera primjene ovog pristupa: korisnik unosi podatke o svojoj godišnjoj plaći, a sustav pokazuje koliko minuta treba supertraderu Johnu Paulsonu da zaradi taj novac.

Ovdje je još jedan primjer korištenja korisničkih podataka. Web aplikacija stvara grafički model koji prikazuje distribuciju tweetova jednog ili drugog korisnika usluge microblogginga.

Savjet # 7: Saznajte CSS3 prijelaze, transformacije, animacije, filtre.

Rastuća popularnost interaktivne infografike korelira s sličnim povećanjem broja priručnika i udžbenika o CCS3 prijelazima, animaciji i drugim svojstvima i mogućnostima. Na ovoj stranici na engleskom jeziku naći ćete detaljne preglede i upute o korištenju CSS prijelaza, animacije, transformacije, uključujući 3D, kao i filtre. Korisne informacije na ruskom mogu se dobiti u HTML5 online vodiču.

Savjet # 8: Pokušajte ove cool prijelaze.

Na ovoj ćete stranici pronaći zbirku prijelaza koje možete koristiti pri izradi infografike.

Vijeće broj 9: koristite JavaScript knjižnicu za stvaranje D3-objekata

Ova knjižnica omogućuje vam da animirate podatke na različite načine koristeći HTML, SVG i CSS. Knjižnica se može koristiti potpuno besplatno. Tko zna za postojanje ove knjižnice, nikada neće stvoriti statičku grafiku.

Potrebna je interaktivnost da bi se čitatelj mogao uključiti.

Najlakši način za angažiranje posjetitelja web-lokacije jest koristiti njegovu znatiželju i natjerati ga da okrene kotačić miša. Međutim, doista interaktivna infografika je nemoguća bez istinski vrijednih i korisnih informacija. Imajte to na umu prilikom izrade vizualnog sadržaja.

Pogledajte videozapis: Domovinski rat - ANIMIRANI ZEMLJOVID (Kolovoz 2019).

Ostavite Komentar