Hogyan készítsünk gyönyörű táblázatokat és infografikákat webhelyein?

Elavult: _usort_terms_by_ID van elavult a 4.7.0 verzió óta! Ehelyett használja a wp_list_sort () -ot. ban ben /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php online 4713


Ha az Internet egy dolog, akkor vizuális.

Az emberek szeretik a gyors, könnyen hozzáférhető információkat, az infographics pedig éppen ezt az adatmegjelenítést nyújtja. Még a bonyolult adatok is könnyebben érthetők, ha kördiagramdal, grafikonnal vagy fényképpel kombinálják őket.

A Top Marketing Iskolák által készített infographic szerint az infographic körülbelül 15 millió embert érhet el.

Miért az infographics?

A marketing társaság, Bell Pottinger, az üzleti költségvetés 55% -kal növekedett a digitális termékek, például az infographics számára.

Az infographicsról szóló infografikában az Unbounce kijelenti, hogy az infographicsot kereső emberek száma az elmúlt két évben 800% -kal nőtt. Ilyen statisztikákkal nehéz tagadni, hogy az infographics formájában megjelenített adatmegjelenítések jó tartalom / marketing a webhelyek és blogok számára.

1. előny: Új látogatók

Az infographics hozzáadása új módon felhívja az új webhely látogatóit.

  • Internetes keresések: Lehetséges, hogy az internethasználók kutatást folytatnak azon a témán, amelyen az infografikája van. Ha Ön az egyetlen olyan webhely, ahol infografika található arról, hogy az áfonya miért tesz okosabbá, akkor a forgalmat bárki megszerezheti az adott témában infográfia keresőjeként. Azok, akik kifejezetten képeket keresnek, az infográfiával is találkozhatnak.
  • Közösségi média: A Top Marketing Iskolák infografikája, amely azt jelzi, hogy egy hagyományos üzenet mintegy 75 tweetet kap, míg egy infographic majdnem 600-at. Mivel az emberek sokkal nagyobb valószínűséggel osztják meg az infográfiát a Twitteren, mint egy egyszerű üzenetben, akkor lehetőséged van új látogatók elérésére a közösségi oldalakon. a média óriási.

A Nielson / Norman csoport becslése szerint az átlagos oldallátogatás kevesebb, mint egy perc alatt tart. Hacsak nem megragadja az olvasó érdeklődését, akkor az oldalára pillant, és továbbmegy a következő webhelyre.

A webhely látogatóinak szokása van információt és híreket görgetni. Ez egy másik ok, amiért az infographics annyira jól működik, hogy megragadja az olvasó érdeklődését. Egy érdekes tény vizuális ábrázolása gyorsabb módja az információ bemutatásának, mint a szöveg bekezdése. Az olvasók gyorsan lefuttathatják az Ön infográfiáját, elsajátíthatják a szükséges információkat, és kissé hosszabb ideig maradnak, hogy megnézhessék, mit kínálnak még, vagy könyvjelzővel tegyék fel a webhelyet későbbi felhasználás céljából..

Az információban gazdag infographics kiszolgálásának technikai kihívása

Ugyanakkor szem előtt kell tartani azt is, hogy míg az infographics hozzáadott értéket képvisel, a hosszú képek betöltése sokáig tartó nehéz képek elriaszthatják a látogatókat. A Pew Internet kutatása szerint az átlagos webhely látogató elvárja, hogy egy oldal három másodperc alatt töltse be az oldalát. Minél gyorsabban tölti be webhelye, annál jobb lesz az átváltási arány.

Egészen kiegyensúlyozó lépés annak biztosítása, hogy webhelye vizuálisan gazdag élményt nyújt, miközben továbbra is villámgyorsan tölt be. A legjobb módja ennek elérése a gyors kiszolgálókkal és az optimalizált képekkel. Megfigyelheti a web hosting véleményeinket, sokat hangsúlyozunk a sebességre, és számos sebesség tesztet végezünk egy web host értékelésekor.

2. előny: Látogatók megtartása

A Nielson / Norman csoport becslése szerint az átlagos oldallátogatás kevesebb, mint egy perc alatt tart. Hacsak nem megragadja az olvasó érdeklődését, akkor az oldalára pillant, és továbbmegy a következő webhelyre.

A webhely látogatóinak szokása van információt és híreket görgetni. Ez egy másik ok, amiért az infographics annyira jól működik, hogy megragadja az olvasó érdeklődését. Egy érdekes tény vizuális ábrázolása gyorsabb módja az információ bemutatásának, mint a szöveg bekezdése. Az olvasók gyorsan lefuttathatják az Ön infográfiáját, elsajátíthatják a szükséges információkat, és kissé hosszabb ideig maradnak, hogy megnézhessék, mit kínálnak még, vagy könyvjelzővel tegyék fel a webhelyet későbbi felhasználás céljából..

Ugyanakkor szem előtt kell tartani azt is, hogy míg az infographics hozzáadott értéket képvisel, a hosszú képek betöltése sokáig tartó nehéz képek elriaszthatják a látogatókat. A Pew Internet kutatása szerint az átlagos webhely látogató elvárja, hogy egy oldal három másodperc alatt töltse be az oldalát. Minél gyorsabban tölti be webhelye, annál jobb lesz az átváltási arány.

Egészen kiegyensúlyozó lépés annak biztosítása, hogy webhelye vizuálisan gazdag élményt nyújt, miközben továbbra is villámgyorsan tölt be. A legjobb módja ennek elérése a gyors webtárhely-kiszolgálókkal és az optimalizált képekkel. Észre fogja venni, hogy sok hangsúlyt fektetünk a sebességre a tárhely-áttekintésekben – lásd például az A2 tárhely áttekintését, vagy megnézheti más áttekintéseinket, hogy megtudja, melyik webgazda felel meg legjobban az Ön sebességigényének.

3. előnye – Hatóság hozzáadása

Agyunk 50% -a vesz részt a vizuális feldolgozásban (forrás).

A legtöbb ember vizuálisan tanul. A NeoMam olyan forrásokból készített kutatást, mint például a Google Trends, Nielson és Pearson, amelyek szerint az érzékszervi receptorok 70 százaléka a szemben helyezkedik el, és az emberek képesek a látványt befogadni és megérteni alig egy másodperc 1/10-ével..

Az emberek hajlamosak hinni abban, amit látnak, mert jobban megértik azt. Ha kutatást végez és biztonsági másolatot készít az infographic-ban, autoritásnövelheti márkáját. Ügyeljen arra, hogy:

  • Biztonságos statisztikákat kínál
  • Adjon hozzá jól betartott erőforrásokat az infographic aljára
  • Adjon hozzá grafikonokat és diagramokat, amelyek vizuálisan mutatják ezeket a statisztikákat

Amikor a vizuális érzékeket és az interaktív funkciókat egyesíti, például a NeoMam infographic-ból, amelyből ezek a statisztikák származnak, akkor nemcsak felismeri az olvasó érdeklődését, hanem elkötelezi magát.

Mit észlel többet? Észrevett egy egyszerű grafikát az oldalon, vagy olyan képet, amely mozog, villog vagy esetleg elindít egy videót?

Mitől jó infographic?

Haladunk előre, és megvizsgáljuk a mai legjobb adatforrás-eszközöket és eszközöket. Nem számít, ha egy hétköznapi blogger vagy, aki egyszerűen csak néhány gyönyörű infografikát akar létrehozni márkaépítés céljából, vagy egy karrier-grafikai tervező, akinek mélyebben kell foglalkoznia ezen a területen; Biztos vagyok benne, hogy hasznosnak találja ezt a bejegyzést.

Információs architektúra

Általában véve egy jó adatmegjelenítés három fő elemből áll:

  1. Jelentős adatok,
  2. Megfelelő információs tervek, és
  3. Gyönyörű grafika.

Ne feledje, hogy bár az infographics és a diagramok általában vonzzák a blog és a közösségi média felhasználói figyelmét; nemcsak a márka promócióján kell túlmutatniuk – az infographics és a táblázatok feltételezik, hogy elsősorban felhasználóbarát módon unalmas és rendetlen adatokat szolgáltassanak.

Ennélfogva egy grafikon vagy infographic létrehozása előtt 1) ​​rendeznie kell, szűrnie kell és finomítania kell az adatait; 2) Döntse el, hogyan jelenítheti meg adatait (más néven: adatmegjelenítési tervek).

Adatbányászat

Enter OpenRefine – egy hatékony adatbányászati ​​eszköz, amely megment minket az adatsorok sorba rendezéséből az Excel munkalapon. Korábban a Google Tisztítás (és a Freebase Gridworks) néven ez az eszköz segít a felhasználóknak az adatok felfedezésében és megtisztításában, az adatok átalakításában egyik formátumból a másikba, és kiterjesztése különféle webszolgáltatásokkal.

Abban az esetben, ha hatalmas, rendezetlen adatokkal dolgozik, az OpenRefine-nek feltétlenül rendelkeznie kell az eszközkészletben. Az eszköz jelenleg a GitHub-on található, ezen az oldalon meglátogathatja az összes szükséges információt és segítséget. További nyomon követéshez és a legfrissebb hírekhez nézze meg az újonnan elindított webhelyét a http://openrefine.org/ címen.

Adatok bemutatása

Ha készen áll az adatokra, itt az ideje eldönteni, hogy miként fogják bemutatni azokat a nézőknek.

Számtalan megközelítés létezik ennek megvalósításához: kördiagram, diagram, vonalas grafikon, hisztogramok, hőtérkép, folyamatábra, periódusos táblázat és így tovább. Ezen megközelítések mindegyike tökéletesen megfelel bizonyos típusú adatokhoz (és rosszul bűzlik, ha azokat visszaélnek).

Hogyan kell bemutatnia az adatait, hogy statisztikája szép, szemet gyönyörködtető és könnyen érthető legyen?

Ebben a kérdésben a Visual Literacy egy rendkívül praktikus periódusos táblát készített az adatok megjelenítéséhez használható összes lehetőség segítségével (az alábbiakban látható).

Vegye figyelembe, hogy a periódusos rendszer számos érdekes példát mutat, amikor az egérmutatót fölé fordítja, ezért ügyeljen arra, hogy a tényleges táblát a webhelyen tekintse meg..

Periodikus táblázat az adatok megjelenítéséről

Ha nem hagyományos megközelítéseket keresett, akkor nézd meg ezt a fantasztikus cikket a Smashing Magazine-ban. A bejegyzés egy ideje megjelent, de mégis nagyon hasznosnak tartom.

Használható infographic és töltőeszközök

Amint elkészült az információs architektúrával, itt az ideje egy valódi produkcióhoz. A jó megjelenésű diagram nyers adatokból történő elkészítése soha nem könnyű feladat, szerencsére számtalan eszköz található a munka elvégzéséhez.

Igen, számtalan eszköz az adatmegjelenítéshez. Vannak átfogó eszközök, amelyek interaktív grafikákat generálnak összetett adatokból; vannak olyan egyszerű webalkalmazások is, amelyek nem tesznek semmit, csak egyszerű 2 tengelyes vonaldiagramokat generálnak.

Gyakorlati okokból megvizsgáljuk mindkét oldalunkat, és felsorolunk több grafikai eszközt az előre és az alkalmi felhasználók számára egyaránt.

Előzetes ábrázolási eszközök

Először nézzünk meg néhány előzetes dolgot.

1. ggPlot2 és R

R és ggplot2

R egy számítógépes nyelv és az adatkezelési, számítási és grafikus megjelenítési környezet. A ggplot2 viszont egy R ábrázoló rendszer, amely elősegíti a bonyolult többrétegű grafika előállítását. A fenti HeatMap például a ggplot2 és R használatával készül.

Ha szívesen tanul az R-ről és a ggplot2-ről, akkor a LearnR nagyszerű blog a további olvasáshoz (bár a blogot egy ideje nem frissítették).

2. jqPlot

jqPlot

A jqPlot egy jQuery Javascript keretrendszert ábrázoló és ábrázoló plugin. A jqPlot gyönyörű vonal-, bár- és kördiagramokat készít. Az eszköz néhány szép funkcióval rendelkezik, például olyan interaktív pontok létrehozásával, amelyeket a felhasználók a webböngészőben módosíthatnak. Érdemes azonban megjegyezni, hogy ezt az eszközt nem tesztelték alaposan, és egyes böngészők esetleg nem támogatják – nevezetesen a Chrome és az IE 7 alatt.

3. JP grafikon

JP Graph

A JP Graph egy PHP vezérelt ábrázoló eszköz, amely támogatja a különféle grafika típusokat. Abban az esetben, ha olyan PHP programot ír, amelyhez grafikus könyvtárat kell létrehozni, ezt érdemes megvizsgálnia. Nem mondanám, hogy a JP Graph egy egyszerű eszköz az indulók számára, de az eszköz (vagy a PHP könyvtár) nagyon hasznos, ha grafikonokat és diagramokat kell készítenie a webszerverről. A JP Graph ingyenes, nem kereskedelmi használatra, és szüksége lesz egy webszerverre, amely támogatja a PHP 4.3.x vagy újabb verziót.

4. JS InfoVis eszközkészlet

JavaScript InfoVis Toolkit

A JavaScript InfoVis Toolkit egy Nicolas Garcia Belmont által kifejlesztett könyvtár. A könyvtár a megjelenítés széles választékával rendelkezik, és teljesen ingyenesen használható.

 5. IBM Analytics (korábban sok szemmel ismert)

Az IBM Analytics egy ingyenes eszköz, amely lehetővé teszi a felhasználó számára, hogy vizualizációkat készítsen szinte bármilyen adatkészletből.

Az IBM szervereken üzemeltetett Many Eyes nem csupán az adatok megjelenítésén dolgozik – lehetővé teszi a felhasználók számára, hogy feltöltsék saját adatkészletüket, és új megjelenítési modellt készítsenek a kiszolgálón tárolt adatok alapján.

6. Google-diagram

Google Chart

A Google Chart ingyenes, hatékony, rugalmas, és sok más fejlesztői eszköz támogatja.

A Google Chart ábrázolása tisztán a HTML5 / SVG technológián alapul; az eszköz elősegíti a különféle formátumú diagramok létrehozását gyönyörű animációval és interaktív vezérlőkkel.

7. Tengely

Tengely

Az Axiis egy nyílt forráskódú adatmegjelenítési keret, amelyet Tom Gonzalez és Michael VanDaniker fejlesztett ki. Az eszközt kifejezetten kezdőknek és szakértőknek tervezték. Az Axiis előzetesen beépített vizualizációs összetevőket, valamint absztrakt elrendezési mintákat és megjelenítési osztályokat biztosít, amelyek lehetővé teszik saját egyedi megjelenítés létrehozását..

Könnyű Infographic eszközök kezdőknek

Igaz, hogy a legtöbb blogírónak (beleértve magamat is) nincs szüksége a fenti átfogó diagramkészítési eszközökre a rendszeres blogműveletekhez. Gyakrabban csak egy egyszerű webes alkalmazásra vagy egyszerű eszközre van szükségünk, amely a munka gyors elvégzéséhez szükséges.

Ennek kapcsán itt van a létrehozási eszközök listája, amelyek nagyon kevés tanulási erőfeszítést igényelnek és felhasználóbarátak.

1. Visme

visme

A Visme egy barkácsolás platform, amely lehetővé teszi a felhasználók számára, hogy professzionális prezentációkat és infografikákat készítsenek.

Több mint 350 000 magánszemély és szervezet (beleértve a nagyvállalatok, például az IBM és a Disney felhasználóit) használja az eszközt az interaktív grafikák és prezentációk révén történő jobb kommunikációhoz..

2. Venngage

A Venngage egy felhasználóbarát vizuális eszköz, amely 2011 óta működik. Az eszköz egyszerű módszert kínál infographic létrehozására drag and drop szerkesztővel, szabad formájú vászonnal, valamint több mint 1000 példával és előre elkészített sablonokkal..

3. Easel.ly

Easel.ly

Az Easel.ly segíti a vizuális adatok egyszerű létrehozását és megosztását online módon. A webalkalmazás egy egyszerű felületen érkezik, néhány előre beállított sablonnal és a drag and drop funkcióval. Bár az Easel.ly még mindig béta módban van, de a szerverén már több mint 130 000 felhasználó által létrehozott kép található.

4. Vizualize.me

VIsualize.me

A Vizualize.me segít létrehozni gyönyörű infografikákat az egyénekről (igen, innen a Vizualize Me név). Ez egy szórakoztató eszköz, amellyel körül lehet játszani, és néhány kattintással gyönyörű folytatást vagy profilt hoz létre. Abban az esetben, ha LinkedIn-en van, valóban kipróbálhatja ezt – az eszköz képes kapcsolódni a LinkedIn-profiljához, és az adatok alapján lenyűgöző grafikákat generál..

5. Hohli

Hohli

Szüksége van egy egyszerű diagramkészítőre? Akkor Hohli a látogatás hely. Ez a webes alkalmazás támogatja a különféle típusú táblázatokat tizenkét különféle méretben – minden felhasználónak mennie kell, hogy beírja az adatokat és a tervezési részleteket.

6. Piktochart

A Piktochart sablon alapú infographic eszközök, amelyek segítenek a nem tervezőknek gyönyörű grafikák és diagramok készítésében.

Az eszköz támogatja a drag-and-drop funkciókat, és széles választékot kínál előre beállított sablonok, ikonok, vektorok és képek között. Ha egy egyszerű grafikus eszközt keres, és nem bánja, hogy a szolgáltatásért kicsi díjat fizet, a Piktochart határozottan az egyik legjobb választás.

Mielőtt elkezdené: Infographics inspirációk

Szóval készen áll saját infografikájának létrehozására? Várjon. Még egy kicsit még itt kell mennünk.

Itt található a legnépszerűbb infographics és grafikonok, amelyeket az internetről készítettünk.

Nagyon biztos vagyok benne, hogy a múltban látott néhányat a közösségi média hálózatokon – ez bizonyítja, hogy a szép grafika értelmes adattárakkal!

Ezen túlmenően vannak olyan okok, amelyek miatt az infográfiai galériák manapság annyira súlyos forgalomban vannak.

Mások munkáira hivatkozva megtanuljuk, mi működik jól a közönséggel.

  • Mekkora az átlagos méret egy népszerű infographic számára??
  • Milyen témát fogadnak a nézők a leginkább?
  • Ha a lehető legtöbb adatot kellene belefoglalnia a diagramjaiba?
  • Hány golyópontot kell lefednie az infographicsban?
  • Mi teszi ezt az infographic népszerűvé?

Példák a valós életre: Az Infographic típusai

Ezeket a kérdéseket kell feltennie, amikor a mintákat böngészi.

Kávé italok illusztrált

Kávé italok illusztráltForrás: lokeshdhakar.com

Terepi útmutató rajongók számára 

PC World Fan Boys terepi útmutatóForrás: PC World

A legjobb sör Amerikában 2008

A legjobb sör AmerikábanForrás: Mikewithart.com

Időszakos táblázatok

Betűtípusok táblája

Kibocsátó Tracker

Kibocsátó TrackerForrás: New York Times

A telefon fejlődése

Idővonal infographicsForrás: Pow Wow Now

Bejelentkezés grafikon

grafikon infographicForrás: Négy tér

Mélyebbre ásni

Több tucat érdekes blogot és weboldalt csaptam be a témához kapcsolódóan, amikor kutattam a posztért. Komolyan, annyi van, amit olvasni és tanulni lehet, és játszani lehet! Soha nem tudtam, hogy olyan sok adat áll rendelkezésre szabadon a Gap Minder és a Better World Fluxról; Sokat olvastam olyan informatív webhelyekről / blogokról, mint az UX Booth (nem egészen az adatmegjelenítéshez kapcsolódik, de rengeteg hasznos cikk található meg arról, hogy a vizualizációk hogyan javítják a webes felhasználói élményt), dinamikus diagramok, áramló adatok; és mélyen csodálom az összes lenyűgöző művet, amely Randy Pinterest fórumán és a Chart Porn táblában jelenik meg.

Ha csak az adatok megjelenítésével foglalkozik, nagyon ajánlom, hogy látogassa meg a fent felsorolt ​​webhelyeket és blogokat.

Ha még nem használta ki az adatmegjelenítések erejét marketing kampányában, akkor itt az ideje a kezdésnek.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map