Инфографика: видове, примери за работа, бъдеще. Най-добрите примери за използване на интерактивна инфографика на целеви страници Примери за интерактивна инфографика

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

Не може да се отрече силата на визуализацията в интернет и в нашия Ежедневието. YouTube и Instagram са доминирани от визуално съдържание; YouTube е третият най-посещаван сайт в мрежата, а Instagram публикува над 80 милиона снимки всеки ден.

Публикациите в блогове и статиите са с 80% по-голяма вероятност да бъдат консумирани, ако имат цветни изображения, заглавия или миниатюри, а хората ще прекарат не повече от 15 секунди в даден сайт, ако той не привлече вниманието им веднага.

Инфографиките са любими сред публиката и търговците на дребно и са 800% по-интересни за хората днес, отколкото през 2012 г.

Освен това съдържанието се създава с тревожна скорост – 60% от търговците създават поне малко количество ново съдържание всеки ден! Можете да научите повече от рецензионната статия.

Тъй като все повече хора започват да създават съдържание, едно нещо става ясно: за да бъдете забелязани, трябва да се откроите.

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

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

Ако искате да погледнете в бъдещето и може би дори да научите няколко трика преди всички останали, сега е моментът!

Ето трите типа инфографики, които ще бъдат най-често срещани в (близко) бъдеще.

Ако търсите страхотен инструмент за създаване на инфографика, препоръчвам ви да разгледате Visme. Като за начало те предлагат безплатен акаунт и страхотни лесни за използване функции за недизайнери. Можете да получите безплатен акаунт сега.

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

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

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

Много търговци вече са се адаптирали към този тип инфографика и тя се пренася бързо. Но в същото време мнозина все още приемат като основа проста инфографика:

... само си представете какво още можете да направите с интерактивна инфографика.

Можете да опитате:

• Използване на техники за превъртане, които карат изображенията или формите да се открояват от фона
• Конструиране на „изскачащи прозорци“, които разширяват текстовите области
• Изображения или статистики изскачат, когато щракнете върху тях
• Превърнете вашите инфографики в множество страници, които потребителите могат да преглеждат

За по-подробен пример за интерактивна инфографика, вижте тази:

За да направите една инфографика силно интерактивна (с превъртане, изскачащи прозорци и т.н.), ще трябва да научите малко за HTML5 или CSS или да наемете някой друг, който да го разбере вместо вас.

Въпреки допълнителните усилия, ще бъдете възнаградени с уникално, ангажиращо и ефективно съдържание.

Защо трябва да се опитате да внедрите инфографика в близко бъдеще?

• Това насърчава вашата аудитория да се ангажира и споделя вашето съдържание.
• Това генерира трафик (чрез връзки)
• Това доказва на вашата аудитория, че сте иновативни, находчиви и възнамерявате да предоставяте навременно и интересно съдържание.
• Има слоеве от интерактивна инфографика, които правят неговото развитие управляемо

2. Вградено видео и GIF

Това е различен вид инфографика, която виждаме все по-често днес. Инфографика, предлагаща кратки видеоклипове или дори GIF (формат за обмен на графики) – страхотен начинграбнете вниманието и направете вашата инфографика да се откроява от тълпата. Въпреки че това е ограничено от платформи, можете да споделяте вашите инфографики в сегашно време.

Много прости инструменти за инфографика, като Easel.ly, предлагат опция „Вграден видеоклип в YouTube“ или можете да добавите видео към инфографика, която създавате във Photoshop, като използвате видео слой. Можете дори да добавите видеоклип към слайд на Powerpoint, който също можете да превърнете в инфографика.

Освен това можете да намерите милиони GIF файлове онлайн и да ги вмъкнете по същия начин. Уловката тук е, че ще трябва да разпространявате вашата инфографика като URL, за да сте сигурни, че е правилно вградена във вашия сайт. Нямате право да разпространявате или запазвате такива инфографики в .jpeg или PDF формат. Без съмнение, тъй като това става все по-популярно, ще има други инструменти за вмъкване на видео и GIF, които да направят процеса още по-лесен.

Но ако искате да използвате този тип инфографика, преди всички около вас, дори техните кучета, да се научат как да го правят, започнете сега с инструментите, които намирате онлайн.

Ако искате да преминете на следващото ниво, можете да направите видеоклип от инфографика, която вече имате. Това е чудесна възможност да бъдете видени в YouTube, Instagram и дори във видео платформи като Vimeo, Snapchat и други. Видеото по-долу е чудесен пример за това как да превърнете инфографика във видео.

Защо да вградите видео или GIF в инфографика?

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

3. Анимирани инфографики

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

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

Ето един пример за това, за което говоря:

Ако искате да научите повече за това как да създавате анимирани инфографики, вижте тази инфографика от Tabletop Whale. Можете също така да намерите различни услуги, които ви помагат да създавате инфографики от този вид. Във всеки случай това е един от най-трудните процеси в еволюцията на инфографиката.

Защо трябва да инвестирате своето време, енергия и/или пари в създаване на анимирани инфографики?

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

Това не е научна фантастика.

Това може да звучи твърде технически и извън възможностите ви в момента, но е вероятно тези видове инфографики да станат много обичайни след 2-3 години. Вече можем да видим силен пробив в анимираните инфографики и GIF файловете, особено след като GIF файловете продължават да нарастват в популярност. Инфографиките се превръщат в един от най-консумираните и най-често създаваните видове съдържание в Интернет. Защо? Да, защото мозъкът се нуждае само от 250 милисекунди, за да приеме и обработи значението на даден символ.

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

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

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

Идеята тук е да видите инфографиката като нещо повече от просто jpeg изображение. Инфографиката може да се адаптира към различни носители и да се използва на голямо разнообразие от платформи. Предприемачите и търговците вече са видели потенциала в това. А ти?

Номерът с виртуалната реалност е, че ще изглеждате като идиот за другите

Cardboard Design Lab на Google е добър „урок“ за начинаещи дизайнери на виртуална реалност

Инфографика - като приключенска игра

Проблемът с Unity е, че не е толкова лесно да се направи добро нещо за мрежата.

Виртуалната реалност е като слушалки за вашите очи

Виртуалната реалност изисква безопасна среда; не можете да влезете в нея „в движение“. Това ограничава възможностите на VR

Закри сесията в първата половина на деня Арчи Цеот The New York Times с провокативната тема „Защо NYT върши по-малко интерактивна работа.“

Работата на NYT се основава на три правила за визуално разказване на истории:

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

Ще трябва да преначертаете графиките си 2 или 3 пъти, за да работят както на настолен компютър, така и на мобилно устройство

Как тези правила промениха подхода на NYT:

1. Повечето визуализации вече са статични
2. Има още текстове
3. Ако е необходимо движение в картината, то се появява по време на превъртане

(Четвъртата точка гласи, че те все още извършват интерактивна работа. Но сега причината трябва да е МНОГО значима).

Направихме „много стъпки“. Потребителите са спрели на стъпка 3. Читателите просто искат да превъртат, а не да кликват

Archie Tse: Превъртане срещу. щракане

През последните 18 седмици всяка неделя вечер Анди Крибел публикува инфографиката и данните, на които се основава във VizWiz. Задачата е да отделите около час време в понеделник, бързо да анализирате визуализацията и да направите своя собствена версия.

По-долу публикуваме резултатите от миналата седмица - Робството през 21 век.

#MakeoverMonday от Andy Kriebel. Подробно описаниеи интерактивни - в блога на Анди:

#MakeoverMonday от Анди Котгрийв. Подробно описание и интерактив - в блога на Анди:

Освен това научих, че 51% от хората в света са по-млади от мен, а 63% в Русия са по-възрастни и че шансовете ми да умра в момента не са толкова големи. Числата внезапно престанаха да бъдат „статистика“ и ме завладяха.

Визуализация на данни - използва големи набори от данни с по-малко ръчна работа по проектиране; на базата на алгоритми. Например интерактивната работа на New York Times.

Визуално изкуство - еднопосочно кодиране. Красиви, но трудни за дешифриране визуализации, като изчислителното изкуство на Кунал Ананд.

Какъв е проблемът?

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

Нова „визуална граматика“ на журналистиката

Ето три произведения, които експериментират с начини за представяне на интерактивна журналистика. Те изглеждат впечатляващо, но тълкуването им може да се окаже трудна задача за мнозина.

Правата на гейовете в САЩ, щат по щат

Броят на наличните днес източници на данни и инструменти за обработката им ясно показва, че никога досега толкова много хора не са се опитвали да свикнат със света на визуализацията на данни. И когато има такъв брой материали за изследване, има само един въпрос „Откъде да започна?“може да бъде смущаващо за всеки начинаещ. И така, кои библиотеки са най-добрите и какво препоръчват професионалистите? Това ще бъде обсъдено в тази статия.

Да говорим за визуализация на данни и да не я споменаваме е същото като да говорим за историята на сътворението персонални компютрии да не кажа нито дума за Стив Джобс. D3 (от английски Data Driven Documents) е без преувеличение най-важната и доминираща JavaScript библиотека с отворен код на пазара. програмен код, който обикновено се използва за създаване на SVG графики. SVG (от английската мащабируема векторна графика) от своя страна е векторен формат на изображение, поддържан от уеб браузъри, но преди малко използван.

Библиотеката D3 дължи голяма част от популярността си на внезапния интерес към SVG сред уеб дизайнерите, което до голяма степен се дължи на това колко добре изглеждат векторните графики на екрани с висока разделителна способност (особено Retina дисплеите, използвани в устройствата на Apple), които стават все повече често срещани.

„Нека бъдем честни, ако проблемът е базирана на SVG визуализация на данни, тогава всички други библиотеки дори не са близо до разрешаването му“, казва Мориц Щефанер, независим експерт по визуализация на данни и собственик на компания Истина и красота. „Има и много интересни проекти, създадени на базата на D3, като NVD3, който предоставя стандартни графични компоненти – готови за използване, но персонализирани; или да кажем, че Crossfilter е просто изключителен инструмент за филтриране на данни.

Скот Мъри, програмист дизайнер и автор на книги Интерактивна визуализация на данни за уеб, се съгласява с предишното мнение: „D3 е изключително мощен, защото се възползва от всичко, което браузърите могат да предложат. Въпреки че това има недостатък: ако браузърът не поддържа нещо, например 3D изображения, базирани на WebGL (от английската Web Graphics Library), тогава D3 също няма да го поддържа.

И въпреки че тази библиотека е наистина универсална, тя все още не е идеално решениеза всяка задача. „Основният недостатък на библиотеката D3, така да се каже, е, че тя не предписва или дори предлага някакъв конкретен подход към визуализацията“, добавя Скот Мъри. „Така че това наистина е инструмент за зареждане на данни в браузъра и след това генериране на DOM компоненти въз основа на тези данни.“

Докато D3 е чудесен инструмент за персонализирани изображения, ако искате да създадете стандартна графика без много работа върху визуалния аспект, тогава може да намерите инструмент като Вега. Като рамка, разработена върху D3, Vega предоставя алтернатива за показване на графични компоненти. Използвайки Vega, можете да визуализирате данни във формат JSON European Journalism Center и проект за журналистика, управлявана от данни. Точните дати на курса все още не са известни, но можете да се регистрирате сега.

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

Инструкторите на курса са петима от водещите световни експерти по журналистика на данни и визуализация.

Бъдещето на визуализацията на данни е интерактивно.

Но как да създадете наистина невероятна интерактивна инфографика?

Инфографиките са навсякъде, а напоследък все повече стават интерактивни.

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

1. Разбирайте психологията

Преди да направите инфографика интерактивна, важно е да разберете защо искате да я направите интерактивна.

Както е описано подробно в тази инфографика, хората възприемат по-добре визуалната информация. Много по-вероятно е да прочетем, разберем и запомним презентация, ако тя има привлекателни визуални ефекти. е ефективен инструмент за обучение, но може да стане още по-добър.

Кинетичното обучение е чудесна алтернатива, защото хората учат по-добре чрез физически дейности.

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

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

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

2. Добавете ефекти на превъртане

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

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

1. Карта на вятъра

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

2. В полет

През 2014 г. The Guardian пусна инфографика, наречена In Flight, която показваше данни в реално време за търговски полети (изглежда, че вече не се актуализира, което е жалко) и също така включваше урок за историята на авиацията. Приглушените разговори между екипажите на самолетите в началото на интерактивното шоу създават специална атмосфера. Изглежда, че инфографиките бавно се превръщат в кинематографични изживявания в наши дни. Поне "In Flight" сочи в тази посока...

3. Наберете Луната

В инфографиката на Dial A Moon не се случва много, но тя служи доста добре на предназначението си. През 2015 г., благодарение на НАСА, инфографиките на лунните фази се актуализираха на всеки час и нямаше нужда да отидете в Google в търсене на тази мистериозна информация. Вече можете да разглеждате снимки, като въведете ръчно месец, ден и час.

4. Ден с Плутон

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

5. Как са се променили американските къщи

Направете пътешествие през великата американска мечта, отразена в еволюцията на домашния стил. Тази добре илюстрирана инфографика ви позволява да седнете зад волана на кола (която също променя външния си вид, докато превъртате, за да сте в крак с епохата) и да навигирате по пътя си от 1900-те до 2000-те, минавайки покрай сгради, които са били популярни през отделните десетилетия. По пътя ще срещнете изобилие от полезни материали (включително социално-политическите условия на времето, както и модни тенденции) и всичко завършва с въпрос, който ви предизвиква да си представите бъдещето на американския дом. Инфографиката Decades Of American Homes е чудесен пример за хоризонтално превъртане и е полезна тук.

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

В своята инфографика Evolution of Insight, компанията за разузнаване на потребителите Vision Critical проследява развитието на пазара на маркетингови технологии по света от 1890-те години до наши дни. Функционира подобно на инфографиката Как са се променили американските домове и по този начин ви позволява да сравните ефективността от използването на интерактивна времева линия за две много различни истории. Инфографиката Decades Of American Homes има предимството да виждате домове, докато шофирате, което е много по-интуитивно от пътуването през Great American Analytics. Добрите инфографики се създават около съдържанието, а не около него.

7. Правата на ЛГБТ по света

The Guardian грабва още едно място в нашия списък с тази изящна инфографика, обясняваща правния пейзаж на правата на ЛГБТ по редица въпроси (брак, дискриминация на работното място, престъпления от омраза и т.н.) във всеки щат по света. Движението в полукръг осигурява бърз и лесен начин за сравняване на статистически данни между различни държави, а композицията на инфографиката запазва глобалното състояние отпред и в центъра. Тук има и мощен призив за действие, целящ да се преодолее пропастта между осведомеността и активизма.

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

Друг чудесен пример за интерактивна инфографика, Inequality Is Fixable, приканва публиката да се потопи в даден проблем, като същевременно го прави дълбоко личен. Гарантирано е, че зрителят ще остане заинтересован от материал, който му казва колко малко плаща неговият/нейният шеф и защо. Като правят потребителя част от историята, разработчиците предизвикват любопитството и го насочват през всички необходими стъпки чак до призива за действие в края.

„Позволихме да се случи – как можем да го поправим сега?“

9. Нарисувайте сами: Как семейният доход предсказва шансовете на детето да отиде в колеж

Много от инфографиките в този списък използват анимация и интерактивност, за да предоставят богато изживяване. Визуално, тази инфографика от New York Times (You Draw It: How Family Income Predicts Children's College Chances) се придържа към класическия формат на диаграмата, но също така използва разбиране на потребителското поведение, за да разшири обхвата на дизайна на инфографиката, а именно техниката на проактивно и интерактивна визуализация. Като молят читателите да начертаят своя собствена крива, те въвеждат елемент на личен интерес и по този начин предоставят на хората наистина ценна информация.

Не е най-лошият резултат! Вертикалната ос е процентът на децата, които са учили в колеж. Хоризонтална ос: процентил на доходите на родителите

10. Как умират американците

С изключение на заглавното изображение, този пример използва предимно обикновени стари диаграми за визуализиране на съдържанието. Но това изобщо не е скучно, тъй като потребителите могат самостоятелно да навигират в данните, като движат курсора по графиките. Това прави много по-лесно сравняването, например, на броя на смъртните случаи, свързани със самоубийство през 70-те години, в сравнение със сега (подсказка: сега се увеличава), нещо, което статичната диаграма не би направила толкова добре.

11.

Откакто Snowfall дебютира с широко внимание и похвала, The New York Times запази репутацията си на превъзходство в мултимедийната журналистика. Екипът на публикацията използва комбинация от инфографичен дизайн и задълбочено разказване на истории, за да създаде впечатляващо ангажиращо изживяване. Те имат и по-ярки примери, но „Оставената Русия“ е произведение, което предизвика известен резонанс. Инфографиката функционира като интерактивна обиколка на Русия (вие се ориентирате по картата).

12. Колите на Бонд

Ако някога искате да се докоснете до историята на Джеймс Бонд, като гледате колите му, тогава благодарете на британския търговец на автомобили Еванс Халшоу, че ви е дал шанс. Неговата интерактивна инфографика Bond Cars ви позволява да изследвате марката и дизайна на всяка от колите на Бонд, плюс ви дава няколко допълнителни интересни факти. Използвайки вездесъщата тактика на плъзгача, можете също така да "разкриете" колата в целия й метален блясък (по подразбиране е даден само едноцветен дизайн). Ето как авторите креативно решават проблема с необходимостта от включване на снимки, които не отговарят напълно на естетиката на инфографиката.

13. Цветове на движението

Цветовете на движението е инфографична серия, която анализира филми въз основа единствено на тяхната цветова палитра, получена от комбинирането на всички кадри. Ако някога сте се чудили, сега имате отговора. Не можете да намерите заглавие в базата данни? Просто изпратете съобщение на разработчиците - те приемат заявки.

14. Кралска гробница в Перу

National Geographic разполага с доста впечатляваща колекция от това, което те наричат ​​„интерактивна графика“ (повечето от които са придружени от подробни текстови описания, като Колоната на Траян), но ние избрахме този сравнително прост пример, за да подчертаем използваните техники, които са наистина ефективни в интерактивна инфографика. „Кралската гробница на Перу“ разкрива особеностите на погребението на благородничка от онези времена. Фокусът се премества от опаковките на мумията към нейните декорации и позиция. Като разделя информацията на малки части и позволява на потребителя да навигира между тях, интерактивните графики избягват най-коварните капани: претоварване с данни и визуални ефекти. Освен това всяко следващо взаимодействие подобрява изживяването, правейки го много по-възнаграждаващо, отколкото ако всичко беше представено наведнъж. Нашият мозък има механизъм, който отхвърля огромните стимули и този видвзаимодействието се превръща в отлично решение за потребителя, което улеснява усвояването на информация.

15. Какво представлява „шотландският референдум“? Обяснение за хора, които не са британци

The Guardian, подобно на New York Times, е отдаден на мултимедийната журналистика и тяхното видео върши чудесна работа с една от основните функции на инфографиката: поставянето на тромава информация в управляема форма. За много от нас, живеещи извън Обединеното кралство, референдумът е много объркваща тема. За щастие, този видеоклип (Шотландски референдум, обяснен за не-британци) ще ви помогне бързо да научите за важните аспекти, без да се налага да се гмурнете дълбоко в историята.

16. Обществено здраве

Мисията на Atlantic беше да разработи визия за подобряване на общественото здраве. Той възложи на Truth Labs да разработи поредица от 3 части за „Здравето на населението“ в цифрово разказване на истории. Основната цел на художника беше да запази естественото превъртане на документа и нормалното изживяване на потребителя при четене, като същевременно създаде изживяване, което се различава от визуална перспектива. За да го вдъхнат живот, те са заимствали инструменти и стратегии от филма, но също така са разчитали на набор от принципи на дизайна, за да поддържат четливостта като ключово правило.

17. Зърната на Джохо

Австрийският производител на кафе Joho's създаде завладяващо мултимедийно изживяване, Joho's Bean, за да разкаже историята за произхода на кафето на зърна. Разказът безпроблемно съчетава аудио, видео и фотография, за да ангажира почти всички сетива на потребителя. Докато следвате фермер плантация за кафе, чувате, звук от цвърчене на птици, звук от печени кафеени зърна, опаковани в торби, и звук от оживени улици и трафик в града. Пълно потапяне!

Joho's ви отвежда на пътешествие, обяснявайки произхода на тяхното кафе на зърна

18. Чист път

The Wild Path е интерактивен пътеписен опит, създаден с помощта на Canvas. Основният елемент е картата, която анимира пътя на картата, докато превъртате страницата. Проектът може да не работи във всички браузъри. Но идва с придружаваща статия, която обяснява всички задкулисни технологии за създаване на инфографика.

19.

Отразяването на Guardian на президентските избори в САЩ през 2016 г. (Резултати от изборите на живо) внесе забавен елемент в сериозния бизнес с номерата на гласоподавателите и избирателните секции. Интерактивна инфографика проследява гласовете в четири щата. По подразбиране графиката показваше резултати за цялата страна и ако потребителят задържи курсора на мишката върху област на картата, тя показва кои числа са отбелязали кандидатите там. Кандидатите за президент бяха представени като забавни пикселизирани аватари. Тъй като инфографиката беше актуализирана в реално време, хората оцветиха в щатите, които спечелиха. От време на време в балонче до кандидата се появява цитат.

Отразяване на изборните резултати в реално време