Bár igaz, hogy a tartalom jelentősen növeli a webhely látogatóira gyakorolt hatást, kiderül, hogy jelentős része néhány nap alatt feledésbe merül. Az, hogy az emberek mennyit emlékeznek és felejtenek el, a tartalom terjesztésének módjától függ.
A találmány egy tudományos vizsgálat, az emberek valószínűleg három nap alatt elfelejtik a hallott információk 90%-át. Érdekes módon ez az arány jelentősen, 35%-ra csökken, ha az információkat releváns képekkel párosítják.
Kíváncsi vagy, miért?
Nos, akár hiszi, akár nem – az agy úgy van bekötve, hogy kiszűrje Az összes érzékszervi információ 99%-a majdnem azonnal. Végül csak 1%-át dolgozzák fel, és ez magában foglalja az infografikákat is.
A szemkövető tanulmányok azt is bebizonyították, hogy a weblátogatók jobban odafigyelnek a képekkel beágyazott információkra. 81%-uk szkimmer, és általában csak olvasni kezdenek a szavak 20-28%-a.
Mit is jelent ez?
Egyszerűen, prioritásként kell kezelnie az infografikák integrálását a webhely tartalmi elrendezésébe. Ami azt illeti, a tartalom infografikával párosul 94%-kal több megtekintést vonz mint más tartalomtípusok. Ennek eredményeként az infografikák javíthatják webhelye teljesítményét teljes forgalom 12%-kal.
Így az infografikák ideális keretének megtervezéséhez itt van 10 ingyenes eszköz, amellyel hatékonyan konvertálhatja tartalmi adatait releváns vizualizációkká:
WebDataRocks
Elég érdekes név van, amivel elindulunk. A szoftver pedig minden bizonnyal megfelel ennek azáltal, hogy hatékonyan jeleníti meg a JSON- és CSV-fájlokból generált pontos adatokat.
A WebDataRocks lényegében egy webes pivot tábla, amelyet kielégítően egyszerűnek találok, különösen, ha valós idejű adatvizualizációról van szó. Miután betáplálta a kritikus értékeket a fő forrásból, kihasználhatja a WebDataRocks-t az adatok számlálására, rendezésére és átlagolására, mielőtt végül mindent összegzett információként jelenítene meg a rácson.
Amit a legjobban szeretek ebben az eszközben, az a felhasználóbarát. Az itt található JavaScript-keretrendszer több elemző elemet biztosít a webes jelentéskészítés egyszerűsítéséhez és gazdagításához. Ami azt illeti, az eredményül kapott jelentéseket elmentheti, majd tetszés szerint visszakeresheti.
És tudod mit? Nem kell technikusnak lenni a WebDataRocks zökkenőmentes működtetéséhez. Csak menjen előre, és töltse be a JSON- vagy CSV-fájlokat a rendszerbe, majd hagyja, hogy kezelje a nehéz terheket. Ha az értékeken kell dolgoznia, használja ki a részletezési, szűrési, rendezési, valamint a drag and drop mezőket.
Ez tényleg ilyen egyszerű. És mi több? A WebDataRocks beágyazható az Angular keretrendszerbe.
Tableau Public
Hallottál már Csoportkép Desktop? Ez egy hatékony adatvizualizációs rendszer, amely csak fizetős felhasználók számára érhető el.
Nos, kiderült, hogy van egy ingyenes verziója - a Tableau Public. És ha kíváncsi, igen – ez is hihetetlenül hatásos. Az egyetlen figyelmeztetés azonban az, hogy minden vizualizáció nyilvános. Minden, amit generál, elérhető a rendszer nyilvános galériájából. Tehát ne siessen csatlakozzon a banda kocsijához, ha rendkívül érzékeny információkkal kell foglalkoznia.
Ugyanakkor előfordulhat, hogy más felhasználók által válogatott vizualizációkat is hasznosnak találhat projektjeihez. Tekintsd úgy, mint egy nyer-vesztes helyzetet.
Ha az adatok nyilvánossá tétele egyáltalán nem jelent problémát, akkor élvezni fogja a Tableau Public fogd és vidd felületét, amely továbbfejlesztett térképeket, diagramokat, grafikonokat és még sok mást képes megjeleníteni. Meghívhatja a csapat tagjait is, hogy működjenek együtt, és valós időben értesüljenek az információkról.
A tárhely itt meglehetősen szilárd, mivel 10 GB-ig terjed. Így természetesen elég sok időbe és több ezer adatvizualizációba kell telnie ahhoz, hogy ezt kimerítsék.
A Tableau Public különösen hatékony, ha kényelemről van szó. Közvetlenül csatlakozik számos adatforráshoz, köztük a Google Táblázatokhoz és az Excelhez. Ezután megfelelően optimalizálva van mobileszközökre, hogy segítse a felhasználókat az adatok szeletelésében útközben.
D3.js
A D3.js különösen kiemelkedő a programozási világban, és sok fejlesztő egyszerűen „D3”-nak nevezi. Hivatalosan azonban a név a három „D” betűt jelenti az „Adatvezérelt dokumentumokban”.
A rossz hír a D3.js-szal kapcsolatban, hogy nem éppen ideális kezdőknek, mert kódolást igényel. De ha hajlandó egy kis plusz munkát belefektetni, észre fogja venni, hogy a kerete rendkívül rugalmas. Kihasználhatja, hogy lenyűgöző, összetett grafikonokat és diagramokat hozzon létre, amelyek egyébként lehetetlenek lennének más barátságosabb eszközökben.
Szerencsére a D3.js a nyílt webes technológiákról szól – CSS, SVG és HTML. Ez azt jelenti, hogy támaszkodhat rá, hogy zökkenőmentesen integrálódjon a különböző platformokkal és webböngészőkkel. Desktop, Android és iOS alkalmazások kényelmesen támogatják mindhárom technológiát.
És ha már a böngészőkről beszélünk, a D3.js zökkenőmentes kezeléséhez modernre lesz szüksége. Bármi, ami az Internet Explorer 9 előtt történt, nem biztos, hogy teljesen kompatibilis a teljes keretrendszerrel.
De ez még nem minden. Történetesen meg kell ismerkednie a D3 API-val, mielőtt elkezdi használni ezt az eszközt. Bár ez eltarthat egy ideig, teljesen megéri minden erőfeszítést, mivel a D3.js hihetetlenül robusztus.
FusionCharts
Míg a D3 csak a legfrissebb böngészőverziókkal kompatibilis, a FusionCharts képes a régebbi verziókat is fogadni – egészen az Internet Explorer 6-ig visszamenőleg. Így arra számíthat, hogy hibátlanul fog működni vele kompatibilitási problémák nélkül.
Elfogadható. De milyen erős?
Nos, kezdésként a FusionCharts több mint 960 térképet és több mint 90 diagramot tartalmaz. És ez jóval meghaladja azt, amire a legtöbb vizualizációs szakembernek és fejlesztőnek szüksége lenne.
Ezen kívül az eszköz az XML- és JSON-fájlok támogatására készült, valamint integrálja a platformok és eszközök széles körét.
De van egy probléma. Sajnos a FusionCharts nem teljesen ingyenes. Csak lehetővé teszi a felhasználók számára, hogy fizetés nélkül kipróbálják az összes diagramot. Ezen kívül minden csak licenc megvásárlása után érhető el. Tehát a legjobb megközelítés itt az lenne, ha az eszközt csak néhányszor használná ki.
Adatcsomagoló
Bár hivatalosan egy németországi székhelyű cégnél van bejegyezve, a Datawrapper egy nyílt forráskódú eszköz, amelyet több újságíró, fejlesztő és tervező fejlesztett ki több országban.
Az újságírókat azért vonták be, mert kiderült, hogy ők az elsődleges célfelhasználók. A Datawrapper-t olyan lenyűgöző vizualizációk létrehozására optimalizálták, amelyek kivételesen alkalmasak a hírekhez.
De ne érts félre. Más típusú felhasználók továbbra is kihasználhatják a szolgáltatás előnyeit adataik bemutatására. Egyszerűen mutassa be adatait CSV formátumban, és folytassa az egyéni vizualizációk, például vonal- és oszlopdiagramok létrehozásával.
Sajnos korlátozott azoknak a száma, akik megtekinthetik az eredményül kapott diagramokat. Diagramonként legfeljebb 10,000 XNUMX megtekintést tárolhat. Minden ezen túlmenően frissítenie kell a fizetős verzióra.
Ha jobban belegondolunk, a 10,000 XNUMX elég szilárd szám. Egy átlagos kisvállalkozásnak eltart egy ideig, hogy ezt elérje. A nagyvállalatok viszont sokkal jobban járnak a fizetős verzióval.
A tanulási görbe itt nem olyan meredek, köszönhetően a webalapú eszköz „Akadémia” szakaszának. A felhasználók részletes online tanfolyamokhoz használják, hogy megismerkedhessenek a Datawrapperrel. Ezen kívül a rendszerhez tartozik egy „River” rész is a feltöltött látványelemek megosztására.
Chartbuilder
Ha egy rendkívül tiszta felhasználói felületet keres, a Chartbuilder legyen az egyik legfontosabb prioritás. Ez egy másik kiemelkedő eszköz, amelyet egy híres pénzügyi médiaház épített az újságírók számára Kvarc.
Eleinte úgy tervezték meg, hogy segítsenek újságíróiknak számértékeiket lebilincselő látványelemekké alakítani – publikált történeteik alátámasztására. Később ingyenes nyílt forráskódú eszközként tették közzé a nyilvánosság számára.
Ennek ellenére az irónia itt az, hogy egy tipikus újságírónak valójában nehézkes lenne a Chartbuilder használata. Csak egy fejlesztő tudja beállítani, mivel az alkalmazás letöltése utáni aktiválási folyamat Python kódolást tartalmaz.
Ha azonban ez megtörtént, mindössze annyit kell tennie, hogy CSV-formátumban tölti fel az adatokat, vagy közvetlenül a Google Táblázatok linkjéről szerezheti be. A rendszer ezt követően megjeleníti a megfelelő látványelemeket, amelyek stíluslapokon vagy magán az eszközön keresztül testreszabhatók.
Sajnos az eredményül kapott vizualizációk nem lesznek dinamikusak és interaktívak. Úgy tűnik, hogy a Chartbuilder csak statikus diagramok támogatására képes. De értse meg ezt – számíthat rá, hogy átfogóan elvégzi a munkáját. A végső grafika általában jól csiszolt és publikálásra kész.
Google Charts
Magától értetődik, hogy a Google szinte mindig szerepelni fog minden alkalommal, amikor az adateszközökről beszélünk. Rendkívül nagy teljesítményű adatelemzési és jelentéskészítő képessége miatt köztiszteletnek örvend. A vizualizáció terén pedig az erőmű ingyenesen biztosítja a Google Charts szolgáltatást.
Sok dolog biztosan tetszeni fog ebben az eszközben, kezdve a rendkívül egyszerű és barátságos felhasználói felülettel. És tudod mit? A Google hordozható rendszerként fejlesztette ki, amely minden platformon és böngészőn jól működik. Egyre gazdagabb galériát biztosít, amely dinamikusan módosítható az Ön preferenciái alapján.
A Google Chart az adatmegjelenítési módok széles skáláját kínálja – a szabványos vonaldiagramoktól a rendkívül összetett hierarchikus fatérképekig. Most, hogy a megfelelő hatalmas adatvezérlőkkel párosulva, a Google Charts kivételesen ideális minden típusú projekthez.
feltérképezték
Ha olyan egyszerűséget keres, amely felülmúlja a Google Charts-ét, érdemes megnéznie a Charted-et. Ez messze a legegyszerűbb adatvizualizációs eszköz a listán.
A látványelemek létrehozásához csak be kell illesztenie a fájl hivatkozását, majd meg kell nyomnia a „go” gombot. Ez tényleg ilyen egyszerű. Bevezet egy Google-táblázat-, TSV- vagy CSV-fájlt, és a rendszer ezt követően pillanatok alatt megjeleníti a megfelelő grafikát.
A probléma itt az, hogy a Charted csak oszlopdiagramokat és vonaldiagramokat hoz létre, beleértve a halmozott diagramokat is. Nem tudja kihasználni egy összetett diagramhoz. De az adatvizualizációs projektek többsége általában ezzel a kétféle vizualizációval végződik.
A projekt további gazdagítása érdekében a Charted olyan beágyazott összetevőket tartalmaz, mint a GeoJS térinformatikai vizualizációk, a Vega vizualizációk, az Onset komponens, az Upset komponens és a LineUp komponens. Az adatokat azonban nem tudja menteni vagy testreszabni.
OpenHeatMap
A hőtérképek olyan vizualizációk, amelyek erősen használnak különböző színeket a földrajzi adatok intuitív megjelenítéséhez. Nos, fontolóra veheti egy általános eszköz használatát az egyikkel való létrehozáshoz. Ez azonban több órát is igénybe vehet, hogy pontos és dinamikus látványt nyújtson.
Az ilyen problémáktól való megkímélés érdekében láttuk, hogy a fejlesztők különféle eszközöket vezettek be, amelyeket kifejezetten hőtérképekre optimalizáltak. És az egyik legjelentősebb ingyenes az OpenHeatMaps.
Az eszköz lényegében egyetlen kattintással tömörítette a funkcionális hőtérképek létrehozásának teljes folyamatát. Miután importált adatokat a Google Táblázatokból, Excelből vagy CSV-ből, egyszerűen nyomja meg a gombot, és íme! Pillanatok alatt meglesz a hőtérkép.
Google Data Studio
A Google marketing keretrendszerének részeként a Google Data Studio úgy készült, hogy részletes adatvizualizációk generálásával javítsa a döntéshozatalt.
Nos, itt van az eszköz érdekessége. Míg az általunk már ismertetett szolgáltatások általában közzétételre kész vizualizációkat hoznak létre, a Google Data Studio kissé eltérő megközelítést alkalmaz. Segítségével a felhasználók számos adatnézeti pontot és irányítópultot állíthatnak be. Ez ideálissá teszi a valós idejű mutatók holisztikus megosztásához és nyomon követéséhez.
A jelentések továbbfejlesztése érdekében a Google Data Studiot párosíthatja más Google-szolgáltatásokkal, mint például a Google Analytics, az Adwords, a Youtube stb.
Következtetés
Bár ezek a lehetőségek hihetetlenül hatékonyak, a végső választást elsősorban a hosszú távra beágyazni kívánt infografikák típusán, a webhely általános elrendezésén, az adattípuson és -forráson, valamint a látogatók általános preferenciáin kell alapulnia.
Szia! Úgy gondolom, hogy ezen eszközök együttes használata segít jobb eredmények elérésében és az eredmények összehasonlításában