Як створювати інтерактивну інфографіку 9 важливих порад
За допомогою інфографіки маркетологи можуть долати захист від інформаційного шуму та доносити до споживачів свої повідомлення. Ефективність цього контенту багаторазово посилюється завдяки інтерактивності. У цій статті ви знайдете поради, які допоможуть вам створювати інтерактивну інфографіку.
Порада № 1: дізнайтеся про секрет ефективності інтерактивної графіки
Людина сприймає візуальну інформацію у 60000 разів швидше, ніж текст. Ось ще кілька факторів, що визначають ефективність інфографіки:
Зверніть увагу на останній фактор. Люди запам'ятовують 80% того, що бачать та роблять. У цьому випадку поєднуються два канали сприйняття інформації: візуальний та кінестетичний. Секрет ефективності інтерактивної інфографіки полягає в активації візуального і кінестетичного каналу сприйняття.
Іншими словами, інтерактивна інфографіка змушує людину здійснювати якісь цілеспрямовані дії під час читання. Це значно полегшує передачу та засвоєння інформації.
Порада № 2: змусіть користувача прокручувати сторінку
Багато інтернет-користувачів страждають від гіподинамії. Раз вони не хочуть робити зарядку і гуляти парком, змусіть їх хоча б рухати пальцем. Це підвищить інтерактивність вашої графіки.
За допомогою скролінгу користувач може активувати анімацію та переходити від слайду до слайду. У цьому випадку він точно докрутить інфографіку до кінця, тому що йому шкода кидати розпочате на півдорозі. Подивіться, як за допомогою скролінгу експерти ВООЗ зробили інфографіку на нудну тему досить веселою та захоплюючою.
Порада № 3: використовуйте пагінацію
Звернітьувагу на інфографіку, наведену трохи нижче. Її творці використовували пагінацію та інші способи підвищення інтерактивності. Щоб подивитися її повністю, клацніть на картинці.
Порада № 4: Дозвольте користувачам виділяти елементи графіки та отримувати додаткову інформацію
А творці наступної графіки поєднали два підходи: пагінацію та виділення елементів графіки для отримання додаткових відомостей. Щоб подивитися її повністю, клацніть на картинці.
Порада № 5: дозвольте отримувати додаткові відомості за допомогою кліків
Творцям інфографіки про безпеку житла вдалося поєднати кліки та скролінг. В результаті вийшов пізнавальний інтерактивний гайд для домовласників.
Порада № 6: використовуйте дані про клієнта
Попросіть користувача надати будь-які відомості та використовуйте їх в інфографіці. Ось приклад реалізації цього підходу: користувач вводить відомості про свою річну зарплату, а система показує скільки хвилин потрібно супертрейдеру Джону Полсону, щоб заробити ці гроші.
Ось ще один приклад використання даних клієнта. Веб-програма створює графічну модель, яка показує сферу поширення твітів того чи іншого користувача сервісу мікроблогів.
Порада № 7: вивчіть CSS3-переходи, трансформації, анімації, фільтри
Зростання популярності інтерактивної інфографіки корелює з аналогічним зростанням кількості посібників та підручників з CCS3-переходів, анімації та інших властивостей та можливостей. На цьому англомовному сайті ви знайдете докладні огляди та посібники з використання CSS-переходів, анімації, трансформації, включаючи 3D, а також фільтрів. Корисну інформацію українською можна отримати в онлайн-підручнику HTML5.
Порада № 8: спробуйте ці класні переходи
На цьому сайті ви знайдете колекцію переходів, яку можна використовувати під час створення інфографіки.
Ця бібліотека дозволить вам анімувати дані безліччю способів за допомогою HTML, SVG та CSS. Бібліотеку можна використати абсолютно безкоштовно. Хто знає про існування цієї бібліотеки, ніколи не створюватиме статичну графіку.
Інтерактивність потрібна для залучення читача
Найпростіший спосіб залучення відвідувача сайту – скористатися його цікавістю та змусити покрутити коліщатко мишки. Однак по-справжньому інтерактивна інфографіка неможлива без дійсно цінної та корисної інформації. Пам'ятайте, створюючи візуальний контент.