Infographics eru ekki nýjar. Og vissulega eru gagnvirkar sjálfur ekki annað en með hleypt af stokkunum nýjustu gagnadrifnum vefsíðum eins og Vox,Fimmtíu og átta og The Upshot , þeir verða að verða vinsælli.

Og þar sem áhorfendur eru að sjá þessar upplýsingar á töflum, sími og skjáborðum, er það að byggja upp þær grafík í HTML5-það er líklega hvernig viðskiptavinir þínir og samstarfsfólk mun biðja þig um að byggja upp!

baseball_info

A kort af baseball aðdáendum eftir The Upshot

Hér eru þrjár leiðir til að ganga úr skugga um að gagnvirkar infographics þínar á HTML5 verði brotnar í gegnum ringulreiðina.

1) Hugsaðu um af hverju þú gerir infographic í fyrsta lagi með FIRED aðferðinni

Áður en þú hugsar um tækni, er mikilvægt að hugsa um grafíkina frá sjónarhóli áhorfandans. Þó HTML5 gefur þér algerlega nýtt miðil til að kynna söguna af gögnum þínum, gefur það ekki sjálfkrafa tilgang eða frásögn á verkið.

Það er augljóst þegar verkefni var lúkt saman í síðustu stundu, án tillits til nothæfi eða gæði. Hvernig forðastu að gera það? Mér finnst gaman að nota "FIRED" aðferðina - auðveld leið til að muna að hugsa gagnrýninn áður en þú byrjar að nota nýjustu í CSS bragðarefur til að gera gagnvirkt kort:

  • Fresh - Hvernig mun hönnunin þín standa út úr hópnum?
  • Upplýsandi - Ert þú að kynna nákvæmar og heillandi staðreyndir?
  • Viðeigandi - Segir upplýsingarnar þínar samræmda sögu?
  • Skemmtilegt - Er áhorfandinn dreginn inn og spenntur að vera hluti af sögunni þinni?
  • Mismunandi - Er infographic nýtt þitt? Hefur það verið gert áður?

Með því að beita þessum spurningum munum við hjálpa þér að kortleggja markmiðin á síðunni þinni og hvernig þú vilt að skilaboðin þín hljóti að endurskoða með áhorfendum þínum. Að lokum ætti endanleg vara þín að skýra hugmyndina þína á skýran og áheyranlegan hátt. Vertu skapandi, já, en einnig vera aga. Grafísk list er það sem ætti að teikna lesandann inn, en gögnin sem fram koma þurfa að vera stutt; ekki láta miðilinn ná yfir skilaboðin. Árangursrík infographic vekur athygli áhorfenda inn í meira og er auðvelt að melta.

2) Gerðu það að færa

Adobe Edge Animation er HTML5 fjör tól sem gerir þér kleift að bæta við hreyfingu í vefur grafík, sem gerir þér kleift að lengja sérsniðna hönnun með gagnvirkni og hreyfingu. Það sameinar einnig með öðrum skapandi verkfærum til að bjóða upp á óaðfinnanlega brú milli hönnun og HTML eins og þú býrð til fyrir vefinn. Það eru nokkur frábær sniðmát og sýnishorn á sýningarsíðu til að hefjast handa. Ef þú vilt fara stig dýpra og bæta við þætti eins og smella og snerta sleipable scrubbers, hér er kennsla með eignum til að hefjast handa.

Þú getur einnig vefnað í gagnvirkum grafíkum sem nýta nýjustu vafrauppfærslur á CSS og HTML5 til að gera nokkrar fallegar áhrif. CSS form er á síðasta stigi forskriftarinnar; Skoðaðu þetta (Github repo hér ).

evolution_web

The þróun á vefnum infographic.

3) Gögn, gögn, gögn

Óákveðinn greinir í ensku infographic er ekkert án öflugra gagna heimildum og verkfæri til að sýna þeim.

Gögn uppspretta getur verið mismunandi - hvort sem það er eigin rannsóknir eða viðskiptavinur þinn. Það er líka góð listi á Quora of algengar gagnasöfn Það getur gefið þér góðar hrár gögn til að spila með.

Sumir af uppáhalds infographic þjónustu mínum (sem veita allar HTML5 vörur, auðvitað) til að safna og meta gögnin þín eru:

  • Piktochart - ókeypis þjónusta (með greiddan atvinnuleit) sem býður upp á fjölbreytt úrval af sérhannaðar þemu með gagnsæ gagnatafla.
  • infogr.am - ókeypis þjónusta (með greiddum greiddum atvinnumöguleika) sem býður upp á sniðmát, töflureiknir og aðrar veitur til að byggja upp sjónrænt graf.
  • visual.ly - grafík samfélag. Þó að verðpunktur visual.ly kann að virðast svolítið bratt (þau munu gera þér ótrúlega byggt á skapandi stutt sem byrjar á $ 999) samfélagið þeirra er innblástur þegar þú ert að leita að því að hefja eigin infographic verkefni.

Og ef þú ert sérstaklega metnaðarfull og að leita að mjög djúpt kafa í gagnasvæðinu, þá eru tómar af auðlindum á netinu. Það eru MOOCs eins og þetta gögn vísindi námskeið frá University of Washington.