Kako ustvariti interaktivno infografiko: 9 pomembnih nasvetov

S pomočjo infografike lahko tržniki premagajo zaščito pred hrupom informacij in posredujejo svoja sporočila potrošnikom. Učinkovitost te vrste vsebine se pomnoži z interaktivnostjo. V tem članku boste našli nasvete, ki vam bodo pomagali ustvariti interaktivne infografike.

Nasvet # 1: Naučite se skrivnosti učinkovite interaktivne grafike.

Oseba vidi vizualne informacije 60.000 krat hitreje kot besedilo. Nekaj ​​drugih dejavnikov, ki določajo učinkovitost infografike:

  • Skoraj polovica nevronov človeških možganov sodeluje pri obdelavi vizualnih informacij.
  • 70% senzoričnih receptorjev je v očeh.
  • Danes človek vsak dan porabi petkrat več informacij kot sredi osemdesetih let.
  • Povprečni obiskovalec bere le 28% besed, ki so objavljene na strani.
  • Infografika pomaga pri premagovanju zaščite pred informacijskim hrupom, saj vizualna vsebina poveča motivacijo obiskovalca, da prebere vaš material za 80%.
  • Zdravstveni strokovnjaki so ugotovili, da oseba absorbira le 70% informacij iz navodil zdravil, ki vsebujejo le besedilo. Če v navodilo dodate slike, oseba pridobi 95% informacij.
  • Ljudje sledijo navodilom z ilustracijami, ki so 323% boljši od navodil brez ilustracij.
  • Oseba se spomni 10% informacij, ki jih sliši. Spominja se 20% branja. Ljudje se spomnijo 80% tega, kar vidijo in delajo.

Bodite pozorni na zadnji dejavnik. Ljudje se spomnijo 80% tega, kar vidijo in delajo. V tem primeru sta združena dva kanala zaznavanja informacij: vizualni in kinestetični. Skrivnost učinkovitosti interaktivne infografike je aktiviranje vizualnega in kinestetičnega kanala zaznavanja.

Z drugimi besedami, interaktivna infografika povzroči, da oseba med branjem izvede kakršne koli ciljno usmerjene ukrepe. To močno olajša prenos in asimilacijo informacij.

Nasvet # 2: naj se uporabnik pomakne po strani

Veliko uporabnikov interneta trpi zaradi fizične nedejavnosti. Ker ne želijo delati vaj in hoditi po parku, jih vsaj premaknite. To bo povečalo interaktivnost vaše grafike.

S pomikanjem lahko uporabnik aktivira animacijo in se premakne od diapozitiva do diapozitiva. V tem primeru bo natančno privil infografijo do konca, saj bi bilo škoda, če bi zapustil tisto, kar je začel na pol. Poglejte, kako so strokovnjaki SZO s pomikanjem naredili dolgočasno tematiko infografijo precej zabavno in razburljivo.

Plošča številka 3: uporaba strani

Paginacija je strukturiranje informacij z uporabo strani. Ta metoda izboljšanja interaktivnosti grafike je skoraj enaka kot drsenje. Če si želite ogledati naslednjo stran, mora uporabnik premakniti prst in klikniti na gumb miške.

Bodite pozorni na infografike spodaj. Njegovi ustvarjalci so uporabljali paginacijo in druge načine za povečanje interaktivnosti. Za ogled v celoti kliknite na sliko.

Nasvet # 4: Dovoli uporabnikom, da označijo predmete grafike in prejmejo dodatne informacije.

Najboljši infografski vzorci so majhen grafikon, ki ga lahko berete več ur. To se doseže z možnostjo izbire elementov in pridobivanja informacij o njih.

Spodaj je primer izvajanja te rešitve. Podatki o višini povračil davka, za katere niso bili vloženi zahtevki, bi lahko zajemali 50 diapozitivov. Namesto tega so avtorji ustvarili en diapozitiv. S poudarjanjem stanja zanimanja uporabnik prejme potrebne podatke. Malo ljudi se upira skušnjavi, da bi izbrali nekaj sosednjih držav, nato pa vidijo, kako so stvari na havajskih otokih in na Aljaski.

Ustvarjalci naslednjih grafik so združili dva pristopa: paginacijo in izbor grafičnih elementov za več informacij. Za ogled v celoti kliknite na sliko.

Nasvet št. 5: Dovolite mi, da dobim dodatne informacije s kliki.

To je še en preprost in učinkovit način, da uporabnika ukrepa, da pridobi potrebne informacije. Ustvarjalci interaktivnega zemljevida možganov spodbujajo uporabnike, da kliknejo na možgansko risbo in preberejo o funkcijah svojih oddelkov.

Ustvarjalci infografike o varnosti stanovanj so uspeli združiti klike in drsenje. Rezultat je bil kognitivni interaktivni vodnik za lastnike stanovanj.

Nasvet # 6: Uporabite podatke o strankah

Prosite uporabnika, da zagotovi informacije in ga uporabi v infografiki. Tukaj je primer izvajanja tega pristopa: uporabnik vnese informacije o svoji letni plači in sistem kaže, koliko minut potrebuje supertrader John Paulson, da zasluži ta denar.

Tu je še en primer uporabe podatkov o strankah. Spletna aplikacija ustvari grafični model, ki prikazuje distribucijo tweets enega ali drugega uporabnika storitve mikroblogiranja.

Nasvet # 7: Naučite se prehodov CSS3, transformacij, animacij, filtrov.

Naraščajoča priljubljenost interaktivne infografike je povezana s podobnim povečanjem števila priročnikov in učbenikov o prehodih CCS3, animaciji in drugih lastnostih in zmožnostih. Na tej angleški strani boste našli podrobne preglede in smernice za uporabo prehodov CSS, animacije, preoblikovanja, vključno s 3D, pa tudi filtrov. Uporabne informacije v ruskem jeziku lahko dobite v spletnem vodiču HTML5.

Nasvet # 8: Poskusite te hladne prehode.

Na tem spletnem mestu boste našli zbirko prehodov, ki jih lahko uporabite pri ustvarjanju infografike.

Številka Sveta 9: za ustvarjanje objektov D3 uporabite knjižnico JavaScript

Ta knjižnica omogoča animacijo podatkov na različne načine z uporabo HTML, SVG in CSS. Knjižnico lahko uporabljate popolnoma brezplačno. Kdo ve za obstoj te knjižnice, ne bo nikoli ustvaril statične grafike.

Za vključevanje bralca je potrebna interaktivnost.

Najlažji način, da obiskovalca obiščete na mestu, je, da uporabite njegovo radovednost in ga zavrtite s kolescem miške. Vendar resnično interaktivna infografika ni mogoča brez resnično dragocenih in koristnih informacij. To upoštevajte pri ustvarjanju vizualne vsebine.

Oglejte si video: Mike Matas: A next-generation digital book (December 2019).

Loading...

Pustite Komentar