Тренды разработки сайта в 2022

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

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

Дело техники

Единых правил создания сайта нет. Хотя одна нерушимая аксиома есть. Хороший сайт = удобный сайт. Если пользователь не может найти нужную информацию (телефон/адрес/цена/что угодно), если часто выдается ошибка 404 и если сайт долго загружается – к сожалению, хорошим его не назовешь.

Мы выделили 10 важных пунктов:

• Скорость загрузки страниц

При медленной загрузке сайта пользователь может быстро с него уйти – не у всех есть время (и желание) ждать. Советуем придерживаться комплекса метрик Core Web Vitails. Мы уже рассказывали о них ранее.

• Альтернативные способы связи

Номер телефона – это, конечно, хорошо, но не все любят телефонные разговоры. Именно поэтому на сайте стоит разместить ссылки на мессенджеры и социальные сети: Telegram, WhatsApp, VK, Одноклассники. Это особенно удобно для тех, кто заходит с компьютера – у мессенджеров есть удобные десктопные версии, и не нужно переписывать номер телефона. Кликабельные иконки социальных сетей можно разместить в футере или хедере сайта.

• Формы обратной связи

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

• Сквозное время работы

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

• Онлайн-консультант

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

• Кнопка быстрой прокрутки вверх

Она пригодится при скроллинге каталога. Чтобы не тянуть ползунок прокрутки до самого верха, можно просто добавить кнопку, которая по одному клику прокрутит страницу.

• Карта местоположения

Для того, чтобы потенциальный клиент сориентировался, где находится организация, на страницу контактов (или на ГС) можно добавить карту с отметкой адреса. Сгенерировать карту необходимого размера можно в конструкторах Яндекса и 2ГИС. 

• Добавление отзывов

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

• Фильтры в каталоге

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

• Уровень вложенности страниц

До желаемой страницы нужно доходить в два клика. Если совсем не получается – в три. Большее количество кликов увеличивает процент отказа. URL https://topovayaklinika.ru/uslugi/consultacii/kardiologia/vzosloe-otdelenie/kardiolog можно заменить на https://topovayaklinika.ru/consultacii/kardiolog.

 

Визуал наповал!

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

Мы выделили несколько «типов» дизайнов и графических приемов, которые пользуются большой популярность в 2022 году:

• Крупные картинки и шрифты

Этот тренд не первый год внедряется на сайты. Мелкие шрифты и картинки – это совершенно неудобно. Никому не хочется щурить глаза или увеличивать масштаб страниц. Именно на это многие и стали делать акцент в дизайне. Обычно в центре внимания находятся:

• Крупный объект. С него (после хедера, конечно) часто начинаются главные страницы. Взгляд пользователя цепляется за акцентный объект, а дальше уже начинается просмотр основной информации. Важно только, чтобы изображение было тематическим. 

• Крупные шрифты.

Вместо картинки акцентом может стать надпись. Часто обыгрывается ее цвет и ее межбуквенное расстояние. 

• 3D-объекты

На заре появления 3D-картинок их внедряли куда ни попадя. Несколько лет назад их популярность упала – люди поняли все прелести минимализма и 2D-изображений. Но популярность вновь возросла, только сейчас 3D-объекты стали акцентом. 

• Ассиметричная сетка

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

• Яркие цвета

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

• Минималистичные каталоги

Большое число фильтров в каталоге – это удобно, но даже их можно «осовременнить». Больше пространства, проще шрифты – и сайт воспринимается более легким и воздушным.

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

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