Существуют ли стандарты веб-дизайна?

    Стандарты веб-дизайна

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

    Мы провели исследование Рунета с целью выявить стандарты разработки и дизайна сайтов. Было проанализировано 250 топовых сайтов согласно данным рейтинга LiveInternet. И вот что у нас получилось.

    1. Шрифты

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

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

    Использование стандартных шрфтов

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

    Рейтинг популярности шрифтов

    2. Логотипы

    В одном проценте сайтов, дизайнеры решили разместить лого не в шапке. Но для 99% сайтов это не так. Однозначно можно утверждать, что место логотипа в дизайне — это шапка.  Причем левый верхний угол используют 89% против 10%, где лого в центре шапки.

    Расположение логотипа на странице

    3. Главное меню

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

    4. Блок социальных сетей

    Еще каких-то пару пятилеток назад не существовало такого понятия, как социальные сети. Поэтому тогда на сайтах, естественно, нельзя было увидеть блока соцсетей. Сейчас такой блок является чуть-ли не стандартом. Большая часть владельцев сайтов, а именно 40% размещают блок соцсетей в так называемом “подвале” сайта. И только в 24% случаев указанный блок не используется вообще. Это обстоятельство только подтверждает  существование тенденции к обязательному приходу бизнеса в социальные сети.

    Расположение блока соцсетей на сате

     

    5. CSS Анимация

    С момента появления CSS3 разработчики и дизайнеры получили почти безграничные возможности по улучшению дизайна и юзабилити сайта. Благодаря таким замечательным свойствам CSS, как transition и animation, в настоящее время анимацию на своем сайте применяют 84% владельцев сайтов.

    Частота использования CSS Анимации на сайте

    5. Поиск на сайте.

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

    Расположение блока поиска на сайте

    6. Слайдер

    Слайдеры, безусловно, улучшают так называемый User eXperience. Сейчас трудно представить какую-нибудь галерею на сайте без слайдера. Поэтому этим инструментом пользуются половина владельцев сайтов.

    Наличие блока слайдера

    7. Вход на сайт

    Регистрация на сайте дает пользователю возможность получать более персонализированную информацию. Поэтому такой блок также имеется у 64% респондентов.

    Вход на сайт

    8. HTTPS

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

    https

    9. Адаптация сайта под мобильные устройства.

    В 2017 году  количество пользователей мобильных устройств впервые превысило количество пользователей персональных компьютеров.

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

    Также важно отметить, что поисковые системы включили в список наиболее важных факторов ранжирования именно наличие адаптивной верстки или мобильной версии сайта.

    Рынок, конечно же, на это реагирует и сейчас у половины сайтов реализован адаптивный  дизайн и верстка.

    Процент сайтов с адаптивной версткой

    Если рассматривать другую половину: тех, у кого нет адаптивной верстки, то из них у 64% имеется отдельная мобильная версия сайта. И только у 38% половины без адаптива, сайт под мобильные устройства не адаптирован никак.

    Процент поддержки сайтов с мобильных устройств

     

    10. Основной цвета сайта

    Так получается, что на 88% сайтов используется светлый фон: 63% — белый, 25% — серый. Это, отчасти, можно связать с тем, что дизайн сайта был сформирован под влиянием стандартов  дизайна печатной продукции, т.е. книг и журналов, где преобладает белый фон и темный текст.

    Основной цвет фона сайта

    11. Количество колонок

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

    Количество колонок

     

    Заключение

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

    Стандарты веб-дизайна

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


    Получайте полезную информацию
    на Вашу почту еженедельно

    Ваш Email не будет передан третьим лицам