Юзабилити сайта
Удобство сайта к использованию прямо влияет на поведенческие факторы. Неудобный сайт способствует непрерывной потере трафика: даже при наличии нужной информации пользователи могут её не найти, просто не осилив сложности в пользовании сайтом.
| Если на сайте предусмотрены регистрация и авторизация пользователей, то лучше реализовать эти функцию с помощью всплывающих окон, исключая переход на другую страницу. | |
| Адаптивный дизайн предусматривает способность сайта изменять свой интерфейс в зависимости от размеров экрана (окна браузера). | |
| Аккордеоны («сворачивающийся» контент) целесообразно применять для «разгрузки» видимой части контента веб-страницы. | |
| Битые ссылки – ссылки, ведущие на несуществующие страницы. Большое количество битых ссылок может негативно сказываться на продвижении сайта и затруднять навигацию. | |
| Возможность просмотра информации о товаре в листинге без перехода в карточку товара приветствуется пользователями. | |
| Наличие виртуальной корзины – обязательное условие для интернет-магазинов, и её использование не должно вызывать затруднений. | |
| Всплывающие подсказки (Tooltips) помогут исключить перегрузку видимой части контента для лучшего восприятия основной и дополнительной информации. | |
| Интерфейс сайта должен быть интуитивно понятен, прост в использовании и не требовать много времени на его изучение. | |
| Возможность задать вопрос по товару с карточки соответствующего товара особенно актуальна при большом ассортименте. | |
| Favicon отображается в сниппетах выдачи Яндекса, а так же во вкладках и закладках браузера, облегчая работу пользователей. | |
| Применение на коммерческом сайте интерактивных карт (например «Яндекс.Карты» или «Google Map») с адресами филиалов, торговых точек, офисов или других объектов, относящихся к сайту, способствует увеличению конверсий на коммерческих сайтах. | |
| Обеспечьте удобство использования кликабельных элементов (кнопок и ссылок) на мобильных устройствах, соблюдая оптимальные размеры самих элементов и отступы между ними. | |
| Рекомендуется указывать цены ко всем возможным товарам и услугам. Это не только приветствуется пользователями, но и учитывается при ранжировании поисковыми системами. | |
| Карта сайта – страница, содержащая структурированный список актуальных для пользователей страниц. Карта сайта облегчает ориентирование пользователей по сайту. | |
| Калькуляторы расчета стоимости особенно актуальны, когда цена товара или услуги зависит от большого количества взаимосвязанных факторов. | |
| Используйте на страницах карточек товаров максимум полезной для покупателей информации в удобном виде. | |
| Наличие кнопки «Купить» очень важно на страницах карточек и листингов товаров. Пользователи не должны задаваться вопросом, как можно осуществить заказ. | |
| Возможность обсуждать статьи и товары способствует пользовательской активности на сайте. Кроме этого, информативные комментарии помогают раскрывать тему веб-страницы. | |
| Контактная информация в правильном виде должна присутствовать на каждой странице коммерческого сайта, а также под неё должна быть выделена отдельная страница. | |
| Кроссбраузерность подразумевает одинаковое отображение интерфейса сайта и его полное функционирование во всех современных браузерах. Обязательно тестируйте дизайн и функционал сайта во всех современных браузерах. | |
| Основное меню сайта и другие элементы навигации должны быть удобны к использованию независимо от размера экрана. | |
| Мобильная версия сайта является альтернативой адаптивного дизайна и предусматривает наличие отдельной версии сайта для мобильных устройств. | |
| Модальные (всплывающие) окна применяются для «разгрузки» видимой части контента веб-страницы. Также в модальных окнах целесообразно выводить формы (заказа, регистрации, авторизации и т.д.). | |
| Область просмотра позволяет определить размер видимой части сайта в зависимости от размеров экрана (окна браузера). | |
| Возможность заказать обратный звонок может быть востребована потенциальными заказчиками. | |
| Для упрощения навигации по особенно содержательным страницам сайта создавайте их оглавление с применением «якорные» ссылок внутри таких страниц, желательно в сочетании с функцией плавного скроллинга. | |
| Наличие онлайн-консультанта приветствуется пользователями и способствует улучшению поведенческих факторов, однако он не должен быть слишком навязчив. | |
| Возможность оставлять отзывы на товары и услуги не только обеспечивает обратную связь с клиентами, но и формирует доверие пользователей. | |
| Ссылки и прочие кликабельные элементы должны выделяться в общем контексте (посредством цвета текста, фонового выделения, подчеркивания и т. д.). Этот фактор также учитывается поисковыми системами. | |
| Первый экран веб-страницы в браузере в идеале должен отражать самую важную информацию, которая начинается с тега заголовка H1. | |
| Постраничная навигация (пагинация) – это разбиение отдельной веб-страницы верхнего уровня на несколько вложенных страниц, доступных по разным ссылкам. | |
| Эта функция необходима для облегчения поиска информации на сайте. Сделайте её максимально удобной для пользователей. | |
| Блоки, в которых отображаются недавно просмотренные пользователем веб-страницы, облегчают навигацию по сайту. | |
| Пользователи не любят процесс регистрации, поэтому рекомендуется делать её автоматической во время совершения заказа, при этом форма заказа должна быть максимально простой. | |
| Возможность оценивать статьи и товары способствует улучшению пользовательской активности на сайте и формированию доверия к представленному контенту. | |
| Реклама на сайте может затруднять его использование, тем самым способствовать росту числа отказов от просмотра. | |
| Слайдеры (элементы со сменой слайдов по горизонтали или вертикали) целесообразно применять для неосновного контента (например, для рекламы или навигации по разделам сайта), чтобы «разгрузить» видимый контент веб-страницы. | |
| Скорость загрузки и отображения страниц сайта способствует росту числа отказов от просмотра при неудовлетворительных значениях. | |
| На страницах категорий с большим количеством вложенных страниц важно предоставить пользователям возможность выводить на экран необходимое количество страниц и сортировать их по определённым признакам. | |
| Блоки с сопутствующими товарами или информационными материалами актуальны, когда на сайте много соответствующих веб-страниц. | |
| Лайки веб-страниц в социальных сетях могут повышать доверие пользователей, а кнопки «Поделиться» способствуют распространению информации. | |
| Страница, на которую попадают пользователи по несуществующим URL-адресам, должна соответствовать принципам юзабилити и дизайну сайта. | |
| Навигационная цепочка («хлебные крошки») особенно важна для крупных сайтов с глубокой структурой: она облегчает поиск нужной информации и ориентацию по сайту. | |
| От структуры сайта зависят не только удобство навигации, но и распределение внутреннего ссылочного веса, а также структура URL-адресов. | |
| Технология AJAX исключает обновление страниц в браузере при совершении каких либо действий со стороны пользователей, тем самым упрощая их взаимодействие с сайтом. | |
| Используйте различные вариации размеров шрифтов относительно размеров экрана, чтобы обеспечить удобочитаемость. | |
| Человекопонятные URL-адреса способствуют их лучшему восприятию и запоминанию, а также повышают релевантность при вхождении ключевых слов. | |
| Фильтр товаров — один из важнейших атрибутов интернет-магазина, особенно если на сайте представлен широкий ассортимент товаров с самыми разными атрибутами и характеристиками. | |
| Форма заказа должна быть максимально простой и не должна содержать лишних полей. Чем сложнее форма — тем выше вероятность, что пользователь не захочет её заполнять. | |
| Иногда пользователи используют форму обратной связи, размещать которую в первую очередь следует на странице с контактами. | |
Юзабилити важно для всех видов сайтов, поэтому над ним нужно постоянно работать: тестировать интерфейс, отслеживать поведение пользователей и определять лучший вариант дизайна, структуры и логики сайта.
В создании сайта всегда важно изначально понимать целевую аудиторию: что она делает, как ищет информацию, к чему привыкла и проектировать дизайн и интерфейс сайта под её нужды.