Рисунок 1.5. Спортсмены, актеры
Для возможности информирования населения о достижениях в сфере
экологического образа жизни существуют различные источники, в том числе
создаются различные сайты, направленные на ознакомление и ведение в эко-стиле
жизни.
1.5. Анализ аналогов
В качестве аналогов в работе рассматривается несколько вариантов сайтов,
информирующих о различных вариантах экологичного образа жизни.
Сайты предлагают информацию, связанную с советами вести здоровый образ
жизни и новостями из мира экологии.
Сайт The Chalkboard – это сайт, предназначенный здоровому образу жизни,
здоровью, питанию, экологической косметике, фитнесу и полезным рецептам [5].
Выбранная цветовая композиция состоит из контрастных цветов – белый и
темно-серый, что совершенно не соответствует цветовой гамме, связанной с
экологией. Шрифты читабельны, текст перегружен излишними выделениями (рис.
можно найти, нажав на значок меню рядом с названием сайта. Блоки на странице
сайта расположены согласно оптической середине. При переходе в какой-либо
раздел меню, не понятна информация из-за обилия картинок, весь сайт похож на
спам, т.к. картинки и текст расположены в разброс. При прочтении определенной
статьи появляется чувство, что ей нет конца и края, т.к. после окончания статьи уже
открыто что-то другое, не относящееся к выбранной теме. Некоторые под темы
имеют непонятные заголовки не объясняющие, какую определенную информацию
несет в себе тема. На сайте, казалось бы, можно найти всё, что можно касаемо
здорового образа жизни, но из-за непонятного расположения текста и картинок
очень сложно дать положительную оценку такому оформлению, отнимается
желание что-либо изучать с помощью этого сайта (рис. 1.6).
Рисунок 1.6. Скриншот сайта
Рисунок 1.7. Скриншот сайта
2. Сайт Global Stewards предлагает сотни полезных советов по экологии для
создания устойчивого образа жизни [6].
Сайт обладает обилием информации на различные темы по экологии, меню
расположено горизонтально, что визуально занимает на странице меньше места.
Блоки на странице сайта расположены согласно оптической середине. Блоки на
странице сайта расположены согласно оптической середине. Шрифт читабельный,
статьи в основном расположены по сетке в виде картинок с подзаголовками к ним.
Цветовая концепция соответствует экологическому стилю используя его основной
цвет – зеленый. В статьях присутствует обилие текста, вся нужная информация по
заданной теме, но автор статей также ссылается на другие сайты. Отсутствует
структурированность под тем, можно было бы их выделить так, чтобы их можно
было бы прочесть отдельно (рис. 1.8).
Рисунок 1.8. Скриншот сайта
Сайт Biofriendly Planet Magazine, домашняя база для людей, которые помогают
сделать окружающую среду более чистой [7].
Цветовая концепция соответствует цветовой палитре экологической темы
сочетая в себе зеленые оттенки и многими избранный белый цвет. Шрифт
читабельный, меню расположено горизонтально под названием сайта, также
имеется поисковая строка для поиска статей по ключевым словам. Блоки на
странице сайта расположены согласно оптической середине. Ключевые слова также
имеются под статьями, по ним можно найти как-либо связанные темы. В статьях
информации и картинок в меру достаточно, информация структурирована, имеются
подзаголовки обозначающие, о чем идет информация в новом абзаце. На главной
странице в разброс предложены статьи в виде картинок и заголовков на них
выделенных белым цветом (рис. 1.9).
Рисунок 1.9. Скриншот сайта
Сайт Green Choices «Зеленый выбор» – это выбор, который мы можем сделать
в повседневности с целью охраны окружающей среды в пользу всех. Мы
стремимся предоставить вам простую и прямую информацию о экологических
альтернативах, которые имеют продолжительную значимость [8].
Информационный блок смещен к центру страницы, что оставляет голову
страницы пустовать. Блоки на странице сайта расположены согласно
оптической середине. Шрифт читабельный, меню расположено горизонтально
с раскрывающимися подзаголовками. Цветовая концепция приемлема для
темы экологии, но не вызывает желание зайти на этот сайт еще раз, т.к.
визуально не приятно восприятие сочетания голубого и зеленого цветов. В
статьях просто идет описание темы, текста приемлемое количество, картинки
находятся в фирменных рамках оформления сайта (рис. 1.10).
Рисунок 1.10. Скриншот сайта
1.6. Экспертная оценка аналогов
Для возможности оценки дизайна каждого сайта было выбрано 10 экспертов,
в состав которых вошли люди исходя из обозначенной целевой аудитории в возрасте
от 16 до 60 лет способных к активному образу жизни.
Для возможности оценки дизайна сайтов и удобства их использования для
экспертов были сформулированы 5 основополагающих вопросов. Для простоты
оценки эксперты должны были дать однозначный ответ да/нет, обозначенные в
таблицах как +/-.
1. Нравится ли Вам цветовая концепция сайта?
2. Нравится ли Вам подобранный шрифт? Удобно ли читать текст?
3. Устраивает ли Вас композиция сайта?
4. При знакомстве с сайтом формировалась ли у Вас интуитивно понятная
информация?
5. Как Вы считаете, удобно ли меню сайта? Устраивает ли Вас его
информативность?
Таблица 7. Экспертная оценка визуального восприятия сайта
потребителем
Цветовая
концепция
Шрифт
Читаемость/
Соотв.
стилю
Композиция
Формирование
интуитивно
понятной
информации
Удобство
меню/
Информа
тивность
Добавлено примечание ([g5]): Пишем, что экспертов 10,
значит должно быть 10
На основе экспертной оценке сделан вывод, что сайты, посвященные
экологии не проработаны с точки зрения дизайна и структурированной информации
на конкретную тему. Выбранные аналоги построены не по модульной сетке и в
связи с этим, расположенные блоки текста и фото выглядят разбросано. По большей
части эти сайты не говорят конкретно об экологическом образе жизни, они лишь
раскрывают какие-то аспекты этой темы: новости, правильное питание, продажа
экологических продуктов. Представленные аналоги являются иностранными
сайтами. Из российских сайтов не имеется таких, кроме государственных, чтобы
они были полностью посвящены экологии.
1.7. Перспективы развития
Дизайн позволяет информативно донести нужную информацию до
потребителя, так как основную часть информации быстро и доступно мы
воспринимаем визуально. И на быстрый взгляд нужно мало времени, чтобы уже
произвести оценку чего либо, тогда как тексты, несмотря на их информативность
не дают экономии времени.
1. Эволюция плоского дизайна. Последние несколько лет плоский дизайн был
главным трендом на рынке, но теперь под влиянием Material Design от Google он
начинает приобретать объём. Это эволюция плоского дизайна из минималистского
стиля в полу плоский дизайн с добавлением теней, анимации и функциональности.
Больше 3D. Использование 3D в дизайне определённо набирает обороты, и
благодаря быстрому росту технологий виртуальной и дополнительной реальностей
3D-дизайн будет развиваться ещё быстрее.
Анимация. Анимация была очень популярна в 2017 году и использовалась в дизайне
для привлечения и управления вниманием пользователя. Сейчас она развивается и
переходит от просто декоративной функции к более осознанному управлению
пользовательским вниманием, как бы подсказывая, где стоит акцент на странице
или какой может быть следующий шаг.
Смелые насыщенные цвета и градиенты. Используются яркие цвета, совмещаются
фотографии с градиентами и отходят от линейности в переходе цвета.
5. Творческое использование пространства и сетки. В предыдущие годы веб-
дизайн был адаптирован к организованным колонкам и сеткам, но в 2017 году мы
увидели значительный сдвиг в сторону нерегулярных слоёв, асимметрии и отхода
от 12-колоночной сетки.
6. Персональные фото и иллюстрации. Стоковые фотографии по-прежнему
используются, но в 2017 году главная тенденция 2017 года – использование фото,
графики и иллюстраций на заказ.
7. Дизайн без кода. Растёт популярность онлайн-сервисов для создания
прототипов, дизайна без кода и конструкторов сайтов. Всё это приводит к простоте
создания, доступности и более быстрому запуску небольших проектов.
Дизайн-системы. Дизайн-система – это библиотека или набор правил фирменного
стиля и брендинга в едином стиле на всех проектах компании: от сайтов до дизайна
рекламной кампании.
9. Выразительная типографика. Типографика, возможно, самая важная часть
в создании дизайна. В этом году типографика будет выразительной, смелой и
красивой.
10. Логотипы. Логотипы переходят в минимализм и упрощения. Отсекаются
лишние слоганы, значки «™», «®» и сложные графические элементы. Дизайнеры
представляют логотипы в анимированном виде, адаптируют под разные устройства,
используют яркие цвета и градиенты. Все тенденции веб-дизайна переходят и на
логотипы [5].