25 інтерактивних інфографіки для дизайнера у вас
З початку століття інфографіка мала потужний вплив на те, як ми сприймаємо веб-медіа. На початку свого створення він був революційним як ідеальне середовище як для представлення даних, так і для розваги аудиторії.
З тих пір успіх інфографіки розвивався. Буквально кілька років тому інфографіка стала надзвичайно популярною з вибухом цифрового маркетингу та пошукової оптимізації.
З їхньою популярністю прийшло декілька змін у способі їх представлення. Лише найкращі з найкращих публікувалися в соціальних мережах, що призвело до підвищення впізнаваності бренду та залучення споживачів.
Оскільки традиційна інфографіка розвивалася, щоб не відставати від мінливих смаків споживачів, вона принесла світові інтерактивну інфографіку, яка на сьогоднішній день стає найбільш затребуваною формою представлення даних, навіть перетворюючи деякі статичні інфографіки на застарілі та неактуальні.
Перегляньте цей список чудової інтерактивної інфографіки, щоб допомогти вам залишатися попереду у своєму графічному дизайні та створити інфографіку, яка може стати вірусною.
1 Східний Теннессі від Derby Supply Chain Solutions
У цій інфографіці, розробленій для опису історії, культури та цікавих фактів Східного Теннессі, використовується паралакс-прокручування, щоб оживити пейзаж, коли різні факти та інформація пов’язані між собою. Це робить вивчення цього конкретного місця набагато приємнішим!
Ви, мабуть, не знали, що у людства була версія соціальних медіа, яка сягає аж 1800-х років, чи не так? Ця інфографіка дозволяє користувачеві клацати по різних періодах часу, щоб дізнатися про довгу та цікаву історію соціальних медіа протягом століть. Можливість контролювати швидкість і порядок інформації є захоплюючою перспективою для споживачів.
3 Як працює пошук від Google
У Google, ймовірно, є більше статистичних даних та інформації про використання Інтернету та перегляду веб-сторінок, ніж у будь-якої іншої компанії, і вони діляться деякими з цих даних у цій інфографіці, яка пояснює популярність веб-пошуку та його роботу через історію з трьох частин, яку користувачі можуть гортати у своєму власному темпі.
4 веб-браузери та рішення від Webby Monks
Ця анімована інформація просто весела. Коли ви прокручуєте яскраву та насичену інформацією графіку, з’являється приваблива графіка, яка допомагає покращити дані та зробити навчальний процес набагато цікавішим.
5 Просвітлена щаслива година: інтерактивний путівник щодо того, що ви п’єте, п’ята колонка
Усі люблять щасливу годину, але всі калорії, спожиті за один присід, не дуже впливають на вашу талію. У цій інфографіці використовується налаштування барів і дозволяє клацати різні типи напоїв, щоб дізнатися про харчову цінність кожного з них, зокрема про калорії та вміст алкоголю. Зверніть увагу на переконливість візуальних елементів.
6 Еволюція Insight від Vision Critical
Можливо, вас не цікавить історія дослідження ринку, але вам все одно буде цікаво переглянути цю захоплюючу інфографіку, яка використовує яскраву графіку та різноманітні сторінки, щоб поділитися історіями багатьох впливових людей і подій з 1900-х років до сьогодні.
7 політичних прав жінок у всьому світі від The Guardian
Дізнайтеся як про права жінок у різних частинах світу, так і про чудовий інтерактивний дизайн за допомогою цієї жвавої інфографіки. Глядачі можуть клацнути будь-яку країну чи регіон світу, щоб дізнатися про політичні права жінок там. Ця інфографіка чудова, тому що розробники представляють великий обсяг інформації, але творці візуального зображення представляють її таким чином, щоб користувачі могли отримати потрібну інформацію, не відчуваючи приголомшення.
8 загроз роздрібній безпеці від Nuspire
Ця інтерактивна інфографіка використовує HTML5 і макет типового офісного приміщення, щоб показати, наскільки вразливі компанії для хакерів. Глядачам пропонується використовувати пробіл або клавіші зі стрілками, щоб переходити від однієї загрози безпеці до іншої. Це допомагає донести повідомлення, оскільки зображення показує підприємствам найслабкіші фізичні місця. Це загроза, яку вони справді можуть відчути.
9 Чому ви не повинні пити і їхати з автостоянок у центрі міста в Лідсі
Ця інфографіка створена під час свят, коли водіння в нетверезому стані є найгіршим. Споживачі можуть повідомити на цій інфографіці, скільки вони випили, і вона повідомить їм, чи перевищує ця кількість дозволений ліміт. Він супроводжується серією статистичних даних для сприяння більш безпечним вулицям.
10 Flights Interactive від The Guardian
Спостерігайте, як мініатюрні реактивні літаки та літаки перехрещуються в повітрі одночасно, щоб побачити, як часто люди злітають. Він показує як час найбільшої завантаженості польотів, так і райони, які мають найбільше повітряного трафіку. Це, м’яко кажучи, захоплююче представлення даних, яке заохочує особисте дослідження даних.
11 13 причин, чому ваш мозок жадає інфографіки від NeMam Studios
Якщо ви забули, чому інфографіка така успішна, ця анімована графіка нагадає вам. З яскравими кольорами, прокручуванням паралакса та необхідною кількістю графічного руху цей візуал + розважає глядачів і інформує їх до кінця.
12 Картографування мертвих: смерть від зброї після Сенді Хука від The Huffington Post
Ця протверезна графіка показує найпоширеніші регіони смертей від зброї в Сполучених Штатах після стрілянини в елементарній школі Сенді-Гук. Тема інфографіки сумна, але презентація чудова для донесення інформації.
13 Дриббл: для чого він використовується? від Dribbble LLC
Майже кожен елемент у цій інфографіці HTML5 оживає, коли ви переміщуєте курсор, щоб показати інший елемент того, як використовувати Dribble. Хоча значна частина інформації на цьому малюнку може бути більш конкретною, використання анімації робить доступ до вмісту надзвичайно простим і захоплюючим.
14 Як працює автомобільний двигун від Animagrafffs
Ця інфографіка вражає своєю графікою прямо в голову, оскільки зрозуміти, як працює двигун автомобіля, справді потрібно побачити в дії. він пояснює в уповільненій зйомці, як двигун оживає, серією графіків, що показують, що робить кожна частина двигуна.
15 Скільки домогосподарств подібні до вашого? з The New York Times
Якщо ви коли-небудь задавалися питанням, чи унікальна ситуація у вашому домі, це інтерактивне відео дасть вам відповідь. Користувач може вибрати різні варіанти розмірів сімей і ситуацій, щоб дізнатися, як збігається решта країни. Він не такий актуальний, як міг би бути, але все одно чудово демонструє правильний спосіб використання анімованої графіки.
16 Світле майбутнє спільного використання автомобілів
Коли ви переглядаєте цю інфографіку, ви сідаєте в маленький зелений автомобіль і їдете у своєму власному темпі, щоб дізнатися, як спільне використання автомобілів має змінюватися з роками. Існує більше ніж один спосіб взаємодії з цією інфографікою. Ви можете прокручувати з боку в бік, щоб перемістити автомобіль, або наводити курсор на певні елементи в візуальному зображенні, щоб отримати більше інформації. Численні форми взаємодії є надзвичайно ефективними для підтримки зацікавленості глядачів від початку до кінця.
17 справжніх рибних історій від United Marine
Цей веб-сайт – мрія рибалки. У ньому не тільки розкриваються деякі з найпопулярніших мисливських риб у кожній місцевості, але й розповідаються історії тих, хто ловив найбільшу хижу рибу й перемагав. Легко переходити від однієї інформаційної точки до іншої, а казки про велику рибу захоплюють.
18 голодних технічних гігантів від Simply Business
Ця інфографіка порівнює зростання п’яти великих технологічних компаній. Він показує як час зростання, так і суму, яку заробив кожен бізнес. Якщо ви натиснете піктограму кожної компанії, ви перейдете на сторінку про фінансовий стан кожної компанії, що є дуже ефективним способом передачі великої кількості інформації, зберігаючи цілісність зображення.
19 Еволюція Інтернету
Подивіться, як ця графіка повільно рухається від зародження Інтернету до того, де ми є сьогодні. Простий початок, який веде до більш складного стану, ефективно показує, наскільки великим і поширеним став Інтернет лише за 20 коротких років. Крім того, користувач може вибрати одну з кількох мов.
Прогуляйтеся вулицею від 1950-х років до сьогодення та дізнайтеся про деяких із найвпливовіших партнерів у співпраці. Користувач може натискати кожен період часу та досліджувати історію на дозвіллі. Інфографіка залучає глядача до кінця, коли компанія розкриває свій заклик до дії. Ще одне представлення графіки, яка може ефективно звернути увагу аудиторії.
21 Підключення: як малі підприємства використовують технології з Good Infograhpics
Однією з найбільших проблем інфографіки є представлення великого обсягу інформації, не перевантажуючи аудиторію. Цей візуал робить саме це без збоїв, дозволяючи відвідувачу клацати інфографіку, щоб прочитати дані. Візуал є одночасно привабливим і інформативним, ведучи читача до логічного завершення.
22 Еволюція ігрової консолі від Design by Soap
Подивіться, скільки тоді коштувала ігрова консоль, виготовлена в 1972 році, порівняно з теперішньою. Візуальне зображення переносить вас з року в рік, показуючи кожну створену консоль, рік її виготовлення та вартість тоді та зараз. На кожній сторінці консолі є місце, де користувачі інфографіки можуть прочитати більше інформації про окрему консоль.
23 епічних подорожі від консольних ігор від Butler’s Bingo
Геймерам з усього світу подобається ця інфографіка, яка ділиться змістовною інформацією про різні популярні відеоігри. Ви можете вибрати з кількох різних ігор і дізнатися інформацію про сюжет і місії в грі. Легко клацати та насолоджуватися представленою інформацією. Це ідеальна інфографіка для компаній, які прагнуть звернутись до внутрішнього фаната споживачів.
24 Inception Explained by Togethera
Пам’ятаєте фільм «Початок» 2010 року з Леонардо Ді Капріо та Джозефом Гордоном-Левіттом? Це, м’яко кажучи, вражає. Якщо ви один із багатьох, кому було важко зрозуміти всю концепцію початку та те, як персонажі переходили від одного етапу до іншого, ця інфографіка для вас. Що ще важливіше, ця інфографіка є чудовим прикладом того, як розповісти історію за допомогою тактики паралакса.
25 Bond: Ліцензія на водіння
Ця інфографіка знайде щось для кожного. Для шанувальників автомобілів він показує одні з найкрутіших автомобілів за всю історію фільмів про Бонда. Для фанатиків Бонда це трохи про кожен знятий фільм про Бонда (включаючи той, який ще не вийшов). А для дизайнерів це показує винятковий спосіб захопити вашу аудиторію від початку до кінця за допомогою цього інтерактивного зображення.
Кожен із цих прикладів пропонує щось дізнатися про успішний дизайн інфографіки. Вивчаючи кожну з цих графіків, ви знайдете речі, які, на вашу думку, є блискучими, і речі, які працюють не надто успішно. У будь-якому випадку це допоможе вам отримати натхнення для ефективного графічного дизайну в 2015 році.