Создание сайтов: тренды и антитренды

Актуальные тренды

Интеграция с мессенджерами. Пользователи получают доступ к функционалу сайта с помощью специального бота и могут заказать товар или обратный звонок прямо из чата. В последнее время очень популярен мессенджер Telegram, благодаря открытому API.

КонцепцияMobile-first, согласно которой макет сайта изначально разрабатывается для мобильных устройств и потом адаптируется под ПК. Если со смартфонов и планшетов идет достаточно большое количество трафика, то стоит придерживаться этого концепта, однако нельзя забывать о принципах UX (так называемых User Experience)! Например, не стоит размещать ключевые CTA в самом верху экрана – у большинства смартфонов достаточно внушительные размеры экрана, и большой палец пользователя просто не дотянется в эту точку.

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

Качественная верстка и продуманный дизайн. Например, очень важно соблюсти оптимальный уровень контрастности визуальных элементов, благодаря чему контент будет легко восприниматься. Уровень контрастности можно проверить визуально и с помощью специальных инструментов (в chrome dev tools – параметр accessibility и др.). На сайтах медицинских организаций и госучреждений рекомендуется разработать специальную версию дизайна для слабовидящих.

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

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

Удобная навигация. Потенциальные клиенты любят, когда всю необходимую информацию легко найти и отсортировать по различным параметрам! Интуитивная навигация является одним из ключевых факторов достижения коммерческого успеха для интернет-магазинов и каталогов. Очень важно проставлять правильные теги и поддерживать их в актуальном состоянии, а также помнить о необходимости размещения специальных подборок, например: «Новогодний стол», «Подарки мужчинам» и т. д. Крайне желательно позаботиться о наличии функционала продвинутого поиска по широкому спектру параметров.

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

Антитренды в мире сайтостроения

Забудьте о капче с галочкой! Устанавливайте невидимую защиту от спама, которая позволяет обойтись без картинок, форм и прочих лишних элементов.

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

Указывайте цены и размещайте другую информацию, которая интересна потенциальным клиентам. Пользователи не любят звонить и уточнять цену или заказывать обратный звонок!

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

Сложные визуальные эффекты. Загрузка сайта становится медленнее, пользователи отвлекаются – это совершенно лишнее.

Стоковые фотографии, некачественный контент, фейковые отзывы. Используйте только уникальные авторские материалы. Мотивируйте клиентов оставлять отзывы, например, предложив специальные бонусы.