1.4 Анализ аналогов
В рамках данной работы рассматривается презентация, представляющая и продвигающая определенную торговую марку (организацию и ее товары и услуги). В подобных презентациях, как правило, дана информация об организации, товарах и услугах (новости, события, история, награды, премии, преимущества, и т.д.), выгодных и отличающих ее особенностях, а также полезная и интересная информация для представителей целевой аудитории. То есть общая философия ресурса строится на четком и полном описании деятельности компании.
Для успешного завершения проекта необходим анализ схожих продуктов, нужно определить какие критерии стоит оценивать. На основании предшествующих параграфов для оценки был составлен такой список критериев:
Инфографика:
актуальная, понятная тема;
визуальная привлекательность (на основании сочетания цветов, использованных шрифтов и композиции);
качество (читаемость и графическое исполнение) схем.
Тайминг и монтаж:
не ускользнули ли детали схем, пока зритель смотрел ролик и не слишком долгие остановки на одной сцене;
как сцены взаимодействуют между собой.
Интерактивность:
удобство взаимодействия;
осмысленность анимации взаимодействия;
адаптивность дизайна.
Презентация «Генслер : от представления к разговору» (Рис. 11)
Источник: https://prezi.com/m2zux1yqpspc/gensler-from-presentation-to-conversation/
Рис. 10. Презентация Генслер в Prezi
В презентации используется план здания, по которому перемещается камера. Когда переключаются слайды, происходит либо перемещение к новой сцене, либо действие на экране. По презентации можно перемещается с помощью мышки. Все слайды выполнены в едином стиле и использовано минимальное количество цветов подходящих друг другу по цветовому кругу. Среднее время просмотра слайда – несколько секунд.
Актуальная, понятная тема;
Эта презентация выложена на сайте Prezi – сервиса создания презентаций как пример. Она собрала много отметок «Нравится» и пришлась по душе аудитории сайта. Поэтому тему можно считать актуальной и понятной для целевой аудитории сайта.
Визуальная привлекательность (на основании сочетания цветов, использованных шрифтов и композиции);
Цвета гармонично сочетаются. Читы читаются хорошо как с мелкого экрана так и с проектора, композиция выстроена верно.
Качество (читаемость и графическое исполнение) схем.
Схема здания отрисованна аккуратно, без помарок. Некоторые особенно мелкие надписи будет сложно разобрать на небольшом экране.
Удобство взаимодействия.
Сервис Prezi особенная платформа для создания презентаций. Ее преимущество в том, что в любой момент можно переместится в практически любой момент презентации.
Интерактивная карта возрастов зданий Манхэттена (Рис. 11)
Источник: http://io.morphocode.com/urban-layers/
Пример информационного ресурса с использованием динамической инфографики. На карте отмечены все здания с годом их постройки. Можно выбрать временной интервал и перемещаться по прямой времени, при этом город будет строится на глазах.
Рис. 11. Интерактивная карта возрастов зданий Манхэттена
Визуальная привлекательность (на основании сочетания цветов, использованных шрифтов и композиции);
Для разных домов предусмотрены разные, контрастные друг к другу цвета. Карта и сайт выполнены в серых тонах. Шрифты хорошо читаются и все элементы в композиции «на своих местах».
Качество (читаемость и графическое исполнение) схем.
Карта сделана качественно, все дома аккуратно прорисованы и в нужный момент корректно заливаются цветом.
Не ускользнули ли детали схем, пока зритель смотрел ролик и не слишком долгие остановки на одной сцене.
Зритель сам может управлять скоростью показа.
Удобство взаимодействия.
На сайте предусмотрена инструкция. Когда мы попадаем на главную страницу нам поясняют где расположены навигационные элементы. После этого с картой работать проще.
Осмысленность анимации взаимодействия.
При подсказках в начале фон затемняется. Это хорошо оттеняет нужный элемент и акцентирует на нем внимание.
Адаптивность дизайна.
С сайтом сложно взаимодействовать через телефон.
Google Play визуализация истории музыки (Рис. 12)
Источник: http://research.google.com/bigpicture/music/#
Рис. 12. Интерактивная визуализация истории музыки
Google Play Music представил страницу Music Timeline, на которой визуализированы музыкальные предпочтения разных поколений начиная с середины ХХ века. Таймлайн составлен на основе музыки из библиотек пользователей Google Play Music. Если нажать на тот или иной жанр, появляется более подробная история его развития, а также визуализируются различные течения внутри одного жанра. При помощи графика можно узнать, какие альбомы и исполнители наиболее популярны среди пользователей Google Play, прочитать их истории и биографии, а также послушать треки с альбомов.
Актуальная, понятная тема;
Тема музыки близка каждому. Так же в данной визуализации приведены свежие, актуальные данные.
Визуальная привлекательность (на основании сочетания цветов, использованных шрифтов и композиции);
На сайте видно использование модульной сетки, все элементы расположены аккуратно, в своих модулях. Шрифты мелковаты, приходится задерживать внимание. Цвета пастельных тонов сочетаются в соответствии с цветовым кругом.
Качество (читаемость и графическое исполнение) схем.
Схема условная. Интервалы времени большие, точные данные из этой схемы не получить, многие линии накладываются друг на друга и разобрать где какой жанр становится невозможно.
Удобство взаимодействия.
Пользование схемой не продуманно. Пользователю приходится подстраиваться под очередной график. Его проблематично выделить мышью, и если та чуть уедет в сторону все обложки альбомов начнут мигать, это раздражает.
Осмысленность анимации взаимодействия.
При наведении нет плавного эффекта. График, на который навели мышь, сразу становится контрастнее относительно других, обложки альбомов моментально переключаются, это пугает неподготовленного пользователя и дезориентирует.
При щелчке по графику он строится плавно отдельно от других.
Адаптивность дизайна.
С телефона сайтом будет пользоваться проблематично.
Перепись населения в Австралии (Рис. 13)
Источник: http://spotlight.abs.gov.au/Flash/#/2/0/2000
Перепись населения для информационных журналистов — источник информации о населении страны. Само государство так же должно отчитаться о проведенном мероприятии, выпустив официальный отчет.
Рис. 13. Перепись населения в Австралии
В Австралии к созданию подобного отчета подошли более креативно, в результате чего на официальном сайте о прошедшей в 2011 году переписи населения, появилась интерактивная инфографика, в которой каждый австралиец может найти себя и своих друзей, ответив на несколько вопросов.
В инфографику заложена идея и целая история. Повествование ведется понятно, интересно и информативно. Используются приемы сравнения.
Актуальная, понятная тема;
Тема актуальна и понятна.
Визуальная привлекательность (на основании сочетания цветов, использованных шрифтов и композиции);
Цвета гармонично сочетаются. Шрифты читаются хорошо как с мелкого экрана так и с проектора, композиция выстроена верно.
Качество (читаемость и графическое исполнение) схем.
Схемы обрисованы аккуратно, без помарок. Анимация хорошо дополняет статические данные.
Не ускользнули ли детали схем, пока зритель смотрел ролик и не слишком долгие остановки на одной сцене.
Тайминг подобран хорошо. Все слайды зритель успевает прочитать и осмыслить. Остановки только в момент, когда пользователь должен ввести данные.
Как сцены взаимодействуют между собой.
Монтаж сделан без ошибок.
Удобство взаимодействия.
Сайт удобен и дружелюбен к пользователю. Создатели явно заложили чтобы каждый житель Австралии смог посмотреть на себя сквозь всю эту статистику.
Осмысленность анимации взаимодействия.
После ввода данных подгружается нужная сцена анимации. Все верно и без ошибок.
Адаптивность дизайна.
Можно посмотреть на мобильном устройстве.
Слои населения в Америке (Рис. 14.)
Источник: http://www.youtube.com/watch?t=123&v=QPKKQnijnsM
Эта анимированная инфографика сделана как видео. Голос за кадром поясняет и рассказывает о ситуации с слоями населения в Америке. Повествование распределено между двумя каналами информации: зрительным и слуховым. Речь и графика не конфликтуют друг с другом, а синхронно работают для решения общей задачи.
Анимация управляет вниманием зрителя и помогает ему следить за рассказом, переводя взгляд на важные в текущий момент объекты на экране. Этому способствует и цвет. Детали, такие как звуковые эффекты, шагающие человечки и летающие купюры не дают зрителю заскучать.
Рис. 14. Слои населения в Америке
Актуальная, понятная тема;
Тема будет близка любому американцу, потому как раскрывает ситуацию в стране по состоянию дел у разных классов людей.
Визуальная привлекательность (на основании сочетания цветов, использованных шрифтов и композиции);
Цвета сочетаются по цветовому кругу. Ахроматический серый подчеркивает внимание зрителя на графиках, которые имеют тон. Видео выглядит привлекательным и шрифт и композиция сделаны хорошо.
Качество (читаемость и графическое исполнение) схем.
Видео сделано для просмотра на YouTube. Смотреть с проектора такое видео будет сложно, потому что цвета не контрастны друг другу.
Не ускользнули ли детали схем, пока зритель смотрел ролик и не слишком долгие остановки на одной сцене.
Тайминг выстроен хорошо.
Как сцены взаимодействуют между собой.
Монтажные переходы реализуются внутри кадра, камера не перемещается. Это создает целостность презентации. А двигающиеся мелкие детали удерживают внимание зрителя.
Адаптивность дизайна.
Видео можно будет посмотреть с любого устройства, но на телефоне мелкие надписи будут едва различимы.
Сильные стороны всех проектов — это цвета и качественно исполненные схемы. Однако интерактивность некоторых оставляет негативное впечатление. Так же многие из этих примеров будут нечитабельными при воспроизведении с проектора. Чтобы не допустить таких ошибок в разработке, нужно будет подобрать контрастные цвета.
Итак, было разобрано и оценено по нормативным критериям 5 примеров презентаций с использованием динамической инфографики. Был составлен и протестирован ряд критериев, по которому можно оценить любую работу такого плана. Для будущей оценки эффективности проделанной работы будем использовать эти характеристики.