Написать нам
Категория: Тренды
11.12.2019

Тренды Веб Дизайна 2020

Каждая отрасль обусловлена привязкой к определенным тенденциям. Особенно это касается графического дизайна, маркетинга и, конечно же, веб-дизайна. С самого начала «технологической революции» можно отследить массу изменений в разработке веб-сайтов.



Инновации расширяют возможности. А потому влияют на то, какие сайты мы захотим видеть. Так формируются новые тренды. Можно создавать довольно уникальные страницы. Но если хоть немного не следовать тенденциям, человека признают немодным, а сайт неинтересным.



Анализируя рейтинги Awwwards – сообщества, которое определяет лучшие сайты дня по типу этих, месяца и года по разным критериям мне удалось выделить грядущие тренды веб-дизайна.



Адаптивный дизайн



Прежде всего хочу выделить тренд, который будет на вершине еще не один год. Веб-страница должна быть читаемой и внешне привлекательной на любом экране или его части. Потому адаптивность – одно из ключевых требований веб-дизайна.







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





Пример адаптивного веб-дизайна. Источник изображения


Кроме текста и медиаконтента, любые элементы могут пропадать с экрана при изменении его размера. Но некоторые из них должны обретать другой вид, становясь легкодоступными. Так, ключевая составляющая веб-страницы на телефоне – кнопка «Меню», которая позволит перейти к:





Из личного опыта могу сказать, что 80% неадаптивных сайтов я покидаю моментально, поскольку с ними неудобно работать. Исключения – наличие необходимой мне информации. В таком случае я вынужден приспособится. Но впереди 2020. Задача разработчиков – избавить пользователей от сложностей.



Всплывающие уведомления



Достаточно спорный на сегодня тренд, но должен признать, он набирает обороты. Неприятно видеть в углу монитора какое-то сообщение с сайта во время работы или просмотра фильмов. Тем не менее, часто в этом есть польза. Например, извещение о том, что заканчиваются билеты на концерт любимой группы или футбольный матч.





Пример всплывающих уведомлений. Источник изображения


Уведомления можно заблокировать, что исключит их надоедливость. Но на устройствах вроде планшета или телефона они часто полезные, нежели невыносимые. Большинство сайтов уже сейчас спрашивают разрешения пользователя на отправку уведомлений.



При добавлении этого элемента необходимо учитывать целевую аудиторию и ее потребности. В дальнейшем стоит обращать внимание на активность и основные интересы. Важно правильно настроить тематику и частоту уведомлений. Этот элемент должен помогать пользователям, а не отпугивать их.



Motion design



Темпы 21 века сделали нас очень нетерпеливыми. Это касается и поиска информации в Интернете, даже если времени достаточно. Потому, пользователей оказывается в состоянии «мгновенного удовлетворения», если получается искомую информацию в полном виде на одной веб-странице.



Как это обеспечить? Реализацией «моушн дизайна». Один из самых банальных примеров – добавление GIF-анимаций для ознакомления с основными характеристиками автомобиля. Более сложной может быть анимация HTML5 и Canvas полотно. Это обеспечит гораздо быструю загрузку страницы, анимации и повысит сайт в результатах поиска яндекса и гугла.





Пример использования анимации в веб дизайне. Источник изображения


Такой способ подачи информации намного эффективнее, нежели текстовый или даже изобразительный. Преимущество gif над видео в более быстрой загрузке, что тоже очень важно при работе с сайтом.



GIF-файлы могут передавать самые сложные идеи за короткий промежуток времени. Более того, они точно заинтересуют пользователя, что заставит его задержаться на сайте. Одно из ключевых преимуществ – они работают в любом браузере и смартфоне, потому будут доступными для всех.



Но также стоит учитывать, что анимации, как правило, недолгие. Считайте, что есть не больше 5 секунд. В этот промежуток необходимо вложить весь посыл. Если не получается, лучше заменить ее видео.



Добавление видео



Не новый тренд, но пока ему нет замены. Он создает противоречие нехватке времени при серфинге в Интернете. Большинство пользователей не имеют желания долго задерживаться на сайте. Но большинство из них готовы потратить 2, 5 и больше минут, чтобы посмотреть релевантное видео. Как правило, статьи слишком сухие и люди просто не выдерживают их в постоянно динамическом цифровом мире.



Немного статистики:





Информация взята с опроса The State of Video Marketing 2019.



Могу смело утверждать, что сегодня видеоконтент – безусловный лидер среди трендов веб-дизайна. Я не знаю ни об одном успешном проекте, представители которого выступали против добавления видео.



Тем не менее, есть небольшой список правил по добавлению этого элемента на свой сайт:



  1. Длительность. Не более 5 минут. Основу проекта можно спокойно описать за этот промежуток. Задача видео – привлечь внимание пользователя и заставить его углубиться.


  2. Релевантность. Видео должно четко соответствовать странице, на которой он находится. К примеру, не стоит размещать материал «Наша команда» на странице «Почему нужно работать с нами».


  3. Простота. Передавайте лишь основной посыл. Если сильно залезть в дебри, пользователю станет скучно, а идею он так и не поймет


  4. Минимализм. Польза от видео не означает, что нужно залить много роликов. Часть информации должна быть подана и в текстовом виде.




Чат-боты



Следующий развивающийся тренд связан с искусственным интеллектом. Пользователи часто обращаются в поддержку с вопросами разного рода. Как правило, со временем они совпадают и отвечать на них все труднее с психологической стороны.



Чат-боты – программы, предназначенные для имитации разговора, - в настоящее время развиваются и совершенствуются, становясь более похожими на людей. Они собирают базу постоянных вопросов и в дальнейшем моментально отвечают заинтересованным пользователям.





Как работает чат-бот. Источник изображения


Есть два типа ботов: с фиксированной базой данных и созданных на основе ИИ. Первый вариант – это что-то вроде усовершенствованного раздела FAQ и являются малоэффективными. Именно второй вариант является развивающимся трендом, поскольку значительно облегчает знакомство пользователя с проектом.



Преимущества чат-ботов в том, что они дешевые (дороже, чем раздел FAQ, но значительно дешевле сотрудника поддержки) отвечают мгновенно и доступны 24/7. Недостатки: не понимают саркастических запросов, не могут правильно ответить на вопрос, заданный впервые.



Эксперименты с чат-ботами начались несколько лет. Но пока они запоминались только как глупая программа, неспособная нормально отреагировать на банальный запрос. Сегодня они «научились». Теперь боты могут полностью оформить заказ, помочь с регистрацией или восстановить аккаунт.

Пустое пространство



Использование «белого» пространства – один из принципов веб-дизайна и эффективный способ привлечения внимания. Под пустым пространством подразумевается область между элементами дизайна, а также пространство внутри некоторых элементов веб-страницы (включая междустрочный интервал и растяжение шрифта).





Правильное использование пустого пространства. Источник изображения

Написать нам
Имя*:
Email*:
Сообщение: