Како направити лепе графике и инфографике за своје веб странице?

Чланак написао:
  • Феатуред Артицлес
  • Ажурирано: окт. КСНУМКС, КСНУМКС

Објава: _усорт_термс_би_ИД је застарела од верзије КСНУМКС! Уместо тога користите вп_лист_сорт (). у /хоме/КСНУМКС.цлоудваисаппс.цом/вмдтванпит/публиц_хтмл/вп-инцлудес/фунцтионс.пхп он лине КСНУМКС

Ако је Интернет једна ствар, она је визуелна.

Људи воле брзу, лако доступну информацију и инфографика пружа управо ту врсту визуализације података. Чак и сложени подаци лакше су разумљиви када се комбинира са дијаграмом, графиком или фотографијом.

Према инфографији коју издају Топ Маркетинг Школе, инфографика има потенцијал да достигне око КСНУМКС милиона људи.

Зашто Инфограпхицс?

Маркетинг компанију, Белл Поттингер, уочио је повећање КСНУМКС% пословних буџета за дигиталне ставке као што је инфографика.

У инфографији о инфографији, Унбоунце наводи да је број људи који траже инфографику повећао КСНУМКС% у последње две године. Са таквим статистикама тешко је порећи да су визуализације података у облику инфографике добар садржај / маркетинг за веб странице и блогове.

Бенефит # КСНУМКС - Нови посетиоци

Додавање инфографике привлачи нове посетиоце на неколико начина.

  • Веб Сеарцхес: Корисници интернета можда истражују тему на којој се налази инфографика. Ако сте једини сајт који има инфографију о томе зашто вас боровнице чине паметнијим, добит ћете промет од било кога ко тражи инфографију на ту тему. Они који трагају за сликама могу наићи и на вашу инфографику.
  • Друштвени медији: Инфографски подаци из Топ маркетинг школа указују на то да традиционални пост добија твеетове КСНУМКС-а, док инфографика добија готово КСНУМКС. С обзиром на то да људи имају много већу вјероватноћу да деле своје инфографске податке на Твиттер-у него једноставан пост, ваш потенцијал да дођу до нових посетилаца путем друштвених медија је огроман.

Ниелсон / Норман Гроуп процењује да просечна посета страници траје мање од минуте. Осим ако не зграбите интерес читаоца, она ће погледати преко ваше странице и прећи на следећу локацију.

Посетиоци сајта имају навику да претражују информације и вести. Ово је још један разлог зашто инфографика функционише тако добро да се ухвати интерес читаоца. Визуелни приказ занимљиве чињенице је бржи начин представљања информација од параграфа текста. Читаоци могу брзо да пребаце вашу инфографију, апсорбују потребне информације и остат ће још мало времена да провере шта још имате да понудите, или да обележи ваш сајт за каснију употребу.

Технички изазов за послуживање инфографика богатих информацијама

Међутим, још једна ствар коју треба имати на уму је да, док инфографика дода вредност, тешке слике које трају пуно времена за учитавање могу послужити да се посјетиоци оду. Истраживање компаније Пев Интернет процењује да просечни посетилац очекује да се страница учита у року од три секунде. Што брже учитавање вашег сајта, то ће бити боље за ваше стопе конверзије.

То је прилично балансирајући чин како би се осигурало да ваш сајт нуди визуелно богато искуство док још увијек учитава муње. Најбољи начин да се то постигне је са брзим серверима и оптимизованим сликама. Приметићете у нашем веб хостинг критике, Ми наглашавамо много на брзини и обављамо бројне тестове брзине када оцењујемо веб хост.

Бенефит # КСНУМКС- Задржите посетиоце

Ниелсон / Норман Гроуп процењује да просечна посета страници траје мање од минуте. Осим ако не зграбите интерес читаоца, она ће погледати преко ваше странице и прећи на следећу локацију.

Посетиоци сајта имају навику да претражују информације и вести. Ово је још један разлог зашто инфографика функционише тако добро да се ухвати интерес читаоца. Визуелни приказ занимљиве чињенице је бржи начин представљања информација од параграфа текста. Читаоци могу брзо да пребаце вашу инфографију, апсорбују потребне информације и остат ће још мало времена да провере шта још имате да понудите, или да обележи ваш сајт за каснију употребу.

Међутим, још једна ствар коју треба имати на уму је да, док инфографика дода вредност, тешке слике које трају пуно времена за учитавање могу послужити да се посјетиоци оду. Истраживање компаније Пев Интернет процењује да просечни посетилац очекује да се страница учита у року од три секунде. Што брже учитавање вашег сајта, то ће бити боље за ваше стопе конверзије.

То је прилично балансирајући акт који осигурава да ваша веб локација нуди визуелно богато искуство, а притом и даље брзином муње. Најбољи начин да то постигнете је брзим веб хостинг серверима и оптимизованим сликама. Примјетићете да у нашим рецензијама за хостинг много наглашавамо брзину - погледајте АКСНУМКС Хостинг Ревиев на пример или погледајте и остале наше критике да видите који веб домаћин најбоље задовољава ваше потребе за брзином.

Бенефит #КСНУМКС - Додајте овлаштење

КСНУМКС% нашег мозга је укључено у визуелну обраду (извор).

Већина људи су визуелни ученици. НеоМам је саставио истраживања из извора попут Гоогле Трендова, Ниелсона и Пеарсон-а који сугеришу да је КСНУМКС проценат сензорних рецептора који се налазе у очима и да људи могу да приме и схвате визуелну сцену само под КСНУМКС / КСНУМКСтх секунде.

Људи верују у оно што виде јер боље разумеју. Истраживање и подршка у вашој инфографији могу додати ауторитет свом бренду. Будите сигурни да:

  • Понуди добру статистику
  • Додајте добро поштоване ресурсе на дну инфографије
  • Додајте графиконе и графиконе који приказују те статистике на визуелан начин

Када комбинујете визуелна чула са интерактивним карактеристикама, као што је НеоМам инфографика из које су дошле ове статистике, не само да ћете ухватити интерес читаоца, већ га и ангажовати.

Шта приметите више? Да ли примећујете обичну графику на страници или ону која се креће, трепери или можда започне видео?


Шта чини добру инфографију?

Крећући се напријед, истражићемо неке од најбољих ресурса и алата за визуализацију података данас. Без обзира на то да ли сте повремени блогер који једноставно жели да направи неке прелепе инфографике за сврхе брендирања или графички дизајнер каријере који треба да дубље уђе у ову област; Сигуран сам да ће вам овај пост бити користан.

Информације Архитектура

Уопштено говорећи, добар део визуелизације података састоји се од три главна елемента:

  1. Значајни подаци,
  2. Прави дизајн информација, и
  3. Лепа графика.

Имајте на уму да иако инфографика и графикони имају тенденцију да привуку пажњу од корисника блогова и корисника друштвених мрежа; они би требали учинити више од само промоције бренда - Инфограпхицс и графикони претпостављају да на првом месту испоручују досадне и неуредне податке.

Стога, раније креирање графикона или инфографског приказа, требаћете КСНУМКС) Организујте, филтрирајте и прецизирајте своје податке; КСНУМКС) Одлучите како представити своје податке (ака, дизајн визуализације података).

Дата Мининг

Унесите ОпенРефине - снажан алат за руковање подацима који нас штеди од организовања нашег редослиједа података по редовима на Екцеловом радном листу. Раније позната као Гоогле Рефине (и Фреебасе Гридворкс), ова алатка помаже корисницима да истражују и чисте податке, трансформишу податке из једног формата у други и проширују их различитим веб услугама.

У случају да радите са неким огромним неуређеним подацима, ОпенРефине дефинитивно мора имати у свом алатку. Алат тренутно хостује на ГитХуб-у, можете посетите ову страницу за све потребне информације и помаже. За даље праћење и најновије вести, такође требате погледати своју ново покренуту веб страницу http://openrefine.org/

Представљање података

Једном када будете спремни за своје податке, време је да одлучите како ћете их представити гледаоцима.

Постоји безброј приступа у постизању овога: Пие графикон, дијаграм, графикон линија, хистограми, мапа топлоте, протокола, периодичне таблице и тако даље. Сваки од ових приступа се савршено уклапа у одређене типове података (и лоше смрди ако је злоупотребљен).

Како бисте представили своје податке, тако да је ваша статистика лепа, привлачна и лако разумљива?

По овом питању, Визуелна писменост израдили изузетно згодну периодичну табелу о свим опцијама које можете користити за визуелизацију података (поглед испод).

Имајте на уму да периодична табела приказује бројне занимљиве примере када преврнеш миш, па будите сигурни да погледате стварну табелу на страници.

Периодична табела о визуализацији података

У случају да тражите нетрадиционалне приступе, онда би требало да проверите овај одличан чланак на Смасхинг магазину. Публикација је објављена пре неког времена али ипак, мени је веома корисна.


Инфографика и алати за пуњење

Чим завршите са информационом архитектуром, време је за праву производњу. Прављење доброг изгледа на основу необрађених података никада није лак задатак, срећом постоји безброј алата за обављање посла.

Да, безброј низа алата за визуелизацију података. Постоје свеобухватни алати који генеришу интерактивну графику из комплексних података; постоје и једноставне веб апликације које не чине ништа осим генеришу једноставне КСНУМКС-осне линије графикона.

Из практичног разлога, ми ћемо погледати обе стране и пописати више графичких алата за напредне и обичне кориснике.

Алати за унапређивање графикона

Прво, погледајмо неке од унапред припремљених ствари.

КСНУМКС. ггПлотКСНУМКС и Р

Р и ггплотКСНУМКС

R је рачунарски језик и окружење за манипулацију подацима, прорачун и графички приказ. ггплотКСНУМКС, с друге стране, је систем за кружење за Р који помаже у производњи комплексне вишеслојне графике. На пример, ХеатМап је изграђен користећи ггплотКСНУМКС и Р.

Ако сте заинтересовани за учење Р и ггплотКСНУМКС, ЛеарнР је одличан блог за даље читање (мада блог није ажуриран неко вријеме).

КСНУМКС. јкПлот

јкПлот

јкПлот је плуг-ин за цртање и цртање за јКуери Јавасцрипт оквир. јкПлот производи прелепе црте линија, трака и пита. Алат долази са неколико лепих карактеристика као што су генерисање интерактивних тачака које корисници могу подесити у веб прегледачима. Међутим, вреди приметити да овај алат није темељно тестиран и да га неки веб претраживачи не могу подржати - наиме, Цхроме и ИЕ испод КСНУМКС-а.

КСНУМКС. ЈП Граф

ЈП Граф

ЈП Граф је ПХП-ово графичко средство које подржава различите типове парцела. У случају да пишете ПХП програм који треба библиотеку за стварање графикона, ово би требало да размотрите. Не бих рекао да је ЈП Грапх једноставан алат за почетнике, али алат (или, ПХП библиотека) заиста помаже када морате да генеришете графиконе и графиконе са свог веб сервера. ЈП Грапх је бесплатан за некомерцијалну употребу и требат ће вам веб сервер који подржава ПХП КСНУМКС.к или новије верзије.

КСНУМКС. ЈС ИнфоВис Тоолкит

ЈаваСцрипт ИнфоВис Тоолкит

ЈаваСцрипт ИнфоВис Тоолкит је библиотека коју је развио Ницолас Гарциа Белмонт. Библиотека долази са широким спектром избора за визуелизацију и потпуно је бесплатна за употребу.

КСНУМКС. ИБМ Аналитицс (раније познат као Мани Еиес)

ИБМ Аналитицс је бесплатан алат који кориснику омогућава да креира визуелизацију из готово било које врсте података.

Хостед он ИБМ сервере, Мани Еиес чини више од само визуелизације података - омогућава корисницима да учитају сопствени скуп података и генеришу нови модел визуелизације на основу података који су смештени на серверу.

КСНУМКС. Гоогле Цхарт

гоогле Графикон

гоогле Графикон је бесплатан, моћан, флексибилан и подржан је од многих других алата за развијање.

Цхартинг на Гоогле Цхарт-у је искључиво базиран на ХТМЛКСНУМКС / СВГ технологији; алат помаже у изради графикона у различитим форматима са прекрасном анимацијом и интерактивним контролама.

КСНУМКС. Оса

Оса

Акиис је оквир за визуелизацију података отвореног кода који су развили Том Гонзалез и Мицхаел ВанДаникер. Алат је посебно дизајниран за почетнике и стручњаке. Акиис нуди и унапред инсталиране компоненте за визуелизацију, као и апстрактне шаблоне распореда и класе рендеринга који вам омогућавају да креирате сопствене јединствене визуелизације.

Еаси Инфограпхиц Алати за почетнике

Сасвим сигурно, већина блогера (укључујући и мене) не требају свеобухватне алатке за планирање за своје редовне операције блогирања. Често, све што нам је потребно је једноставна веб апликација или једноставна алатка за брзо обављање посла.

Са тим што се каже, овде је листа алата за креирање која захтева врло мало напора у учењу и корисницима.

КСНУМКС. Висме

висме

Висме је ДИИ платформа која корисницима омогућава креирање професионалних презентација и инфографике.

Више од КСНУМКС појединаца и организација (укључујући кориснике великих компанија као што су ИБМ и Диснеи) користе алат за боље комуницирање путем интерактивне графике и презентација.

КСНУМКС. Веннгаге

Веннгаге је корисничко визуелно средство које постоји од КСНУМКС-а. Алат нуди једноставан начин креирања инфографике помоћу едитор-а за превлачење и испуштање, платна слободног облика и КСНУМКС + примера и унапред уграђених шаблона.

КСНУМКС. Еасел.ли

Еасел.ли

Еасел.ли помаже у стварању и дељењу визуелних података лако на мрежи. Веб апликација долази у једноставном интерфејсу са неким пресетованим шаблонским оквирима и функцијама повлачења и испуштања. Иако је Еасел.ли и даље тренутно у бета режиму, већ на својим серверима већ има више од КСНУМКС-ова корисничких слика.

КСНУМКС. Визуализе.ме

ВИсуализе.ме

Визуализе.ме помаже да се створи прелепа инфографика о појединцима (да, отуда и назив Визуализе Ме). То је забавно средство с којим се можете играти и ствара прекрасан резиме или профил у само неколико кликова. У случају да сте на ЛинкедИн-у, то бисте заиста требали испробати - алат је у могућности да се повеже са вашим ЛинкедИн профилом и генерише запањујућу графику на основу ваших података.

КСНУМКС. Хохли

Хохли

Треба ли једноставног графичара? Онда Хохли је место за посјету. Ове веб апликације подржавају различите типове графикона у дванаест различитих величина - сви корисници треба да оду у кључне податке и податке о дизајну.

КСНУМКС. Пиктоцхарт

Пиктоцхарт је инфографски алат заснован на темплате-у који помаже не-дизајнерима да креирају лепу графику и графиконе.

Алат подржава функције повлачења и испуштања и пружа широк избор у унапред подешеним предлошцима, иконама, векторима и сликама. Ако тражите лаку графичку алатку и немојте плаћати малу накнаду за услугу, Пиктоцхарт је дефинитивно један од ваших најбољих избора.


Пре него што почнете: Инфограпхицс Инспиратионс

Да ли сте спремни да креирате неку од својих сопствених инфографика? Чекати. Још увек имамо још мало да идемо.

Ево неких најпопуларнијих инфографика и графикона снимљених са Интернета.

Прилично сам сигуран да сте у прошлости виђали неке од њих на друштвеним мрежама - што доказује да лепа графика са значајним подацима држи!

Такође, постоје разлози зашто су ових дана инфографске галерије тако тешке.

Позивајући се на туђа дела, сазнаћемо шта добро функционише са публиком.

  • Која је просечна величина популарне инфографије?
  • Коју врсту теме највише поздрављају гледаоци?
  • Да ли бисте укључили што више података колико можете у своје карте?
  • Колико метака треба да покријете у вашој инфографији?
  • Зашто је ова инфографија популарна?

Примери стварног живота: Типови инфографике

Ово су питања која треба поставити када прегледате узорке.

Илустроване кафе

Илустроване кафе
Извор: локесхдхакар.цом

Фиелд Гуиде Фор Фан Боис

ПЦ Ворлд Фан Боис Фиелд Водич
Извор: ПЦ Ворлд

Најбољи пиво у Америци КСНУМКС

Најбољи пиво у Америци
Извор: Микевитхарт.цом

Периодичне табеле типова

Таблица типова

Баилоут Трацкер

Баилоут Трацкер
Извор: Њујорк тајмс

Еволуција телефона

Тимелине Инфограпхицс
Извор: Пов Вов Нов

Цхецк Ин Грапх

граф инфографски
Извор: Фоур Скуаре

Копање дубље

Налетио сам на десетине занимљивих блогова и сајтова који су се односили на нашу тему када сам истраживао овај пост. Озбиљно, има пуно тога да читате и учите и играте! Никада нисам знао да на располагању има пуно података Гап Миндер и Беттер Ворлд Флук; Пуно сам прочитао на информативним сајтовима / блоговима као што су УКС Боотх (који нису у потпуности повезани са визуелизацијом података, али има пуно корисних чланака о томе како визуализације побољшавају искуство веб корисника), Динамички дијаграми, Фловинг Дата; и дубоко се дивим свим запањујућим радовима који су приказани Ранди-ова плоча Пинтерест и Графикон порнографије.

Ако само покрећете визуелизацију података, јако препоручујем да посетите сајтове и блогове наведене горе.

Ако у својој маркетиншкој кампањи не користите моћ визуелизације података, сада је време за почетак.

Абоут Јерри Лов

Оснивач ВебХостингСецретРевеалед.нет (ВХСР) - преглед хостинга који су поуздани и коришћени од стране корисника КСНУМКС-а. Више од КСНУМКС година искуства у веб хостингу, аффилиате маркетингу и СЕО. Сарадник за ПроБлоггер.нет, Бусинесс.цом, СоциалМедиаТодаи.цом и још много тога.