Pro näpunäited interaktiivsete infograafikute loomiseks

Lehekülg 1/2: Muljetavaldav interaktiivne infograafika, mis inspireerib teid

Infograafika on veebis kõikjal ja see on üha interaktiivsem. Sellel lehel olen kokku kogunud näited parimad infograafikud interaktiivse funktsionaalsusega ja uuris, mis teeb neist suurepärased. Teiselt leheküljelt leiate mõned käepärased ressursid ja teegid, mis aitavad teil oma luua (või vaadake meie ülaosa kokkuvõtet) infograafikavahendid ).

Kui loote infograafikute paigutamiseks uue veebisaidi, vajate veebisaidi ehitaja ja ülemine osa veebimajutus . Kas soovite oma loomingut turvaliselt säilitada? Proovige neid pilvemälu valikud. Või lugege edasi, et teada saada, kuidas saate luua disaini, mis teie publikuga tõeliselt haakub.



01. Mõista psühholoogiat

Infograafik infograafikast

See infograafik selgitab, miks infograafika töötab

Enne kui hakkate oma interaktiivset infograafikut tegema, tasub mõelda, miks te selle interaktiivseks muudate.

Särava infograafikuna Miks teie aju ihkab infograafikat selgitab, et inimesed on visuaalselt juhtmega ühendatud. Me kõik oleme palju tõenäolisemad, et oleme valmis lugema, mõistma ja meenutama esitlust, mis sisaldab haaravaid visuaale. Kuid kuigi visuaalid on vaieldamatult kõige olulisem õppevahend, saavad need minna vaid nii kaugele.



kuidas kasutada värvilahenduse tööriista Photoshopis

Samuti on kineetilise õppimise oluline komponent, mille abil inimesed suudavad füüsilise tegevuse kaudu paremini teavet säilitada. Seega on väga mõttekas interaktiivsuse lisamine niigi tugevale väljale andmete visualiseerimine peaks tegema infograafika veelgi meeldejäävamaks ja tõhusamaks.

See visuaalsete ja kineetiliste lähenemisviiside kombinatsioon muudab interaktiivse infograafika tuleviku andmete visualiseerimiseks. Muidugi, mõned infograafilised teemad lihtsalt ei soodusta mingite interaktiivsete elementide kasutamist - kuid paljusid teisi on need tohutult parandanud. Interaktiivsus võib aidata teavet mõtestada, anda kasutajale kontrolli ja haarata kujutlusvõimet viisil, mida staatiline graafika lihtsalt ei suuda.

02. Lisage kerimisefektidega vürtsi

Infograafik koos animatsioonidega



Animatsioonid võivad muuta kuiva teema köitvamaks

Üks populaarsemaid interaktiivsuse tüüpe nõuab selle kasutajatelt vaid väikest kerimist, mis tavaliselt käivitab animatsioone ja üleminekuid. See tekitab samasuguse valmimisvajaduse nagu pistikupesa; kasutajad tunnevad sunnitud alustatu lõpule viima.

See on suurepärane tehnika, mis meelitab vaatajaid loosse ja paneb neid end rohkem huvitama, ilma et huvide piire ületataks. Üleval käsitsi pesemise infograafik kasutab nii peeneid kui toretsevaid animatsioone, et muuta teekond läbi üsna kuiva teema võimalikult lõbusaks.

Kerimist saab kasutada ka tõeliselt lihtsatel viisidel, lihtsate narratiivide abil. Näiteks vaadake seda iPodi mahtuvuse visualiseerimine . Sisu on uskumatult põhiline, kuid kerimisfaktor teeb selle punkti edastamisel suurepärase töö.

03. Pagineerige hõlpsaks seedimiseks

Infograafik energiakasutuse kohta

kuidas animeeritud pikslite kunsti teha
Infograafiku eraldamine lehtedeks tähendab, et kasutaja ei ole teabest üle ujutatud

Teie päevane veeannus laseb kasutajatel klõpsata lehtedel, mitte kerida, ja näitab, kuidas mõned mõisted selle mitmelehelise lähenemisviisi korral paremini töötavad.

Igal lehel olevad elemendid on interaktiivsed peale lihtsa teemade vahel liikumise, nii et uuel lehel klõpsamine tagab kasutajale aega enne järgmise osa liikumist ühe osa täielikult läbi seedida.

04. Laske kasutajatel teatud alad esile tõsta

Maksudeklaratsioonide infograafik

See infograafik käsitleb maksudeklaratsioonide teemat

Ühed parimad infograafikud on need, mis võtavad kohmetu hulga andmeid ja destilleerivad need ühtseks hallatavaks graafikaks. Kuid nende visualiseerimiste mõistmiseks on sageli vaja veel mõnda kannatlikkust ja visadust. Erinevate osade interaktiivne esiletõstmine aitab minimeerida esialgset segadust, mis on keskmise hõlpsasti hajutatava veebikasutaja ligimeelitamiseks ja hoidmiseks hädavajalik.

kui suur on iphone plus

Infograafik IRS-i maksudeklaratsioonide kohta ülal, Kui palju läheb igal aastal nõudmata oleks võinud ühes suures tabelis kuvada üksikute isikute arvu ja sissenõudmata rahasummasid osariigi kohta, kuid igaühe eraldi esitamine muudab selle palju vähem segaseks.

Infograafik tööalaste väljavaadete kohta

Sama funktsionaalsuse kasutamine lehtedel aitab ühtlust tuua

Tööalane väljavaade (ülal), kus kuvatakse avatud töökohtade protsendid nii ameti kui ka haridustaseme järgi, on sarnane esitus. Kuid see infograafik sisaldab nii palju teavet, et see oli tingimata jagatud mitmeks erinevaks leheks.

Üleminekufunktsionaalsus on aga kõigil lehtedel sama, mis muudab teabe selliseks, et see on justkui tükk. Kui teil pole aega või ressursse, et midagi nii tugevat üles ehitada, võite sageli täiendada mõne hea paigutusega animatsiooniga.

Palju lihtsamal viisil on see immateriaalse vara ärijuht kasutab keritavaid animatsioone, et lisada pizazz oma muidu igapäevastele graafikutele ja graafikutele, aidates kasutajale tähelepanu kogu lehel hoida.

05. Peida osa teabest

Infograafik klõpsatavate linkide abil

Peida lisateave klõpsatavate linkide taha, mida kasutajad saavad uurida

Teine suurepärane viis, kuidas saada kasutajad infograafikogemuses aktiivselt osalema, on klikkide või kursori viimine, mis pakuvad rohkem teavet. See mitte ainult ei soodusta kasutaja uudishimu ja uurimist, vaid võimaldab neil vahele jätta ka väiksemad teemad, mis neid ei huvita, ilma et see heidutaks ülejäänud infograafikaga jätkamist.

Näidete keerukamas otsas on SimpliSafe kodu turvalisuse juhend (näidatud ülal). Selles teekonnas läbi kodukaitse erinevate kihtide on palju muud kui lihtsalt klõpsatavad lingid, kuid nende kaasamine annab rikkama õppimise kogemuse.

06. Kasutajate osalemine on veenev

Ingfographic koos palgavõrdlusega

Isikupärastatud teave on veenev, kuid sobib ainult teatud olukordades

Sina vs John Paulson näitab näidet infograafiku tüübist, mis täidab oma teabe kasutaja konkreetsete andmesisestuste põhjal. Aastapalga sisestamisel saate võrdluse rahasummaga, mille väliskaupmees John Paulson mõne minutiga teenib (koos mõne muu näite abil lihtsalt koju sõitmiseks).

kuidas monitori kalibreerida Photoshopi jaoks

Kuna seda tüüpi interaktiivsus töötab ainult väheste teemade puhul, on see vähem levinud kui teised selles loendis olevad. Kuid see on ilmselt ka kõige veenvam mitte ainult seetõttu, et see kutsub kasutajaid kõige rohkem osalema, vaid ka seetõttu, et kasutab isikupärastatud teavet.

Järgmine leht: ressursid, mis aitavad teil infograafikuid ellu äratada

  • 1
  • kaks

Käesolev lehekülg: Muljetavaldav interaktiivne infograafika, mis inspireerib teid

Järgmine leht Kasulikud ressursid infograafikute tegemiseks