Ваш действенный контрольный список юзабилити: ошибки юзабилити, которые нужно исправить

Как это возможно, что мы живем в 2015 году и видим те же ошибки юзабилити, что и в 2007 году? Мы находимся в совершенно новой эре Интернета, и тем не менее даже крупные компании запускают веб-сайты, которые едва ли можно использовать из-за очень очевидных проблем.

Это некоторые из них, которые вызывают тревогу, и которые вы, возможно, упускаете сами.

Я регулярно забочусь о битых ссылках

Всего пару минут назад я перешел по ссылке на Smashing Magazine и получил ошибку 404. Страницы больше не существовало, но на нее была ссылка прямо из все еще интенсивно посещаемой статьи, которая привлекала внимание как в комментариях, так и в социальных сетях.

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

Инструменты!

• Проверка битых ссылок (плагин для Вордпресс)
• Сканер веб-сайтов и генератор XML Sitemap (веб-инструмент)

Мой сайт быстрый и плавный

Один из самых распространенных грехов: так много веб-сайтов мучительно медленные и / или слишком часто отключаются. Это настолько очевидная ошибка, но ее так часто упускают из виду, что это почти невероятно!

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

Инструменты!

• У WPBeginner есть отличный список инструментов для повышения скорости и производительности WordPress.
• Используйте Sitegeek и их ежемесячная статистика безотказной работы найти надежного хостинг-провайдера
• Используйте этот бесплатный инструмент для ускорения страницы чтобы диагностировать, что замедляет работу вашей страницы
• Использовать пингдом или Мониторинг получать мгновенное обновление, как только ваш сайт не работает

Мой сайт можно использовать на мобильных устройствах

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

Инструменты!

• Харис Бачич проделал отличную работу, перечислив инструменты для тестирования удобства мобильных устройств здесь, в SEP.
• Если редизайн вашего веб-сайта, чтобы он был оптимизирован для мобильных устройств, вам не по силам, WHH — единственный пакет. могу порекомендовать...

Мой текст и призыв к действию понятны

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

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

Инструменты!

• Попробуйте пятисекундный тест чтобы оценить ваш дизайн и посмотреть, могут ли люди сказать, о чем он
• Используйте эти инструменты для создания минимальные и четкие графики, визуализирующие цель вашего сайта
• Используйте эти инструменты для создания визуального интерактивного контента
• Воспользуйтесь редактором Хемингуэя и Atomic Reach Audience Engager (скачать БЕСПЛАТНЫЙ плагин WordPress AtomicWriter и расширение Google Chrome ), чтобы проверить, насколько понятен, удобочитаем и привлекателен ваш текст.

Мой дизайн не имеет приоритетной функции

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

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

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

Инструменты!

Используйте меловую метку чтобы получить быстрый отзыв о вашем макете.

Я предлагаю различные способы связи со мной

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

Наличие номера телефона в списке — это хорошо, но большинству пользователей это не понравится. То же самое можно сказать и о встроенной контактной форме на вашем сайте.

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

Инструменты!

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

Я не смущаю своих клиентов переизбытком предложений

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

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

При использовании предложений меньше значит больше.

Я предлагаю своим пользователям различные способы подписки (или входа)

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

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

Ленивый? Возможно, но важно лишь то, что вы даете им то, что они хотят.

Инструменты!

• GetResponse предлагает действительно надежную интеграцию с социальными сетями со своими формами подписки
• Вот несколько плагинов WordPress позволяет включить возможность входа в социальные сети

Отзыв юзабилити-тестера... Что следует

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

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

Я пропустил какие-либо важные пункты из этого контрольного списка? Дайте нам знать об этом в комментариях.

Пиксар