Ako vytvoriť krásne grafy a infografiky pre vaše stránky?

zastarané: _usort_terms_by_ID je zastaraný od verzie 4.7.0! Namiesto toho použite wp_list_sort (). v /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php on-line 4713

Ak je internet jedna vec, je vizuálna.

Ľudia milujú rýchle a ľahko dostupné informácie a infografiky poskytujú práve tento typ vizualizácie údajov. Dokonca aj zložité údaje sú ľahšie pochopiteľné, keď sa kombinujú s koláčovým grafom, grafom alebo fotografiou.

Podľa infographic Top Marketing School má infographic potenciál osloviť približne 15 miliónov ľudí.

Prečo Infografika?

Marketingová spoločnosť Bell Pottinger zaznamenala 55% nárast obchodných rozpočtov pre digitálne predmety, ako sú infografiky.

V infografii o infografike Unbounce uvádza, že počet ľudí hľadajúcich infografiku zaznamenal za posledné dva roky nárast o 800%. Vďaka takýmto štatistikám je ťažké poprieť, že vizualizácia údajov vo forme infografiky predstavuje dobrý obsah / marketing webových stránok a blogov..

Benefit # 1- Noví návštevníci

Pridanie infografiky pritiahne nových návštevníkov stránok niekoľkými spôsobmi.

  • Vyhľadávanie na webe: Používatelia internetu môžu robiť prieskumy týkajúce sa témy, na ktorej sa nachádzate. Ak ste jediný web, ktorý má infographic o tom, prečo vás čučoriedky robia múdrejším, získate návštevnosť od každého, kto hľadá infographic na túto tému. Tí, ktorí hľadajú konkrétne obrázky, môžu naraziť aj na váš infographic.
  • Sociálne médiá: Infographic od Top Marketing School naznačuje, že tradičný príspevok dostane asi 75 tweetov, zatiaľ čo infographic dostane takmer 600. Keďže ľudia majú oveľa väčšiu pravdepodobnosť, že zdieľajú váš infographic na Twitteri ako jednoduchý príspevok, váš potenciál osloviť nových návštevníkov prostredníctvom sociálnych sietí médiá sú obrovské.

Nielson / Norman Group odhaduje, že priemerná návšteva stránky trvá menej ako minútu. Ak nechcete zaujať čitateľa, bude sa pozerať na vašu stránku a prejsť na ďalšiu stránku.

Návštevníci stránok zvyknú vyhľadávať informácie a správy. To je ďalší dôvod, prečo infografiky fungujú tak dobre, aby upútali záujem čitateľa. Vizuálna reprezentácia zaujímavého faktu je rýchlejší spôsob prezentácie informácií ako odseky textu. Čitatelia môžu rýchlo skombinovať váš infographic, absorbovať potrebné informácie a zostať o niečo dlhšie, aby zistili, čo ešte máte čo ponúknuť, alebo si môžu vaše stránky uložiť ako záložku pre neskoršie použitie..

Technická výzva pre poskytovanie infografických informácií bohatých na informácie

Ďalšou vecou, ​​na ktorú treba pamätať, je, že zatiaľ čo infografika prináša pridanú hodnotu, ťažké obrázky, ktoré sa načítajú príliš dlho, môžu slúžiť na odvádzanie návštevníkov. Prieskum spoločnosti Pew Internet odhaduje, že priemerný návštevník očakáva, že sa stránka načíta za menej ako tri sekundy. Čím rýchlejšie sa načítava vaše stránky, tým lepšie budú vaše miery konverzie.

Je to celkom vyváženie, aby ste sa uistili, že vaše stránky ponúkajú vizuálne bohatý zážitok a zároveň stále načítavajú blesky. Najlepším spôsobom, ako to dosiahnuť, sú rýchle servery a optimalizované obrázky. Pri našich hodnoteniach webhostingu si všimnete, že pri hodnotení hostiteľa webu kladieme veľký dôraz na rýchlosť a robíme početné testy rýchlosti.

Prínos č. 2 – udržanie návštevníkov

Nielson / Norman Group odhaduje, že priemerná návšteva stránky trvá menej ako minútu. Ak nechcete zaujať čitateľa, bude sa pozerať na vašu stránku a prejsť na ďalšiu stránku.

Návštevníci stránok zvyknú vyhľadávať informácie a správy. To je ďalší dôvod, prečo infografiky fungujú tak dobre, aby upútali záujem čitateľa. Vizuálna reprezentácia zaujímavého faktu je rýchlejší spôsob prezentácie informácií ako odseky textu. Čitatelia môžu rýchlo skombinovať váš infographic, absorbovať potrebné informácie a zostať o niečo dlhšie, aby zistili, čo ešte máte čo ponúknuť, alebo si môžu vaše stránky uložiť ako záložku pre neskoršie použitie..

Ďalšou vecou, ​​na ktorú treba pamätať, je, že zatiaľ čo infografika prináša pridanú hodnotu, ťažké obrázky, ktoré sa načítajú príliš dlho, môžu slúžiť na odvádzanie návštevníkov. Prieskum spoločnosti Pew Internet odhaduje, že priemerný návštevník očakáva, že sa stránka načíta za menej ako tri sekundy. Čím rýchlejšie sa načítava vaše stránky, tým lepšie budú vaše miery konverzie.

Je to celkom vyváženie, aby ste sa uistili, že vaše stránky ponúkajú vizuálne bohatý zážitok a zároveň stále načítavajú blesky. Najlepším spôsobom, ako to dosiahnuť, je rýchly webhostingový server a optimalizované obrázky. Všimnite si, že v našich hodnoteniach hostingu kladieme veľký dôraz na rýchlosť – pozrite si napríklad príklad Recenzie Hosting hostingu alebo si pozrite naše ďalšie recenzie a zistite, ktorý webový hostiteľ najlepšie vyhovuje vašej potrebe rýchlosti..

Benefit # 3 – Pridať oprávnenie

50% nášho mozgu sa podieľa na vizuálnom spracovaní (zdroj).

Väčšina ľudí sa učia vizuálne. NeoMam zostavil výskum zo zdrojov, ako sú Google Trends, Nielson a Pearson, ktoré naznačujú, že 70 percent senzorických receptorov sa nachádza v očiach a ľudia môžu prijať a pochopiť vizuálnu scénu za menej ako 1/10 sekundy.

Ľudia majú tendenciu uveriť tomu, čo vidia, pretože to lepšie chápu. Vykonávanie prieskumu a jeho zálohovanie v infographic môže pridať vašej značke autoritu. Nezabudnite:

  • Ponúknite spoľahlivé štatistiky
  • Pridajte dobre rešpektované zdroje v dolnej časti infographic
  • Pridajte grafy a grafy, ktoré zobrazujú tieto štatistiky vizuálnym spôsobom

Keď skombinujete vizuálne zmysly s interaktívnymi funkciami, ako je napríklad infographic NeoMam, z ktorého tieto štatistiky pochádzajú, nielen zaujmete čitateľa, ale zapojíte ho.

Čo si všimnete viac? Všimli ste si na stránke obyčajnú grafiku alebo tú, ktorá sa pohybuje, bliká alebo možno začína video?

Čo robí dobrý infographic?

V budúcnosti sa pozrieme na niektoré z najlepších zdrojov a nástrojov na vizualizáciu údajov dnes. Bez ohľadu na to, či ste príležitostný bloger, ktorý jednoducho chce vytvoriť nejakú nádhernú infografiku na účely budovania značky, alebo kariérny grafik, ktorý sa musí hlbšie venovať tejto oblasti; Som si istý, že tento príspevok bude pre vás užitočný.

Informačná architektúra

Dobrá vizualizácia údajov sa vo všeobecnosti skladá z troch hlavných prvkov:

  1. Zmysluplné údaje,
  2. – správne vzory informácií a –
  3. Krásna grafika.

Majte na pamäti, že hoci infografi a grafy majú tendenciu upútať pozornosť používateľov blogov a sociálnych médií; mali by robiť viac, než len propagovať značku – infografiky a grafy majú predovšetkým prinášať nudné a chaotické údaje užívateľsky prívetivým spôsobom.

Pred vytvorením grafu alebo infographic budete teda musieť: 1) usporiadať, filtrovať a vylepšovať svoje údaje; 2) Rozhodnite sa, ako prezentovať svoje údaje (aka, návrhy vizualizácie dát).

Ťažba dát

Zadajte OpenRefine – výkonný nástroj na získavanie údajov, ktorý nás chráni pred usporiadaním našich údajov riadok po riadku v pracovnom hárku programu Excel. Tento nástroj, ktorý sa predtým nazýva Google Refine (a Freebase Gridworks), pomáha používateľom skúmať a čistiť údaje, transformovať ich z jedného formátu do druhého a rozširovať ich o rôzne webové služby..

V prípade, že pracujete s rozsiahlymi neusporiadanými údajmi, OpenRefine určite musí mať vo vašej súprave nástrojov. Tento nástroj je momentálne hostený na serveri GitHub, môžete navštíviť túto stránku, kde nájdete všetky potrebné informácie a pomoc. Ak chcete získať ďalšie informácie a najnovšie správy, mali by ste si pozrieť aj novo spustenú webovú stránku http://openrefine.org/

Prezentácia údajov

Akonáhle budete pripravení na svoje údaje, je čas rozhodnúť sa, ako ich budete prezentovať divákom.

Na dosiahnutie tohto cieľa existuje nespočetné množstvo prístupov: koláčový graf, diagram, čiarový graf, histogramy, tepelná mapa, vývojový diagram, periodická tabuľka atď. Každý z týchto prístupov sa perfektne hodí pre určitý typ údajov (a pri nesprávnom použití zle smrdí).

Ako by ste mali prezentovať svoje údaje, aby bola vaša štatistika krásna, pútavá a ľahko zrozumiteľná?

V súvislosti s týmto problémom spoločnosť Visual Literacy zostavila mimoriadne užitočnú periodickú tabuľku so všetkými možnosťami, ktoré môžete použiť na vizualizáciu údajov (pozri nižšie)..

Upozorňujeme, že v periodickej tabuľke sa zobrazuje niekoľko zaujímavých príkladov, keď prejdete kurzorom myši. Nezabudnite teda zobraziť aktuálnu tabuľku na webe..

Periodická tabuľka vizualizácie údajov

V prípade, že ste hľadali netradičné prístupy, mali by ste si pozrieť tento úžasný článok o magazíne Smashing. Príspevok je uverejnený pred časom, ale napriek tomu sa mi zdá veľmi užitočný.

Infographic and Charging Tools to Use

Akonáhle ste hotoví s informačnou architektúrou, je čas na skutočnú produkciu. Vytváranie dobre vyzerajúcich grafov zo surových údajov nie je nikdy ľahká úloha, našťastie existuje nespočetné množstvo nástrojov na dokončenie práce.

Áno, nespočetné množstvo nástrojov na vizualizáciu údajov. Existujú komplexné nástroje, ktoré generujú interaktívnu grafiku z komplexných údajov; existujú aj jednoduché webové aplikácie, ktoré nerobia nič iné ako generujú jednoduché dvojosové čiary.

Z praktického dôvodu sa pozrieme na obe strany a uvedieme niekoľko grafických nástrojov pre pokročilých aj príležitostných používateľov.

Advance Charting Tools

Najprv sa pozrime na niektoré z predstihov.

1. ggPlot2 a R

R a ggplot2

R je počítačový jazyk a prostredie na manipuláciu s údajmi, výpočet a grafické zobrazenie. Na druhej strane ggplot2 je plotovací systém pre R, ktorý pomáha vytvárať zložitú viacvrstvovú grafiku. Napríklad vyššie uvedená HeatMap je zostavená pomocou ggplot2 a R.

Ak sa zaujímate o výučbu R a ggplot2, LearnR je skvelý blog na ďalšie čítanie (hoci blog nebol nejaký čas aktualizovaný).

2. jqPlot

jqPlot

jqPlot je doplnok pre vykresľovanie a mapovanie pre rámec jQuery Javascript. jqPlot vytvára prekrásne čiarové, stĺpcové a koláčové grafy. Tento nástroj je dodávaný s niektorými peknými funkciami, ako je generovanie interaktívnych bodov, ktoré môžu upravovať používatelia webových prehliadačov. Je však potrebné poznamenať, že tento nástroj nie je dôkladne testovaný a niektoré webové prehliadače nemusia byť podporované – konkrétne prehliadač Chrome a IE pod 7..

3. JP Graph

JP Graf

JP Graph je nástroj na vytváranie grafov založený na PHP, ktorý podporuje rôzne typy grafov. V prípade, že píšete program PHP, ktorý potrebuje knižnicu na vytváranie grafov, mali by ste sa na to pozrieť. Nepovedal by som, že JP Graph je jednoduchý nástroj pre začiatočníkov, ale tento nástroj (alebo knižnica PHP) je veľmi užitočný, keď potrebujete generovať grafy a grafy z webového servera. JP Graph je zadarmo pre nekomerčné použitie a budete potrebovať webový server, ktorý podporuje PHP 4.3.x alebo novší.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit je knižnica, ktorú vyvinula Nicolas Garcia Belmont. Knižnica je dodávaná so širokou škálou možností vizualizácie a je úplne zadarmo používať.

 5. IBM Analytics (predtým známy ako Mnoho očí)

IBM Analytics je bezplatný nástroj, ktorý užívateľovi umožňuje vytvárať vizualizácie z takmer všetkých druhov údajov.

Mnoho serverov hostených na serveroch IBM robí viac než len vizualizáciu dát – umožňuje používateľom nahrávať vlastné súbory údajov a generovať nový vizualizačný model založený na akýchkoľvek údajoch uložených na serveri..

6. Google Chart

Graf Google

Google Chart je bezplatný, výkonný, flexibilný a podporuje ho množstvo ďalších vývojových nástrojov.

Mapovanie na Google Chart je čisto založené na technológii HTML5 / SVG; nástroj pomáha vytvárať grafy v rôznych formátoch s prekrásnou animáciou a interaktívnymi ovládacími prvkami.

7. Os

os

Axiis je open source framework na vizualizáciu dát, ktorý vyvinuli Tom Gonzalez a Michael VanDaniker. Tento nástroj je špeciálne navrhnutý pre začiatočníkov aj skúsených vývojárov. Axiis poskytuje preddefinované komponenty vizualizácie, ako aj abstraktné vzory rozloženia a triedy vykresľovania, ktoré vám umožňujú vytvárať si vlastné jedinečné vizualizácie.

Jednoduché Infographic nástroje pre začiatočníkov

Je pravda, že väčšina blogerov (vrátane mňa) nepotrebuje vyššie uvedené komplexné nástroje na tvorbu grafov pre svoju pravidelnú činnosť v blogovaní. Častejšie potrebujeme jednoduchú webovú aplikáciu alebo jednoduchý nástroj na rýchle vykonanie práce.

Tu je uvedený zoznam nástrojov na vytváranie, ktoré si vyžadujú veľmi malé úsilie v oblasti učenia a sú užívateľsky prívetivé.

1. Visme

vismo

Visme je platforma pre domácich majstrov, ktorá umožňuje používateľom vytvárať profesionálne prezentácie a infografiky.

Nástroj na lepšiu komunikáciu prostredníctvom interaktívnej grafiky a prezentácií využíva viac ako 350 000 jednotlivcov a organizácií (vrátane používateľov z veľkých spoločností ako IBM a Disney)..

2. Venngage

Venngage je používateľsky prívetivý vizuálny nástroj, ktorý existuje už od roku 2011. Tento nástroj ponúka jednoduchý spôsob, ako vytvoriť infographic pomocou editora drag-and-drop, voľne tvarovaného plátna a 1 000+ príkladov a vopred vytvorených šablón..

3. Ľahko

Easel.ly

Easel.ly pomáha vytvárať a zdieľať vizuálne dáta ľahko online. Webová aplikácia je dodávaná v jednoduchom rozhraní s niektorými prednastavenými šablónami a funkciami drag-and-drop. Aj keď je server Easel.ly stále v beta verzii, na serveri už obsahuje viac ako 130 000 používateľov vytvorených vizuálov.

4. Vizualize.me

VIsualize.me

Vizualize.me pomáha vytvárať nádherné infografiky o jednotlivcoch (áno, odtiaľ názov Vizualize Me). Je to zábavný nástroj, s ktorým si budete môcť pohrať. Vytvára krásny životopis alebo profil za pár kliknutí. V prípade, že ste na LinkedIn, mali by ste si to naozaj vyskúšať – nástroj je schopný prepojiť sa s vaším profilom LinkedIn a na základe vašich údajov vytvára ohromujúcu grafiku..

5. Hohli

Hohl

Potrebujete jednoduchý tvorca grafov? Potom je Hohli miestom k návšteve. Tieto webové aplikácie podporujú rôzne typy máp v dvanástich rôznych veľkostiach – všetci používatelia, ktorí musia ísť, musia vložiť údaje a podrobnosti o dizajne..

6. Piktochart

Piktochart je infographic nástroje založené na šablónach, ktoré pomáhajú iným ako návrhárom vytvárať nádherné grafiky a grafy.

Tento nástroj podporuje funkcie presúvania myšou a poskytuje široký výber v predvolených šablónach, ikonách, vektoroch a obrázkoch. Ak hľadáte jednoduchý grafický nástroj a nevadí vám zaplatiť malé poplatky za službu, Piktochart je určite jednou z vašich najlepších možností.

Skôr ako začnete: Inšpirovanie infografiky

Takže ste pripravení vytvoriť si vlastnú infografiku? Počkať. Stále tu máme ešte trochu viac.

Tu sú niektoré z najpopulárnejších infografík a grafov zachytených z internetu.

Som si istý, že ste ich v minulosti videli na sociálnych sieťach – čo dokazuje, že pekná grafika so zmysluplnými údajovými kartami!

Existujú tiež dôvody, prečo sú dnes infografické galérie tak intenzívne obchodované.

Keď sa budeme odvolávať na diela iných, dostaneme sa dozvedieť, čo s publikom funguje.

  • Aká je priemerná veľkosť obľúbeného infographic?
  • Ktorý typ témy diváci najviac vítajú?
  • Mali by ste do svojich grafov zahrnúť čo najviac údajov?
  • Koľko bodov by ste mali pokryť vo svojich infografikách?
  • Čo robí tento infographic populárnym??

Príklady zo skutočného života: Druhy Infographic

Toto sú otázky, ktoré si treba položiť pri prehľadávaní vzoriek.

Ilustrácie kávových nápojov

Ilustrácie kávových nápojovzdroj: lokeshdhakar.com

Terénny sprievodca pre chlapcov s ventilátorom 

Sprievodca poľom pre chlapcov z sveta PCzdroj: PC World

Najlepšie pivo v Amerike 2008

Najlepšie pivo v AmerikeZdroj: Mikewithart.com

Periodické tabuľky písiem

Tabuľka typov písma

Bailout Tracker

Bailout TrackerZdroj: New York Times

Vývoj telefónu

Infografika časovej osiZdroj: Pow Wow Now

V grafe č

graf infographicZdroj: Štyri štvorce

Hĺbenie

Keď som robil výskum pre tento príspevok, narazil som na desiatky zaujímavých blogov a webových stránok týkajúcich sa našej témy. Vážne je toho toho čo čítať, učiť sa a hrať sa s nimi! Nikdy som nevedel, že v službe Gap Minder a Better World Flux je voľne dostupných toľko údajov; Veľa som čítal na informatívnych stránkach / blogoch, ako je UX Booth (nesúvisí výlučne s vizualizáciou údajov, ale je tu veľa užitočných článkov o tom, ako vizualizácie zlepšujú dojem používateľov webu), Dynamic Diagrams, Flowing Data; a hlboko obdivujem všetky ohromujúce diela zobrazené na tabuli Randy’s Pinterest a Chart Porn.

Ak iba začínate vizualizáciou údajov, dôrazne vám odporúčame navštíviť vyššie uvedené weby a blogy.

Ak ste vo svojej marketingovej kampani nevyužili možnosti vizualizácie údajov, nastal čas začať.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me