10 распространенных ошибок юзабилити веб-сайта, которых следует избегать
Какой бы ни была цель веб-сайта: деловая, информационная или развлекательная, ему нужна аудитория, целевые пользователи. Игнорирование их с самого начала, означает веб-дизайн, приводит к провалу сайта.
Поскольку приведенное выше определение ясно показывает, что удобство использования — это удовлетворенность пользователей сайта от начала до конца, то есть от приземления до заключения сделки (на веб-сайтах электронной коммерции).
Веб-сайты с плавной навигацией, легко запоминающейся работой сайта, релевантным контентом, заметными кнопками призыва к действию — небольшим количеством факторов удобства использования — получают хороший отклик от конечных пользователей и поисковых систем. Все это означает, что ориентированный на пользователя веб-дизайн помогает привлечь желаемое внимание целевой аудитории и дает реальный импульс продажам и конечной прибыли бизнеса.
В этом посте вы прочтете несколько ошибок юзабилити, ошибок или промахов, которых следует избегать при веб-дизайне, делая веб-сайт удобным для пользователя. Настоящая хорошая книга для веб-дизайнеров и начинающих предпринимателей.
Джейкоб Нильсон, известный консультант по юзабилити, дает следующее определение юзабилити:
«Легкость, с которой пользователи учатся пользоваться веб-сайтом, насколько эффективно они используют его, насколько легко им запомнить, как им пользоваться, и насколько они удовлетворены им».
1 небольшая кликабельная область
На веб-сайте может использоваться много гиперссылок, и если они будут небольшими, это убьет удобство использования веб-сайта. Движения мыши обычно не настолько точны, чтобы нажимать на такие маленькие гиперссылки. Ссылки большего размера облегчают пользователям переход на нужную страницу, что устраняет неудобства. Используйте свойство CSS padding, чтобы увеличить кликабельные ссылки.
2 Плохое использование пагинации
Пагинация используется на веб-сайтах, торгующих большим количеством продуктов (веб-сайты электронной коммерции) или имеющих длинные списки, содержащие элементы, разделяя их на несколько страниц. Это свойство полезно для эффективности веб-сайта, поскольку слишком много элементов или продуктов на одной странице увеличивают время загрузки веб-сайта, что приводит к ухудшению пользовательского опыта. Разбивка на страницы улучшает макет веб-сайта, делая его удобным и легким для восприятия.
Как злоупотребляют нумерацией страниц? На веб-сайтах с большим содержанием, таким как новости или блоги, простой контент или сообщения в блогах разбиваются на несколько страниц. Скрытый мотив этой тактики состоит в том, чтобы увеличить количество просмотров страниц, чтобы сайт мог взимать высокую плату за размещенную там рекламу. Отрицательным аспектом такого неправильного использования пагинации является неудобство для пользователя, потому что пользователи на самом деле не хотят прокручивать несколько страниц вниз только для того, чтобы прочитать всю статью.
Еще один побочный эффект злоупотребления нумерацией страниц — падение рейтинга в поисковых системах. Сканеры поисковых систем индексируют страницы с контентом, а затем ранжируют их. Если одна статья разнесена на несколько страниц, это означает размывание контента. Ключевые слова также разбросаны, поэтому статья не смогла произвести впечатление на поисковые системы для правильного ранжирования поисковых систем. Итак, попробуйте использовать разбиение на страницы, если это необходимо, например, для длинных списков элементов или большего количества продуктов.
3 Трудный для сканирования контент
Это еще один аспект юзабилити, обычно игнорируемый веб-дизайнерами. Если контент трудно сканировать, это означает, что пользователи не понимают информацию о веб-сайте, это усугубляет негативный пользовательский опыт. Одной из основных причин затруднений при сканировании контента является плохое копирование контента. При написании текста узнайте о поведении пользователей при просмотре. Пользователи переключаются с одного раздела контента на другой в зависимости от фактора интереса и усваивают доступную информацию. Учтите следующие моменты при завершении веб-копии вашего идеального веб-дизайна.
- Разделите контент на четкие разделы.
- Используйте более крупные шрифты.
- Используйте высококонтрастные цвета.
- Используйте соответствующие изображения, значки вместе с текстом, чтобы поддержать желаемый ответ.
- Используйте привлекательные, короткие и описательные заголовки, чтобы показать, о чем этот раздел.
- Предоставляйте только необходимую информацию.
- Используйте маленькие абзацы, так как пользователи не любят большие абзацы и предпочитают читать небольшие фрагменты текста.
4 дубликата заголовков страниц
Иногда веб-разработчики используют общий заголовок в веб-шаблоне, а затем снова используют его на всем веб-сайте. Это ошибка юзабилити, которой следует избегать. Почему? Первая причина заключается в том, что он не может сообщить посетителям сайта, о чем эта страница. Посетители могут судить по названию, попали они в нужное место или нет.
Вторая причина — SEO_based. Поисковые системы, такие как Google и Yahoo, используют заголовок страницы как важный фактор для представления релевантной информации по определенному поисковому запросу, сделанному пользователем. Лучше использовать ключевые слова в заголовке, который люди используют при поиске; это не означает, что заголовок страницы должен содержать слишком много ключевых слов. Будьте актуальны и лаконичны.
5 Избегайте наполнения сайта
REUTERS/Соэ Зея Тун
Если на веб-сайте есть что запомнить, и посетители должны пройти сложный путь во время просмотра, меньше шансов, что они вернутся или порекомендуют ваш сайт другим. Легко запоминающийся шаблон просмотра веб-сайтов повышает удобство работы пользователей, улучшает статистику просмотров страниц и, следовательно, монетизирует сайт. Поверьте, благодаря высокому удобству использования, поддерживающему лояльность подписчиков, вы можете брать больше за рекламу, отображаемую на вашем сайте.
6 Отсутствие возможности поиска
Вместо того, чтобы просматривать весь сайт в поисках нужного материала, люди предпочитают использовать функцию поиска. Этот вариант удобен для пользователей сайта, которые точно знают, что ищут, и у них недостаточно времени, чтобы перемещаться по имеющейся навигации по сайту. Якоб Нильсон объясняет поведение таких людей, доминирующих в поиске, следующими словами:
«Наши исследования юзабилити показывают, что более половины всех пользователей доминируют в поиске. Пользователи, доминирующие в поиске, обычно сразу нажимают кнопку поиска при входе на веб-сайт: они не заинтересованы в осмотре сайта; они сосредоточены на задаче и хотят найти конкретную информацию как можно быстрее».
Для любого веб-сайта опция поиска помогает посетителям сайта находить определенные вещи, будь то статья или продукт. Вы можете использовать Google или Yahoo в качестве основной поисковой системы на своем сайте. Чтобы ограничить поиск Google или Yahoo на вашем сайте, используйте доменное имя вашего сайта в скрытом поле.
7 Отсутствие активного способа общения
flickr.com: пользователь-loubert37
Худшая ошибка юзабилити — не предоставление пользователям активной линии для общения на сайте. Быстрые ответы на запросы пользователей означают, что у вас есть эффективное обслуживание клиентов, и вы заботитесь о тех, кто приходит на сайт. Все это принесет признательность от ваших потенциальных и постоянных клиентов.
Многие веб-сайты не уделяют внимания этому важному аспекту удобства использования, например, у Coca Cola нет адреса электронной почты или контактного номера. Существует автоматизированная страница часто задаваемых вопросов, форма обратной связи, запрашивающая возраст посетителя, адрес и блок ограничения в 500 символов. Посетители могут представить любую новую идею, заполнив двухстраничную форму с прикрепленными условиями. Это не лучший пример эффективной коммуникации с посетителями и клиентами сайта.
Использование формы «Свяжитесь с нами» может помочь, если вы не хотите раскрывать свой адрес электронной почты на веб-сайте. Чтобы избежать спама, вам могут понадобиться капчи, которые считаются сильным барьером на пути эффективного взаимодействия с пользователем. Используйте другую удобную альтернативу.
Интернет-форумы также являются эффективным способом оставаться на связи с пользователями сайта. Там они могут обсудить свои проблемы и получить дельный совет от экспертов и опытных пользователей сайта.
Помимо того, что вы всегда готовы к клиентам и посетителям, активный и эффективный канал связи также помогает формировать лояльное сообщество последователей. Чем лучше их опыт на вашем сайте, тем больше шансов, что они придут снова и порекомендуют ваш сайт другим.
8 бесполезных регистрационных требований
Многие веб-сайты требуют регистрации для доступа пользователей к определенному контенту или функциям, доступным на сайте. Это хорошо для определенных веб-приложений, таких как управление проектами, редактирование документов и т. д. Новостные веб-сайты обычно не имеют регистрационного барьера для доступа к представленной там информации. Такие веб-сайты, как Reddit, не требуют регистрации пользователя для просмотра.
Хотя для веб-сайтов полезно предлагать регистрацию, когда это необходимо, чтобы избежать спама, но размещать слишком много веб-сайта за регистрационным барьером — это совсем не мудрый подход. Например, в некоторых блогах пользователи должны войти в систему, прежде чем комментировать, что приводит к низкому количеству комментариев.
Чтобы повысить удобство использования веб-сайта, у пользователей должно быть больше возможностей взаимодействовать с веб-сайтом. Бесполезное требование регистрации может стать серьезным препятствием для участия пользователя на сайте. Если на вашем сайте есть постоянные посетители, то на каком-то более позднем этапе они обязательно захотят зарегистрироваться. Это все о построении доверия с посетителями сайта. Вы можете предложить тест-драйв приложения, если оно вас удовлетворит, пользователи пойдут на регистрацию. Используйте инновационные способы расширения участия пользователей на вашем веб-сайте вместо того, чтобы ставить барьеры.
9 Страница ошибки 404
Github.com
Иногда пользователи находят страницу с ошибкой 404, что означает, что страница не найдена, что является ошибкой юзабилити. Возможно, они просматривали веб-сайт в прошлом, но он изменил структуру или был реорганизован. Постоянные ссылки, найденные на старом веб-сайте, теперь никуда не ведут. Им нужно какое-то действие, редирект 301. Он раскрывает инструкции для пользователей сайта по переходу на нужную страницу. Инструкции по перенаправлению хранятся на сервере. Реализация переадресации 301 зависит от используемого вами сервера. Что бы вы ни делали, убедитесь, что нет страниц с ошибкой 404, которые могут добавить пользователю неудобств.
10 длинных пользовательских данных для форм
Какие бы формы ни использовались на веб-сайте, если требуется слишком много информации, это будет отталкивать, добавлять негативный пользовательский опыт, серьезную ошибку юзабилити. Короткие и умные формы отнимают у пользователей меньше времени и им нравится их заполнять. Формы, такие как отправка идеи, регистрация, оформление заказа в интернет-магазине, не должны требовать длинной информации, которая является препятствием на пути успешного прохождения этапа. Какова основная цель сбора информации формы? Идентифицировать пользователя? Если да, запросить адрес электронной почты, имя пользователя, пароль достаточно. Для форм оформления заказа оставьте требования к личной информации на самом низком уровне, потому что клиентам будет очень интересно завершить сделку.
Веб-сайт — это все о пользователях, если у пользователей есть приятный опыт, цель создания веб-сайта достигнута. Все факторы, влияющие на удобство использования веб-сайта, должны помочь устранить разочарование пользователей сайта, пока они остаются и просматривают разные страницы. Обратите внимание на мельчайшие детали от презентации до функциональности веб-сайта; все должно быть удобно. Поверьте, удобный веб-сайт удобен для поисковых систем и принесет хорошую отдачу с точки зрения большого количества просмотров, увеличения продаж и накопления прибыли.
Чем еще вы хотите поделиться, относящимся к теме, обсуждаемой выше? Были ли какие-либо грубые ошибки, связанные с юзабилити, с которыми вы сталкивались или сталкивались, и которые были исправлены для повышения производительности сайта? Не стесняйтесь упоминать в разделе комментариев ниже.