5 важных элементов современного коммерческого сайта


Почему современный и удобный сайт – это очень важно?

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

Беглый просмотр результатов выдачи поисковика показал, что с онлайн-школами у нас все не просто плохо, а очень плохо. Услуги дистанционного образования предлагают заведения с сайтами уровня «привет из 90-х». Вот несколько примеров:

Пример 1 неудачного оформления сайта

Пример 2 неудачного оформления сайта

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

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

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

Почему вашему сайту нужен современный дизайн?

  • Через 24 часа после ознакомления с контентом сайта, человек помнит 65% визуальной информации и только 10-15% письменной;
  • В 2018 году 52% заходят в интернет через мобильные устройства;
  • 92% жителей Восточной Европы имеют доступ к быстрому мобильному Интернету;
  • Среднестатистический россиянин проводит в Интернете 6,5 часов в сутки и хорошо понимает разницу между плохим и хорошим сайтом.

1. Уникальный шрифт

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

Уникальный шрифт Netflix Sans

Почему это полезно?

Как рассказывает Jaffrey Vocell в своей статье о стилях современного сайта, выбор шрифта может давать подсказку о характере вашей деятельности. У вас все серьезно и официально или весело и неформально? Делается акцент на функционал или доступность информации?

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

2. Фоновые видео

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

Фоновое видео на сайте социальной сети EVA

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

Почему это полезно?

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

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

3. Большие изображения

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

Большие изображения на блог-сервисе Medium

Почему это полезно?

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

4. Гамбургер-меню

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

Гамбургер-меню на сайте

Почему это полезно?

Страницы вашего сайта не должны перегружаться элементами управления. Удаление сложной навигации делает пространство более чистым и свободным.

5. Плиточный дизайн

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

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

Почему это полезно?

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

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

Вывод

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


 
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5,00 out of 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *