Как да направите красиви графики и инфографика за вашите сайтове?

Отхвърлена: _usort_terms_by_ID е остарялото от версия 4.7.0! Използвайте wp_list_sort () вместо това. в /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php на линия 4713


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

Хората обичат бърза, лесно достъпна информация, а инфографиката предоставя точно този тип визуализация на данните. Дори сложните данни са по-лесни за разбиране, когато се комбинират с пай диаграма, графика или снимка.

Според инфографика от Top Marketing Schools, една инфография има потенциал да достигне около 15 милиона души.

Защо инфографика?

Маркетинговата компания Bell Pottinger отбеляза 55% увеличение на бизнес бюджетите за цифрови артикули като инфографика.

В инфографиката за инфографиката Unbounce заявява, че броят на хората, които търсят инфографика, е отбелязал ръст от 800% през последните две години. При подобна статистика е трудно да се отрече, че визуализациите на данни под формата на инфографика са добро съдържание / маркетинг за уебсайтове и блогове.

Полза №1 – нови посетители

Добавянето на инфографика привлича нови посетители на сайта по няколко начина.

  • Уеб търсения: Потребителите на интернет могат да правят проучвания по темата, в която е инфографиката ви. Ако сте единственият сайт, който има инфографика защо боровинките ви правят по-умни, тогава ще получите трафика от всеки, който търси инфографика по тази тема. Тези, които търсят конкретно изображения, могат да попаднат и на вашата инфографика.
  • Социална медия: Инфографиката от Топ маркетинг училища, показваща, че традиционната публикация получава около 75 туитове, докато инфографката получава почти 600. Тъй като хората са толкова по-склонни да споделят вашата инфографика в Twitter, отколкото обикновена публикация, потенциалът ви да достигнете до нови посетители чрез социални медиите са огромни.

Nielson / Norman Group изчислява, че средното посещение на страницата продължава под една минута. Освен ако не вземете интереса на читателя, тя ще прегледа страницата ви и ще премине към следващия сайт.

Посетителите на сайта имат навика да превъртат информация и новини. Това е още една причина, поради която инфографиката работи толкова добре, за да привлече интереса на читателя. Визуалното представяне на интересен факт е по-бърз начин за представяне на информация, отколкото абзаци от текст. Читателите могат да прехвърлят вашата инфографика бързо, да усвоят необходимата информация и ще останат малко по-дълго, за да проверят какво още имате да предложите или да отметите вашия сайт за по-късна употреба.

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

Друго, което обаче трябва да се има предвид е, че докато инфографиката добавя стойност, тежките изображения, които отнемат дълго време, могат да служат за прогонване на посетителите. Изследване на Pew Internet изчислява, че средният посетител на сайта очаква да се зареди дадена страница под три секунди. Колкото по-бързо се зарежда сайтът ви, толкова по-добри ще бъдат вашите проценти на реализация.

Съвсем балансиращият акт е да се уверите, че вашият сайт предлага визуално богато изживяване, докато все още зареждате мълнии. Най-добрият начин да постигнете това е с бързи сървъри и оптимизирани изображения. Ще забележите в нашите отзиви за уеб хостинг, ние наблягаме много на скоростта и правим многобройни тестове за скорост, когато оценяваме уеб хост.

Полза №2 – Запазване на посетителите

Nielson / Norman Group изчислява, че средното посещение на страницата продължава под една минута. Освен ако не вземете интереса на читателя, тя ще прегледа страницата ви и ще премине към следващия сайт.

Посетителите на сайта имат навика да превъртат информация и новини. Това е още една причина, поради която инфографиката работи толкова добре, за да привлече интереса на читателя. Визуалното представяне на интересен факт е по-бърз начин за представяне на информация, отколкото абзаци от текст. Читателите могат да прехвърлят вашата инфографика бързо, да усвоят необходимата информация и ще останат малко по-дълго, за да проверят какво още имате да предложите или да отметите вашия сайт за по-късна употреба.

Друго, което обаче трябва да се има предвид е, че докато инфографиката добавя стойност, тежките изображения, които отнемат дълго време, могат да служат за прогонване на посетителите. Изследване на Pew Internet изчислява, че средният посетител на сайта очаква да се зареди дадена страница под три секунди. Колкото по-бързо се зарежда сайтът ви, толкова по-добри ще бъдат вашите проценти на реализация.

Съвсем балансиращият акт е да се уверите, че вашият сайт предлага визуално богато изживяване, докато все още зареждате мълнии. Най-добрият начин за постигане на това е с бързи уеб хостинг сървъри и оптимизирани изображения. Ще забележите, че ние наблягаме много на бързината в нашите хостинг отзиви – вижте прегледа на A2 хостинг например или разгледайте другите ни отзиви, за да видите кой уеб хост най-добре отговаря на нуждите ви от скорост.

Полза №3 – Добавяне на орган

50% от мозъка ни участва във визуална обработка (източник).

Повечето хора са визуални учащи. NeoMam е събрал проучвания от източници като Google Trends, Nielson и Pearson, които предполагат, че 70 процента от сензорните рецептори са разположени в очите и хората могат да влязат и осмислят визуална сцена за малко под 1/10 от секундата.

Хората са склонни да вярват на това, което виждат, защото го разбират по-добре. Изследването и архивирането му във вашата инфографика може да добави авторитет към вашата марка. Бъди сигурен за:

  • Предлагайте солидна статистика
  • Добавете добре уважавани ресурси в долната част на инфографиката
  • Добавете графики и диаграми, които визуално показват тези статистически данни

Когато комбинирате визуалните сетива с интерактивни функции, като например NeoMam инфографиката, от която идва тази статистика, вие не само улавяте интереса на вашия читател, но го ангажирате.

Какво забелязвате повече? Забелязвате ли обикновена графика на страницата или тази, която се движи, мига или може да започне видео?

Какво прави добра инфография?

Движейки се напред, днес ще разгледаме някои от най-добрите ресурси и инструменти за визуализация на данни. Без значение, че сте случаен блогър, който просто иска да създаде красива инфографика за целите на брандирането или кариерен графичен дизайнер, който трябва да копае по-дълбоко в тази област; Сигурен съм, че ще намерите тази публикация полезна.

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

Като цяло добра част от визуализацията на данни се състои от три основни елемента:

  1. Значителни данни,
  2. Правилен дизайн на информация и
  3. Красива графика.

Имайте предвид, че въпреки че инфографиката и диаграмите са склонни да привличат вниманието от потребителите на блогсферата и социалните медии; те трябва да правят повече от просто популяризиране на марката – Инфографика и диаграми предполагат да предоставят скучни и разхвърлени данни по удобен за потребителя начин..

Следователно, преди да създадете графика или инфографика, ще трябва 1) да организирате, филтрирате и прецизирате данните си; 2) Решете как да представите вашите данни (известен също като дизайн на визуализации на данни).

Извличане на данни

Въведете OpenRefine – мощен инструмент за извличане на данни, който ни спестява да организираме нашите данни ред по ред в Excel Worksheet. По-рано известен като Google Refine (и Freebase Gridworks), този инструмент помага на потребителите да изследват и изчистват данните, превръщайки данните от един формат в друг и разширявайки ги с различни уеб услуги.

В случай, че работите с някои масивни неподредени данни, OpenRefine определено трябва да има във вашия инструментариум. Инструментът в момента се хоства в GitHub, можете да посетите тази страница за цялата необходима информация и помощ. За по-нататъшно проследяване и последни новини, трябва да разгледате и неговия новосъздаден уебсайт на адрес http://openrefine.org/

Представяне на данни

След като сте готови с вашите данни, е време да решите как ще ги представите на зрителите.

Има безброй подходи за постигане на това: Диаграма на диаграма, диаграма, линейна графика, хистограми, топлинна карта, диаграма на потока, периодична таблица и т.н. Всеки от тези подходи е идеално подходящ за определен тип данни (и мирише лошо, ако се използва неправилно).

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

По този въпрос Visual Literacy изгради изключително удобна периодична таблица за всички опции, които можете да използвате за визуализиране на вашите данни (вижте по-долу).

Обърнете внимание, че периодичната таблица показва редица интересни примери, когато прехвърляте мишката, така че бъдете сигурни, че преглеждате действителната таблица в сайта.

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

В случай, че търсите нетрадиционни подходи, тогава трябва да разгледате тази страхотна статия за Smashing Magazine. Публикацията е публикувана преди време, но все пак ми е много полезна.

Инфографики и инструменти за зареждане, които да използвате

Веднага щом приключите с информационната архитектура, е време за истинска продукция. Направата на добре изглеждаща диаграма от необработени данни никога не е лесна задача, за щастие има безброй инструменти, за да свършите работата.

Да, безброй брой инструменти за визуализация на данни. Съществуват изчерпателни инструменти, които генерират интерактивна графика от сложни данни; има и лесни уеб приложения, които не правят нищо друго освен генерират прости двуосни линейни графики.

По практическа причина ще разгледаме и двете страни и ще изброим множество графични инструменти както за предварително, така и за случайни потребители.

Инструменти за предварително диаграмиране

Първо, нека да разгледаме някои от предварителните неща.

1. ggPlot2 и R

R и ggplot2

R е компютърен език и среда за манипулиране на данни, изчисление и графичен дисплей. ggplot2, от друга страна, е начертаваща система за R, която помага за създаването на сложна многослойна графика. HeatMap по-горе например е изграден с помощта на ggplot2 и R.

Ако желаете да научите R и ggplot2, LearnR е чудесен блог за по-нататъшно четене (въпреки че блогът не е актуализиран от известно време).

2. jqPlot

jqPlot

jqPlot е плъгин за графики и графики за рамката на jQuery Javascript. jqPlot създава красиви линии, ленти и диаграми за пай. Инструментът се предлага с някои приятни функции като генериране на интерактивни точки, които могат да бъдат коригирани от потребителите в уеб браузърите. Въпреки това, заслужава да се отбележи, че този инструмент не е тестван щателно и може да не се поддържа от определени уеб браузъри – а именно Chrome и IE под 7.

3. JP Graph

JP Graph

JP Graph е PHP-управляван графичен инструмент, който поддържа различни типове сюжети. В случай, че пишете програма за PHP, която се нуждае от библиотека, създаваща графики, това е нещо, което трябва да разгледате. Не бих казал, че JP Graph е лесен инструмент за начинаещи, но инструментът (или PHP библиотеката) идва много полезен, когато трябва да генерирате графики и диаграми от вашия уеб сървър. JP Graph е безплатен за некомерсиална употреба и ще ви трябва уеб сървър, който поддържа PHP 4.3.x или по-висока.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit е библиотека, разработена от Никола Гарсия Белмонт. Библиотеката се предлага с богат набор от възможности за визуализация и е напълно безплатна за използване.

 5. IBM Analytics (известен по-рано като Many Eyes)

IBM Analytics е безплатен инструмент, който позволява на потребителя да създава визуализации от почти всеки вид данни.

Хоствано на сървърите на IBM, Many Eyes прави повече от визуализация на данни – позволява на потребителите да качват собствен набор от данни, както и да генерират нов модел за визуализация въз основа на всички данни, съхранявани на сървъра.

6. Google Chart

Google Chart

Google Chart е безплатен, мощен, гъвкав и се поддържа от много други инструменти за разработчици.

Диаграмите в Google Chart са базирани само на технологията HTML5 / SVG; инструментът помага да се създават диаграми в различни формати с красива анимация и интерактивни контроли.

7. Ос

ос

Axiis е рамка за визуализация на данни с отворен код, разработена от Том Гонсалес и Майкъл ВанДаникър. Инструментът е специално създаден както за начинаещи, така и за експерти. Axiis предоставя както предварително изградени компоненти за визуализация, така и абстрактни модели на оформление и класове за изобразяване, които ви позволяват да създавате свои собствени уникални визуализации.

Лесни инструменти за инфографики за начинаещи

Наистина, повечето блогъри (включително и аз) не се нуждаят от всеобхватни инструменти за диаграми по-горе за своите редовни блог операции. По-често всичко, от което се нуждаем, е лесно уеб приложение или прост инструмент, за да свършим бързо работата.

Имайки предвид казаното, ето списъкът с инструменти за създаване, които изискват много малко усилия за обучение и удобство за потребителя.

1. Визме

visme

Visme е платформа „Направи си сам“, която позволява на потребителите да създават професионални презентации и инфографика.

Повече от 350 000 индивиди и организации (включително потребители от големи компании като IBM и Disney) използват инструмента за комуникация по-добре чрез интерактивна графика и презентации.

2. Венгедж

Venngage е удобен за използване визуален инструмент, който съществува от 2011 г. Инструментът предлага лесен начин за създаване на инфографики с редактор с плъзгане и пускане, платно в свободна форма и 1000+ примера и предварително изградени шаблони.

3. Easel.ly

Easel.ly

Easel.ly помага лесно и лесно да създавате и споделяте визуални данни онлайн. Уеб приложението се предлага в прост интерфейс с някои предварително зададени шаблони и функции за плъзгане и пускане. Въпреки че Easel.ly все още е в бета режим, но вече има повече от 130 000 създадени от потребителите визуализации на своя сървър.

4. Vizualize.me

VIsualize.me

Vizualize.me помага за създаването на красива инфографика за хората (да, оттук и името Vizualize Me). Това е забавно средство, с което можете да играете и създава красиво възобновяване или профил само с няколко кликвания. В случай, че сте на LinkedIn, наистина трябва да изпробвате това – инструментът е в състояние да се свърже с вашия профил в LinkedIn и генерира зашеметяваща графика въз основа на вашите данни.

5. Холи

Hohli

Нуждаете се от обикновен конструктор на диаграми? Тогава Холи е мястото за посещение. Това уеб приложение поддържа различни видове диаграми в дванадесет различни размера – всички потребители трябва да отидат е да въведат данните и детайлите на дизайна.

6. Пиктограма

Piktochart е базиран на шаблони инфографски инструменти, които помагат на дизайнерите да създават красиви графики и графики.

Инструментът поддържа функции за плъзгане и пускане и предоставя широк избор в предварително зададени шаблони, икони, вектори и изображения. Ако търсите лесен графичен инструмент и нямате нищо против да плащате малки такси за услугата, Piktochart определено е един от най-добрите ви избори.

Преди да започнете: Инфографика вдъхновения

Значи готови ли сте да създадете някаква своя собствена инфографика? Изчакайте. Имаме още малко да отидем тук.

Ето някои от най-популярните инфографика и графики, заснети от Интернет.

Доста съм сигурен, че сте виждали някои от тях в социалните мрежи в миналото – което доказва, че доста графика със смислени данни!

Освен това има причини, поради които галериите с инфографика са толкова тежки за трафик в наши дни.

Позовавайки се на творбите на другите, ние научаваме какво работи добре с публиката.

  • Какъв е средният размер за популярна инфографика?
  • Какъв тип тема е най-добре приветствана от зрителите?
  • Ако включите в диаграмите си колкото се може повече данни?
  • Колко точки на куршума трябва да покриете във вашата инфографика?
  • Какво прави тази инфографика популярна?

Примери от реалния живот: Видове инфографики

Това са въпросите, които трябва да зададете, когато разглеждате пробите.

Кафе напитки илюстрирани

Кафе напитки илюстрираниИзточник: lokeshdhakar.com

Полево ръководство за момчетата на фен 

Ръководство за полето на PC World Fan BoysИзточник: PC World

Най-добрата бира в Америка 2008 г.

Най-добрата бира в АмерикаИзточник: Mikewithart.com

Периодични таблици на шрифтове

Таблица на шрифтовете

Проследяване за спасяване

Проследяване за спасяванеИзточник: New York Times

Еволюцията на телефона

Инфографика на времевата линияИзточник: Pow Wow Now

Check in Graph

графична инфографияИзточник: Four Square

Копае по-дълбоко

Натрапих на десетки интересни блогове и уебсайтове, свързани с нашата тема, когато правех изследванията си за тази публикация. Сериозно, има толкова много за четене и учене и игра! Никога не знаех, че има толкова много данни, достъпни свободно за Gap Minder и Better World Flux; Чел съм много в информационни сайтове / блогове като UX Booth (не е свързан изцяло с визуализацията на данните, но има много полезни статии за това как визуализациите подобряват изживяването в мрежата на потребителите), динамичните диаграми, поточните данни; и аз дълбоко се възхищавам на всички изумителни творби, показани на дъската на Pinterest и на Chart Porn.

Ако започвате само с визуализацията на данни, горещо ви препоръчвам да посетите изброените по-горе сайтове и блогове.

Ако не сте използвали силата на визуализациите на данни във вашата маркетингова кампания, сега е моментът да започнете.

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