01033, г. Киев
ул.Владимировская 40/2

+38 067 612 2045
info@mir09.com

Пн. - Пт. 9.00 - 19.00
СБ.-ВС. выходной

seo pictures

Рассмотрим основные примеры технических ошибок в сфере юзабилити.

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

В последнее время популярность мобильных устройств непрерывно растет. Важно учитывать данную категорию посетителей и прорабатывать все необходимые инструменты и сервисы, учитывая способы их взаимодействия с сайтом. Хорошим индикатором некачественного представления сайта на мобильных устройствах является высокий показатель отказов мобильного сегмента. Для проверки следует воспользоваться инструментом от Google — Проверка удобства просмотра на мобильных устройствах».

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

Ошибки в выпадающем меню. Распространенной ошибкой является меню без задержки исчезновения. К примеру, пользователь навел курсор на один из пунктов бокового меню — появился новый уровень; при попытке выбрать нужную ссылку из этого подменю оно исчезает. Пользователь, вероятно, повторит операцию несколько раз, но, не перейдя никуда в пределах ресурса, уйдет с него. Другой технический момент, связанный с выпадающим меню, — большой список пунктов за пределами первого окна экрана. Это также усложняет выбор требуемого пункта и нарушает визуальную законченность сайта. Движение пользователя по ресурсу не должно быть затруднено, лишние действия и клики удаляют посетителя от совершения покупки.

Отсутствие основных пунктов меню в системе навигации. Отсутствие «хлебных крошек» затрудняет переход с нижнего уровня сайта на верхний. Пользователя также дезориентирует отсутствие указания на принадлежность страницы определенному пункту меню.

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

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

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

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

Неуместное использование технических элементов или их неработоспособность. На сайте все должно вести пользователя к основной цели ресурса. Если на пути расставлены препятствия в виде ненужной анимации, рекламных баннеров, всплывающих окон, неработающих кнопок и ссылок, то ожидать лояльности от посетителя не стоит. Представьте: пользователь уже готов оформить заказ, а кнопка «Купить» не нажимается! Все элементы сайта должны нормально функционировать, их использование должно быть продуманным.

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

Для этого необходимо пройтись от разных точек входа на ресурс до завершения этапа отправки заказа/заявки, протестировать все конверсионные элементы и формы на сайте. Это позволит выявить основные упущения в построении процедуры заказа. Получить информацию о взаимодействии с сайтом в процессе заказа позволяет Статистика страницы в Google Analytics.

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

• низкая доля переходов в карточки товаров на детальные страницы услуг (т. е. многие не доходят до страниц коммерческого предложения);

• низкая конверсия во взаимодействии с «Корзиной»;

• высокая доля «брошеных» «Корзин»;

• низкая конверсия формы заказа и т. д.

  • Ошибки в дизайне сайта

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

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

Неудобное расположение привычных элементов сайта или их отсутствие. Сложно представить себе интернет-магазин без кнопки «Купить», но такие, к сожалению, встречаются. Это серьезная ошибка, из-за которой владелец сайта теряет всех клиентов в интернете. Блок с контактной информацией пользователи привыкли видеть в правом верхнем углу всех страниц, элементы меню обычно занимают левую и верхнюю части сайта, элементы «Главная», «Написать письмо», «Карта сайта» размещаются под логотипом компании, а ссылка на регистрацию — вверху слева или справа. Не заставляйте посетителей сайта подолгу искать нужную информацию и размещайте стандартные элементы сайта там, где их привыкли искать (рис. 8.15).

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

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

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

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

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

Ошибки в полях различных форм. Для упрощения взаимодействия пользователя с веб-формой рекомендуется заполнять поля примерами. При использовании данного приема стоит помнить простое правило: если пользователь установил указатель мыши в поле, оно должно очищаться автоматически.

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

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

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

  • Ошибки в контенте сайта

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

Ошибки в содержании текста. Видя на сайте текст, насыщенный неестественными фразами, пользователи сразу могут определить, что он сгенерирован автоматически или переоптимизирован. Искать нужную информацию в таком тексте — значит терять драгоценное время, поэтому посетитель уйдет к конкуренту. Другой пример подобной ошибки: текст не соответствует тематике страницы или в нем нет полезной информации (иными словами, «вода»).

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

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

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

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

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

  • Поведенческие факторы

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

Показатель отказов. Если пользователь уходит с сайта (возвращается к странице поиска или закрывает вкладку браузера) после просмотра одной страницы (в Google Analytics) или проводит на ресурсе менее 15 секунд, это считается отказом. Высокий показатель отказов может свидетельствовать о том, что сайт неудобен или содержит информацию, нерелевантную запросу пользователя.

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

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

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

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

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

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

Грамотный SEO специалист Киев. при развитии сайта будет делать все, чтобы веб-ресурс соответствовал понятию «сайт для людей», то есть был информативным, интересным и качественным. Это трудоемкая работа, но результат будет высоким и, что самое главное, постоянным!

Посмотрите наши услуги SEO-продвижение Киев и обратитесь к нам для консультации! Удачи!

manager MIR09

Manager Виталий Маврин

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

Полезные статьи

Совет профи

manager MIR09
Виталий Маврин

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

Tags

Нужна помощь? Поддержка 08:00-18:00 /

+38 067 612 2045