Функциональные компоненты веб дизайна

 

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

 

Навигация

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

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

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

 

     Плавающее меню. Меню, которое закреплено в определенной части экрана, и остается в поле зрения пользователя даже когда он прокручивает сайт вниз.

 

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

 

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

 

       Боковое меню. Меню, которое располагается по краям в левой или правой части экрана.

 

Скорость

Никому не нравятся медленные сайты. Согласно исследованию, на сайтах, которые загружаются более 3 секунд, показатель отказов возрастает на 38%. Неважно, насколько красиво выглядит страница — если она не отображается корректно и заставляет пользователя ждать, он с большой вероятностью закроет ее через несколько секунд. На производительность сайта может влиять множество факторов: от количества элементов на странице до сторонних приложений. Мы написали подробное руководство о том, как ускорить работу сайта.

 

SEO

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

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

 

UX

UX (user experience — «пользовательский опыт) — это дисциплина веб-дизайна, которая изучает логику действий пользователей, чтобы обеспечить для них наиболее комфортное взаимодействие с сайтом. UX дизайнеры помогают сделать так, чтобы сайт положительно влиял на клиентский опыт. Для этого страницы должны отвечать следующим характеристикам:

  • Польза;

  • Удобство использования;

  • Легкость в поиске;

  • Доверие;

  • Желанность;

  • Доступность;

  • Ценность.

 

Адаптивный дизайн и респонсивный (отзывчивый) дизайн.

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

Адаптивный дизайн подразумевает создание нескольких версий сайта: например, для разных размеров экрана или браузеров. Например, пользователи Wix при создании сайта получают готовую мобильную версию, которую они могут настроить по своему вкусу.

Респонсивный (отзывчивый) дизайн означает создание одной «гибкой» версии сайта, которая меняется в зависимости от размера экрана или даже от положения смартфона в пространстве.

close