Фішка віртуальної реальностів тому, що для оточуючих ви виглядатимете ідіотом

Google's Cardboard Design Lab – хороший “підручник” для дизайнерів-початківців віртуальної реальності

Інфографіка - як гра-бродилка

Проблема з Unity в тому, що не так просто зробити хорошу річ під web

Віртуальна реальність – це як навушники для ваших очей

Віртуальна реальність вимагає безпечного оточення, ви не можете піти в неї "на ходу". Це обмежує можливості VR

Закривав сесію першої половини дня Archie Tseз The New York Times з провокаційною темою "Чому NYT робить менше інтерактивних робіт".

Робота NYT базується на трьох правилах візуального сторителлінгу:

1. Якщо читачеві потрібно клікнути, а не скролити, потім має статися щось надзвичайне.
2. Виходьте з того, що підказки і будь-які інші ефекти при наведенні, ніхто ніколи не побачить. Якщо контент важливий, зробіть так, щоб читач одразу його побачив.
3. Якщо ви хочете зробити щось інтерактивне, пам'ятайте — дорого буде зробити так, щоб це працювало на всіх платформах.

Вам доведеться перемалювати вашу графіку 2 або 3 рази, щоб усе працювало і на робочому столі, і на мобільних.

Як ці правила змінили підхід NYT:

1. Більшість візуалізацій тепер статичні
2. Текстів побільшало
3. Якщо рух у картинці потрібен — він з'являється під час скрола

(Четвертий пункт свідчить, що вони, як і раніше, роблять інтерактивні роботи. Але тепер привід має бути ДУЖЕ значимим).

Ми робили багатокроківки. Користувачі зупинялися на кроці 3. Читачі хочуть просто скролити, а не кликати

Archie Tse: Scrolling Vs. clicking

Вже 18 тижнів щовечора неділі Енді Крібел публікує інфографіку та дані, на основі яких вона зроблена, на сайті VizWiz. Завдання – протягом понеділка виділити приблизно годину часу, швидко проаналізувати візуалізацію та зробити свою версію.

Нижче публікуємо результати минулого тижня — Рабство у ХХІ столітті.

#MakeoverMonday від Andy Kriebel. Докладний описта інтерактив — у блозі Енді:

#MakeoverMonday від Andy Cotgreave. Детальний опис та інтерактив — у блозі Енді:

Я також дізналася, що 51% людей у ​​світі молодші за мене, а 63% у Росії старші, і що мої шанси померти прямо зараз не такі вже й великі. Цифри раптом перестали бути статистикою і зачепили мене за живе.

Візуалізація даних - Використовує великі набори даних з меншою кількістю ручної роботи над дизайном; базується на алгоритмах. Наприклад, інтерактивна робота New York Times.

Візуальне мистецтво - Односпрямоване кодування. Красиві, але важко розшифровці візуалізації, наприклад, обчислювальне мистецтво Кунала Ананда.

В чому проблема?

У результаті багато робіт залучають лише витончених користувачів, але не дозволяють вникнути в суть питання необізнаним читачам, тим самим завдаючи шкоди меті візуалізації – інформувати громадськість. Саме тому настільки важливо усвідомити та зрозуміти проблему візуальної грамотності у контексті візуалізації.

Нова «візуальна граматика» журналістики

Наведу приклад три роботи, які експериментують зі способами представлення інтерактивної журналістики. Вони виглядають переконливо, але і їх інтерпретація може стати для багатьох непростим завданням.

Права гомосексуалістів у США, штат за штатом

Кількість доступних на сьогодні джерел даних та інструментів для їхньої обробки сама по собі вже наочно показує, що ще ніколи стільки людей не намагалося освоїтися у світі візуалізації даних. А коли є така кількість матеріалів, доступних до вивчення, лише питання "З чого почати?"може налякати кожного новачка. Отже, які бібліотеки є кращими і що радять професіонали? Про це й йтиметься у цій статті.

Говорити про візуалізацію даних і не згадати – це все одно, що розповідати про історію створення персональних комп'ютеріві ні словом не обмовитися про Стіва Джобса. D3 (від англ. Data Driven Documents) – це без перебільшення найважливіша та домінуюча на ринку JavaScript бібліотека з відкритим вихідним кодомзазвичай використовується для створення SVG-графіків. SVG (від англ. Scalable Vector Graphics) – це у свою чергу формат векторного зображення, що підтримується веб-браузерами, але раніше мало використовувався.

Бібліотека D3 багато в чому завдячує своєю популярністю раптовому інтересу до SVG з боку веб-дизайнерів, що значною мірою пояснюється тим, як виграшно. векторні графікивиглядають на екранах з великою роздільною здатністю (зокрема, на Retina-дисплеях, що використовуються у пристроях Apple), які стають все більш поширеними.

«Будемо чесними, якщо завдання полягає у візуалізації даних на основі SVG, то для її вирішення всі інші бібліотеки навіть поряд не стояли», – каже Moritz Stefaner, незалежний експерт у галузі візуалізації даних та власник компанії Truth & Beauty. Є також чимало цікавих проектів, створених на базі D3, як, наприклад, NVD3, який надає стандартні графічні компоненти – готові до використання, але кастомізовані; або, скажімо, Crossfilter – просто визначний інструмент для фільтрації даних».

Scott Murray, програміст-дизайнер та автор книги Interactive Data Visualization for the Web, згоден з попередньою думкою: «D3 має надзвичайну силу, яка полягає в тому, що в ньому використовується все, що тільки можуть запропонувати браузери. Хоча у цього є і зворотний бік: якщо браузер не підтримує щось, наприклад, 3D-зображення на основі WebGL (від англ. Web Graphics Library), то і D3 це не підтримуватиме».

І хоча ця бібліотека по-справжньому універсальна, вона все ж таки не є ідеальним рішенням для будь-якого завдання. "Основний недолік бібліотеки D3, якщо можна так висловитися, полягає в тому, що вона не пропонує і навіть не пропонує якогось певного підходу до візуалізації", - додає Scott Murray. "Тобто це справді інструмент для завантаження даних у браузер з подальшою генерацією DOM-компонентів на основі цих даних".

У той час як D3 є відмінним інструментарієм для кастомних зображень, якщо ви хочете створити стандартний графік без особливого опрацювання візуального аспекту, то вам може бути корисний такий інструмент як Vega. Будучи фреймворком, розробленим на базі D3, Vega пропонує альтернативу для відображення графічних компонентів. Використовуючи Vega, можна візуалізувати дані у форматі JSON Європейський центр журналістики та проект Data Driven Journalism. Точні датипроведення курсу поки що не відомі, але зареєструватися можна вже зараз.

За п'ять днів учасники курсу зможуть дізнатися, що таке журналістика даних, як вона влаштована і які ключові навички варто освоїти, щоб стати фахівцем у цій галузі. З'ясувати, де шукати дані на підтримку своїх сюжетів і як знаходити нові ідеї в наявних даних. Вивчити майстерність перетворення нудних даних на захоплюючу історію, інфографіку або навіть в інтерактивну візуалізацію. Познайомиться із основними принципами графічного дизайну, які необхідно знати журналісту.

Інструктори курсу – п'ять провідних світових експертів з журналістики даних та візуалізації.

Останні кілька років інфографіка еволюціонувала від статичних картинок до насиченого інтерактивного досвіду з елементами анімації та відео, адаптованими під унікальний контент. Вона більше не обмежується наперед підготовленими, універсальними шаблонами. І сьогоднішня добірка містить найкращі зразки інфографіки, які демонструють, як виглядає цікавий та інформативний досвід.

Більшість інфографіки в цьому списку було обрано, щоб показати різні способи, за допомогою яких дизайнери підходять до візуалізації даних. Однак тут є також кілька «гібридів», що ілюструють стирання кордонів між інфографікою та насиченим мультимедійним досвідом під час створення захоплюючого контенту та переконливих історій на лендингах. Відхилення від традиційних форм означає, що ми заходимо на складнішу медіатериторію, і саме такі експерименти з технологіями та розповіддю матимуть вирішальне значення для формування майбутнього графічного дизайну.

1. Карта вітрів

"Карта Вітрів" (Wind Map) - це захоплюючий зразок дизайну, в якому показано напрям і швидкість вітру над Сполученими Штатами. Даний дизайн несе швидше художню, ніж утилітарну мету, і це чудово: дуже приємно просто сидіти і дивитися, як тонкі-тонкі нитки в'ються по карті. Простий, але добре продуманий приклад того, як інфографіка, що показує траєкторії руху фігур, виграє від анімації та зображень, що рухаються.

2. У польоті

У 2014 році The Guardian запустив інфографіку «У польоті» (In Flight), що демонструє дані про комерційні перельоти, що відбуваються в реальному часі (здається, зараз відомості не оновлюються, а шкода), а також містить урок з історії авіації. Приглушені розмови між авіаційними екіпажами на початку інтерактивного шоу створюють особливу атмосферу. Схоже, що інфографіка в наші дні поступово перетворюється на кінематографічний досвід. Принаймні «У польоті» вказує на цей напрямок...

3. Наберіть Місяць

В інфографіці «Наберіть Місяць» (Dial A Moon) відбувається небагато, але він служить своїй меті досить добре. У 2015 році завдяки NASA інфографіка місячних фаз оновлювалася щогодини, і можна було не лізти в Google у пошуках цієї таємничої інформації. Тепер ви можете подивитися картинки вручну ввівши місяць, день і час.

4. Доба з Плутоном

Журнал Nature публікує багато цікавої інфографіки для своєї аудиторії, що цікавиться наукою. Була серед них і одна про знаменитий проліт космічного корабля біля Плутона (24 Hours Of Pluto). Інфографіка включала багато текстової інформації, але візуальні ефекти забезпечували легке розуміння найцікавішого від будови карликової планети до процесу формування її місяців. Зараз в Інтернеті є текстова частина, а також два анімаційних відео з інфографіки.

5. Як змінювалися американські будинки

Здійсніть подорож великою американською мрією, відбите через еволюцію в стилях будинків. Ця добре ілюстрована інфографіка дозволяє вам сісти за кермо автомобіля (також змінює свій вигляд у міру прокручування, щоб не відставати від епохи) і прокласти шлях від 1900-х до 2000-х років, проїжджаючи повз будівлі, популярні протягом окремих десятиліть. На цьому шляху вам зустрінеться безліч корисних матеріалів (включаючи соціально-політичні умови того часу, а також напрямки в моді), і все це закінчується питанням, яке спонукає вас уявити майбутнє американського будинку. Інфографіка Decades Of American Homes - чудовий приклад горизонтального скролінгу, тут він доречний.

6. Еволюція маркетингової аналітики

У своїй інфографіці Evolution of Insight компанія Vision Critical, яка займається «інтелектуальними» дослідженнями, відстежує розвиток ринку маркетингових технологій у всьому світі з 1890-х до наших днів. Вона функціонує аналогічно до інфографіки «Як змінювалися американські будинки», і, таким чином, дозволяє порівняти ефективність застосування інтерактивної тимчасової шкали для двох дуже різних історій. Інфографіка Decades Of American Homes має перевагу, оскільки перегляд будинків у міру руху на автомобілі набагато інтуїтивніший, ніж подорож великою американською аналітикою. Хороша інфографіка створюється з урахуванням особливостей контенту, а чи не навколо нього.

7. Права ЛГБТ-спільноти у всьому світі

The Guardian захоплює ще одну позицію в нашому списку з цією елегантною інфографікою, яка пояснює юридичну ситуацію з прав ЛГБТ щодо цілої низки питань (шлюб, дискримінація на робочому місці, злочини на ґрунті ненависті тощо) у кожній державі світу. Переміщення півколом забезпечує швидкий і простий спосіб порівняння статистики між різними країнами, а композиція інфографіки зберігає глобальний статус на передньому плані в центрі. Тут також є потужний заклик до дії, що має на меті подолання розриву між простим усвідомленням проблеми та активізмом.

8. Нерівність можна виправити

Ще один чудовий приклад інтерактивної інфографіки «Нерівність можна виправити» (Inequality Is Fixable) запрошує аудиторію поринути в проблему, роблячи її глибоко особистою. Глядач гарантовано не втратить інтерес до матеріалу, що повідомляє йому чи їй, скільки недоплачує його бос і чому. Роблячи користувача частиною історії, розробники підігрівають цікавість і проводять користувача за всіма необхідними етапами до заклику до дії (Call-To-Action) в кінці.

"Ми дали цьому відбутися - як же тепер все виправити?"

9. Намалюйте самі: як сімейний дохід передбачає шанси вступу дитини до коледжу

Багато інфографіки в цьому списку використовують анімацію та інтерактивність для забезпечення багатого досвіду. Візуально дана інфографіка від New York Times дотримується класичного формату діаграми, але вона також використовує розуміння поведінки користувача для розширення області інфографічного дизайну, а саме такий метод як випереджальну інтерактив. Просячи читачів намалювати власну криву, вони впроваджують елемент особистої зацікавленості та таким чином дають людям справді цінну інформацію.

Не найгірший результат! Вертикальна вісь — відсоток дітей, які надійшли до коледжу. Горизонтальна вісь - перцентиль батьківського доходу

10. Як вмирають американці

За винятком титульного зображення, цей приклад використовує в основному тільки старі-добрі діаграми для візуалізації контенту. Але це зовсім не нудно, оскільки користувачам є самостійне переміщення за даними за допомогою руху курсору вздовж графіків. Це значно полегшує порівняння, наприклад, кількості смертей, пов'язаних із самогубством, у 70-ті роки порівняно з нинішнім (натяк: зараз воно знаходиться на підйомі), статична діаграма не впоралася б з цим так вправно.

11.

З того часу, як дебютував проект «Снігопад» (Snowfall), який заслужив загальну увагу та похвалу, New York Times підтримує свою репутацію представника передової мультимедійної журналістики. Команда видання використовує поєднання інфографічного дизайну та поглибленої розповіді для створення вражаюче цікавого досвіду. У них є і яскравіші приклади, але The Russia Left Behind є роботою, що викликала певний резонанс. Інфографіка функціонує як інтерактивна поїздка Росією (ви прокладаєте собі шлях на карті).

12. Машини Бонда

Якщо ви будь-коли захочете познайомитися з історією Джеймса Бонда, подивившись на його машини, то подякуйте британському автодилеру Evans Halshaw — він надав вам такий шанс. Його інтерактивна інфографіка Bond Cars дозволяє вивчити модель і дизайн кожного з автомобілів Бонда, а також дає кілька додаткових. цікавих фактів. Використовуючи всюдисущу тактику слайдера, ви також можете розкрити автомобіль у всій його металевій красі (за замовчуванням дається лише одноколірний малюнок). Так автори творчо вирішили проблему необхідності включити фотографії, які не зовсім підходять під естетику інфографіки.

13. Кольори руху

"Кольори руху" (The Colors Of Motion) - це інфографічна серія, що аналізує фільми тільки по їх колірній палітрі, отриманої зі з'єднання всіх кадрів. Якщо ви коли-небудь запитували, то тепер у вас є відповідь. Не можете знайти заголовок у базі даних? Просто надішліть розробникам повідомлення – вони приймають запити.

14. Царська гробниця у Перу

National Geographic має досить вражаючу колекцію, як вони самі її називають, «інтерактивної графіки» (більшість з якої супроводжується детальними текстовими описами, як у випадку, наприклад, з Колонною Траяна), але ми вибрали цей відносно простий приклад, щоб підкреслити застосування яких методи дійсно ефективно в інтерактивній інфографіці. "Царська гробниця в Перу" (Peru's Royal Wari Tomb) розкриває особливості поховання дворянки тих часів. Фокус переходить від обмотки мумії до її прикрас та положення. Розділяючи інформацію на невеликі частини та дозволяючи користувачеві переміщатися між ними, інтерактивна графіка уникає найпідступніших пасток: надлишку даних та візуальних ефектів. Більше того, кожна наступна взаємодія розширює досвід, роблячи його набагато кориснішим, ніж у випадку, якби все було представлено відразу. Наш мозок має механізм, що відкидає переважні стимули, а даний типвзаємодії стає чудовим рішенням для користувача, дозволяючи легко поглинати інформацію.

15. Що таке "Шотландський референдум"? Пояснення для не-британців

The Guardian, як і New York Times, робить ставку на мультимедійну журналістику, і їхній відеоролик на ура справляється з однією з головних функцій інфографіки: надавати громіздкій інформації прийнятну форму. Для багатьох з нас, які живуть за межами Великобританії, референдум є дуже заплутаною темою. На щастя, це відео допоможе вам швидко дізнатися про її важливі аспекти, не вимагаючи глибокого занурення в історію.

16. Здоров'я населення

Перед виданням The Atlantic стояло завдання розвинути концепцію поліпшення здоров'я суспільства. Воно доручило компанії Truth Labs оформити серію статей з 3-х частин про «Здоров'я населення» (Population Health) у вигляді цифрової розповіді. Основна мета виконавця полягала у збереженні природного прокручування документа та звичайних для користувача умов читання та створення при цьому досвіду, що відрізняється від візуальної перспективи. Щоб втілити задумане у життя, вони запозичили інструменти та стратегії у кінематографа, але також орієнтувалися на набір дизайнерських принципів для підтримки принципу зручності читання як ключове правило.

17. Зерна Joho's

Австрійський виробник кави Joho's створив вражаючий мультимедійний досвід Joho's Bean, щоб розповісти історію походження кавових зерен. , як щебечуть птахи, як звучать обсмажені кавові зерна, що упаковуються в мішки, а також як шумлять жваві вулиці та транспорт у місті.

Joho's відправляє вас у подорож, що пояснює походження їх кавових зерен

18. Першоздана дорога

"Первоздана дорога" (The Wild Path) - це інтерактивний експеримент, розповідь про подорож, створений за допомогою Canvas. Основним елементом є карта, що анімує шлях на карті під час прокручування сторінки. Проект може працювати не у всіх браузерах. Зате йому супроводжує супровідна стаття, яка пояснює всі технології створення інфографіки, що залишилися за лаштунками.

19.

Висвітлення президентських виборів у США у 2016 році виданням The Guardian (Live Election Results) принесло кумедний елемент у серйозну справу, що стосувалося набраних відсотків та виборчих дільниць. Інтерактивна інфографіка відстежувала голоси у чотирьох штатах. За замовчуванням на графіку були показані результати по всій країні, а якщо користувач наводив курсор на якусь ділянку на карті, то демонструвалося, які кандидати набрали саме там. Кандидати в президенти були представлені у вигляді кумедних піксельних аватарів. У міру поновлення інфографіки в живому часі, чоловічки підфарбовували кольором штати, в яких вони виграли. Іноді поруч із кандидатом з'являлася його цитата у міхурі.

Відображення результатів виборів у реальному часі

Майбутнє візуалізації даних в інтерактивності.

Але як створити по-справжньому приголомшливу інтерактивну інфографіку?

Інфографіка всюди, і останнім часом вона все частіше стає інтерактивною.

У сьогоднішній статті ми поділимося з вами секретами створення інтерактивної інфографіки та посиланнями на корисні ресурси.

1. Розумійте психологію

Перед тим, як робити інтерактивну інфографіку, важливо зрозуміти, чому ви хочете її зробити саме такою.

Як докладно розказано у цій інфографіці, люди краще сприймають візуальну інформацію. Ми з набагато більшою ймовірністю прочитаємо, зрозуміємо та запам'ятаємо презентацію, якщо у ній будуть цікаві візуальні засоби. є ефективним інструментом навчання, але і він може стати ще кращим.

Кінетичне навчання – чудова альтернатива, оскільки люди краще засвоюють інформацію через фізичні дії.

Ось чому додавання інтерактивності в перспективну сферу візуалізації допоможе вам створити ще більш ефективну інфографіку, що запам'ятовується.

Ця комбінація візуального та кінетичного підходу робить анімовану інфографіку контентом майбутнього. Звичайно, для деяких тем краще не використовувати інтерактивні елементи, але в більшості випадків вони покращать контент.

Рух надає додатковий зміст інформації, дозволяє користувачеві керувати досвідом і задіяє уяву так, як цього зможе зробити статична інфографіка.

2. Додайте ефекти під час прокручування

Ви, мабуть, помітили масовий перехід в онлайн світі від базованого на тексті змісту до візуального контенту.

Не можна заперечувати силу візуалів на просторах інтернету та у нашому повсякденному житті. У YouTube та Instagram домінує візуальний зміст; YouTube – 3 за відвідуваністю сайт у мережі, і в Instagram понад 80 мільйонів фотографій викладаються щодня.

Пости в блогах та статті на 80% більш «споживані», якщо в них є кольорові зображення, заголовки або ескізи, і люди витратять не більше 15 секунд на сайт, якщо він не приверне їхньої уваги з перших секунд.

Інфографіка – фаворит серед аудиторії та продавців, і вона на 800% сильніше цікавить людей сьогодні, ніж у 2012 році.

Крім того, контент створюється з загрозливою швидкістю – 60% маркетологів створюють принаймні невелику частину нового контенту щодня! Докладніше ви можете дізнатися з оглядової статті.

Оскільки дедалі більше людей почали створювати контент, дещо зрозуміло: для того, щоб вас побачили, вам потрібно виділятися.

Звичайно, маркетологи змісту вже замислюються про майбутнє візуального контенту, розраховуючи, що вони можуть робити зараз, що зможуть реалізувати і які нові технології вже з'являються на горизонті. Таке передове мислення – це те, що може створити все або зруйнувати всі ваші зусилля у контент-маркетингу; ви повинні адаптуватися, або потонете.

З таким візуальним контентом, як інфографіка, маркетологи мають унікальну можливість бачити майбутнє з наближенням. Компанії, графічні дизайнери та маркетологи – всі починають використовувати інфографіку – оновлювати її, щоб зробити її ще більш привабливою для аудиторії. Навіть якщо ви вже "просто вивішуєте" інфографіку регулярно, ніколи не рано дізнаватися про тенденції, які тільки починають розвиватися, так само як не рано дізнаватися, як реалізовувати їх у ваших стратегіях контент-маркетингу.

Якщо ви хочете заглянути в майбутнє, і, можливо, навіть дізнатися кілька трюків раніше, ніж решта, зараз саме час!

Ось три типи інфографіки, які будуть найбільш поширеними у (найближчому) майбутньому.

Якщо ви шукаєте крутий інструмент для створення інфографіки, я рекомендую звернути увагу на Visme. Для початку вони пропонують безкоштовний обліковий запис і відмінні зручні функції для тих, хто не займається дизайном. Можете отримати безкоштовний обліковий запис зараз.

1. Інтерактивна інфографіка

Хоча ми і бачимо всю красу інтерактивних сайтів і простих у використанні ігор, інтерактивна інфографіка все ще досить нова у своїй галузі. Як і інфографіка, вона, очевидно, містить якусь інформацію, і вона зазвичай динамічна. Але використання інтерактивних елементів дає користувачам можливість мати зв'язок з інформацією та створювати свою власну.

Незалежно від вашого бізнесу, продукту, послуги або повідомлення ви можете створити інтерактивну інфографіку, яка дозволить людям оцінювати себе (наприклад, «розрахуйте свій BMI тут»). Користувачі можуть також натиснути на відповідну інформацію, яка надішле їх до більш глибоко орієнтованого ресурсу, або назад до цільової сторінки, створюючи тим самим трафік. Це дуже адаптований та веселий спосіб залучити аудиторію.

Багато маркетологів вже пристосувалися до цього виду інфографіки, і це швидко передається. Але в цей же час багато хто все-таки беруть за основу прості інфографіки:

….тільки уявіть, що можна робити з інтерактивними інфографіками.

Ви можете спробувати:

• Використання техніки прокручування, що змушує зображення або фігури виділятися в порівнянні з фоном
• Побудова спливаючих вікон, які розширюють області тексту
• Випливання зображень або статистики, при натисканні на них
• Перетворення своїх інфографік на кілька сторінок, які користувачі можуть переглянути

Для більш докладного прикладу інтерактивної інфографіки подивіться на цю:

Щоб зробити інфографіку високо інтерактивною (з прокручуванням, спливаючими вікнами і т.д.) вам знадобиться дізнатися трохи про HTML5 або CSS, або найняти когось, хто розбереться з цим питанням для вас.

Незважаючи на додаткові зусилля, винагородою для вас буде унікальна, приваблива та ефективна частина контенту.

Чому потрібно намагатися впроваджувати інфографіку у найближчому майбутньому?

• Це надихає вашу аудиторію взаємодіяти з вашим контентом та ділитися ним
• Це генерує трафік (через посилання)
• Це доводить вашій аудиторії, що ви інноваційні, винахідливі та маєте намір надавати своєчасний та цікавий контент.
• Існують рівні інтерактивної інфографіки, які роблять керованим її розвиток

2. Вбудоване відео та GIF

Це інший тип інфографіки, який ми спостерігаємо дедалі частіше сьогодні. Інфографіки, що пропонують короткі відео або навіть GIF (Формат обміну графічними даними) – чудовий спосіб привернути увагу та виділити вашу інфографіку з натовпу. Тоді як це обмежує платформи, ви можете ділитися своєю інфографікою зараз.

Безліч простих інструментів для створення інфографік, таких як Easel.ly, пропонують опцію “Вбудоване відео з YouTube”, або ж ви можете додати відео до інфографіки, яку ви створюєте у Photoshop за допомогою відео шару. Ви можете навіть додати відео до слайду Powerpoint, який ви також можете перетворити на інфографіку.

Більше того, ви можете знайти мільйони гіфок у мережі та вставити їх аналогічним чином. Загвоздка тут у тому, що вам доведеться розповсюджувати свою інфографіку як URL, щоб бути впевненим, що вона правильно вбудована у ваш сайт. Ви не можете розповсюджувати або зберігати такі інфографіки у форматі .jpeg або PDF. Безперечно, оскільки це стає все більш популярним, з'являться й інші інструменти вставки відео та гіф, щоб зробити процес ще більш простим.

Але якщо вам захочеться використати цей тип інфографіки до того, як всі навколо, і навіть їхні собаки, навчаться робити це, починайте зараз із тими інструментами, які знайдете в мережі.

Якщо ви хочете перейти на наступний рівень, ви можете зробити відео з інфографіки ви вже маєте. Це чудова можливість бути побаченим на YouTube, в Instagram, і навіть на таких відео платформах, як Vimeo, Snapchat та інших. Відео внизу – чудовий приклад того, як перетворити інфографіку на відео.

Навіщо вставляти відео чи гіф в інфографіку?

• Це дає вам елемент несподіванки – люди не очікують, що картинка почне рухатись!
• Це дуже весело та оригінально, що збільшує шанс того, що люди будуть взаємодіяти та ділитися вашою інфографікою
• Це гарний спосібпоказати всім унікальність свого бренду

3. Анімована інфографіка

Анімована інфографіка має безліч візуальних моделей і вимагає великої уваги. Коли користувач переглядає сторінку, він зазвичай не очікує, що щось рухатиметься, тому дуже непогано, якщо ви вивчите всі ці техніки ще до того, решта зробить це.

Через те, що багато анімованих інфографіків досить складні, і можуть вимагати якогось графічного дизайну, кодування, та/або знань у галузі програмного забезпечення, вони дуже високо цінуються.

Ось приклад того, про що я говорю:

Якщо ви хочете дізнатися докладніше, як створювати анімовану інфографіку, зверніть увагу на цю інфографіку від Tabletop Whale. Ви також можете знайти різні сервіси, які допомагають у створенні інфографік такого плану. У будь-якому випадку, це один із найскладніших процесів в еволюції інфографіки.

Чому вам варто витратити свій час, енергію та/або гроші на створення анімованої інфографіки?

• Це насправді виділить вас з натовпу, тому що не кожен має доступ до такого роду програмного забезпеченняабо контенту
• Вже через пару років це буде звичайним явищем – ви будете одним із перших, хто це зробить!
• Анімація зробить інформацію всередині інфографіки, що більш запам'ятовується
• Це надихне ваших користувачів на роботу з вами

Все це не наукова фантастика

Це може звучати занадто технічно і здаватися чимось, за межею ваших можливостей зараз, але цілком імовірно, що ці види інфографіки стануть дуже звичайним явищем через 2-3 роки. Ми вже зараз можемо спостерігати сильний прорив в анімованих інфографіках та гіф-інфографіках, особливо завдяки тому, що популярність гіфок продовжує зростати. Інфографіки стають одним із найбільш споживаних і найчастіше створюваних типів контенту на просторах інтернету. Чому? Так тому що мозку потрібно всього 250 мілісекунд, щоб прийняти і обробити значення символу.

Якщо середньостатистична людина проводить близько 15-ти секунд на сайті і потім починає нудьгувати, то ви, само собою, захочете витягнути на екран все, що може затримати її - або принаймні отримати повідомлення через 15 секунд або менше. Деякі дослідження навіть довели, що люди можуть концентрувати увагу на чомусь не більше 8 секунд, і цей показник зменшується з кожним роком.

Це і є причиною і можливо побічним продуктом нашої постійної потреби отримувати інформацію. Ми живемо в епосі інформації та вся інформація доступна для нас. Але це також означає, що чим більше люди намагаються ділитися повідомленнями і відповідати на всі можливі питання, тим більше контенту, що виробляється, стає фоновим шумом.

Якщо наявність інфографіки сьогодні є показником, незабаром вона буде скрізь. Це означає нові зміни у вашій роботі. Жодна маркетингова кампанія в історії не досягла успіху, роблячи те саме весь час.

Ідея тут полягає в тому, щоб побачити в інфографіці щось більше за зображення.jpeg. Інфографіки можуть бути адаптовані до різних середовищ і використовуватися на величезній різноманітності платформ. Підприємці та маркетологи вже побачили потенціал у цьому. А ви?