Как оценить юзабилити сайта


что такое и как анализировать в 2020 году — SEO на vc.ru

Конкуренция в онлайне с каждым годом будет только расти и соответственно Вы уже сейчас должны позаботиться о максимальном удобстве и полезности Вашего веб-ресурса. Чтобы Вам было понятно насколько велика конкуренция сейчас в онлайне попробуйте ввести в строке поиска “купить iphone 11”. Думаю Вы точно удивитесь когда увидите эту цифру - 1 080 000 000 предложений.

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

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

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

Для начала обсудим с Вами, что ж такое юзабилити в 2020 году?

Юзабилити сайта | Распространенные проблемы юзабилити | Примеры

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

Что такое удобство использования веб-сайта?

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

5 принципов удобства использования веб-сайта: как повысить удобство использования веб-сайта?

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

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

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

  • Содержание и графика. Владелец веб-сайта должен соблюдать баланс между содержанием и графикой на своем веб-сайте. Контент должен быть очень четким и разбит на разные веб-страницы с очень интуитивной логикой.

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

  • Быстро загружающиеся веб-страницы .«Я люблю ждать», - сказал никто никогда. Как показывают исследования, чем быстрее сайт, тем счастливее пользователь. По этой причине даже Google представил алгоритм, основанный на скорости.

Преимущества: почему юзабилити-тестирование важно для веб-сайтов?

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

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

Сократите свои расходы : чем раньше вы обнаружите, что не так с вашим сайтом, тем лучше для вашего кошелька.

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

Почему удобство использования веб-сайта важно для дизайна пользовательского интерфейса?

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

Оценка: как измеряется удобство использования?

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

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

Контрольный список удобства использования веб-сайта

Наиболее частые проблемы юзабилити

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

  1. Несоответствие : макет, дизайн, кнопки и заголовки должны быть размещены в правильном месте.
  2. Остановить пользователя от перехода назад
  3. Слишком большое количество подменю
  4. Ссылки открытие в новых окнах
  5. Неструктурированный Карта сайта

Примеры хорошего юзабилити сайта

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

Целевая страница

Airbnb предлагает интуитивно понятный и сверхбыстрый способ бронирования жилья.

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

Примеры плохого интерфейса и UX-дизайна

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

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

Можете ли вы правильно прочитать все подменю на этой веб-странице Zara? Спорим, вы не можете.

Юзабилити дизайн сайта

Глядя на приведенные выше примеры, естественно также задаться вопросом: какую роль design играет в удобстве использования? Очевидно, что дизайн веб-сайта важен в некоторых областях (например, в электронной коммерции) больше, чем в других. Но учтите: есть несколько сайтов с действительно красивым внешним видом, но трудных в использовании. Вместо этого существует множество веб-сайтов, на которые действительно некрасиво смотреть, но которые чрезвычайно функциональны.Что это значит? Веб-сайт должен в первую очередь работать, поэтому дизайн должен учитывать удобство использования. Это может быть красиво, это может быть даже произведение искусства, но оно ДОЛЖНО использоваться.

Удобство использования и крутой дизайн - идеальные составляющие успеха веб-сайта, и не нужно быть гением, чтобы понять это. Дизайн, ориентированный на пользователя , другими словами, жизненно важен для веб-сайтов. Каждая функция, страница и контент должны быть простыми в использовании, интуитивно понятными и красиво оформленными. Для получения дополнительной информации по этой теме мы предлагаем прочитать Альберта Бадре «Формирование дизайна веб-взаимодействия с юзабилити в контексте.Несмотря на то, что он был опубликован в 2002 году, он предлагает некоторые базовые знания о лучших практиках использования веб-дизайна и принципах удобства использования веб-дизайна.

Веб-сайт Тестирование юзабилити

Мы написали эту статью не только для того, чтобы объяснить нашим клиентам, что такое удобство использования веб-сайта, но также для того, чтобы дать практические советы и рекомендации о том, КАК УЛУЧШИТЬ удобство использования веб-сайта. В связи с этим проверка юзабилити веб-сайта должна быть главным приоритетом для всех, кто хочет иметь эффективный веб-сайт.Лучший способ найти проблемы - протестировать свой сайт на реальных пользователях.

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

Как провести тестирование юзабилити сайта?

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

  1. Тепловые карты (также называемые методом отслеживания кликов) - это визуальная презентация, которая позволяет вам видеть, где пользователи нажимают на определенные страницы вашего веб-сайта, каков был их «образец кликов».
  2. Eye-tracking Технология позволяет владельцам веб-сайтов изучать, как глаза пользователей перемещаются по экрану и какие области привлекают наибольшее внимание.
  3. Опросы , особенно опросы на местах, являются эффективным способом быстрой и точной проверки взаимодействия с пользователем.
  4. A / B-тестирование также является хорошим методом. Создавая разные версии (версия A и версия B) веб-сайта и внимательно сравнивая поведение пользователей, вы можете прийти к интересным выводам.
  5. Модерируемое и немодерируемое тестирование - дорогое удовольствие, но, вероятно, наиболее эффективный метод юзабилити. Если вы хотите узнать больше о вопросах фокус-группы по удобству использования этого веб-сайта, мы рекомендуем вам прочитать эту статью: https://www.userreport.com/blog/website-usability-testing/.

Вопросы об удобстве использования веб-сайта

Опросы

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

  • Нравится ли вам визуальный дизайн сайта?
  • Удалось ли вам легко найти всю информацию , которую вы искали?
  • Является ли веб-сайт профессиональным и заслуживающим доверия ?
  • Содержимое веб-сайта ясное, и написано ли простым языком?
  • В целом, как бы вы, , оценили этот сайт?

Рекомендации по удобству использования веб-сайта и критерии удобства использования веб-сайта

Мы обозначили различные методы и вопросы, но как действовать, как начать с нуля? Вот краткий контрольный список, который поможет вам настроить процесс.

  • Схема , из которой аспектов вашего веб-сайта, которые вы хотите исследовать
  • Дизайн ваше удобство использования тест
  • Определите количество участников, которых вы хотите достичь
  • Установить крайний срок
  • Проведение пилотного исследования
  • Разверните тест на удобство использования
  • Проанализировать результаты

Удобство использования, дизайн и показатели производительности веб-сайта

Метрики - всегда объективный и эффективный способ измерения успеха.Также в юзабилити веб-сайта можно использовать показателей.

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

Стандарты юзабилити для сайтов

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

Для продуктов, интерфейсов и веб-сайтов важно соответствовать их отраслям, и первый способ сделать это - предложить то, что могут предложить все остальные. Как лучше это сделать? Следуя международным стандартам. У самой Европейской комиссии есть место, посвященное удобству использования Интернета.Давайте рассмотрим принципы, которые они перечисляют как «контрольный список для удобства использования»:

  • The findabilit y информации
  • Доступность и удобство использования услуг
  • Согласованность веб-сайта
  • Логика веб-сайта Структура
  • Наличие поиск особенности

Онлайн-инструменты для вопросов об удобстве использования веб-сайта

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

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

Работая как составная часть вашего веб-сайта или приложения, опрос UserReport позволяет:

  • Изучите тепловых карт ваших пользователей
  • A / B тест ваш сайт
  • Задайте конкретных вопросов своим пользователям
  • Объединить данные об удобстве использования с демографическими данными

Начать

Начните работу и проверьте удобство использования своего сайта сегодня!
Не стесняйтесь и попробуйте наш продукт UserReport бесплатно.

Начать

.

Основы оценки юзабилити | Usability.gov

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

Что такое юзабилити?

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

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

  • Интуитивно понятный дизайн : понимание архитектуры и навигации сайта практически без усилий
  • Простота обучения : насколько быстро пользователь, который никогда раньше не видел пользовательского интерфейса, может выполнять базовые задачи
  • Эффективность использования : Как быстро опытный пользователь может выполнять задачи
  • Запоминаемость : после посещения сайта, если пользователь может вспомнить достаточно, чтобы использовать его эффективно при будущих посещениях
  • Частота и серьезность ошибок : как часто пользователи совершают ошибки при использовании системы, насколько серьезны ошибки и как пользователи восстанавливаются после ошибок
  • Субъективное удовлетворение : Если пользователю нравится пользоваться системой

Каковы методы оценки и когда их следует применять?

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

Возможности для тестирования включают:

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

Работа с данными из тестирования

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

После того, как вы собрали свои данные, используйте их для:

  1. Оцените удобство использования вашего сайта
  2. Рекомендовать улучшения
  3. Выполнить рекомендации
  4. Повторно протестируйте сайт, чтобы измерить эффективность ваших изменений.

.

Как оценить качество дизайна вашего веб-сайта

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

Хороший макет сайта подкреплен хорошей стратегией

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

  • К какой категории относится бизнес и очевидно ли это на веб-сайте?
  • Какова цель веб-сайта и выполняет ли это дизайн?
  • Кто является целевой аудиторией и как это учитывается в дизайне?
  • Что следует делать аудитории, и побуждает ли их этот дизайн к этому действию?


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

Удобство использования

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

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


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

Доступность также относится к категории удобства использования. Очень важно быть уверенным, что ваш веб-сайт доступен для всех в Интернете. Это означает, что он должен соответствовать или соответствовать требованиям доступности. Любой человек с какими-либо умственными, физическими или когнитивными ограничениями должен иметь возможность использовать веб-сайт практически без изменений.Это означает, что слова должны быть в состоянии четко читаться с выбором цвета, шрифта и размера. Создание текста ALT на изображениях позволит программному обеспечению специальных возможностей использовать текст для звукового описания изображений для людей с нарушениями слуха. В дополнение к этому веб-сайт должен быть доступен с клавиатурой для тех, кому не хватает ловкости в руках или руках.

Содержание и читаемость

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

  • Легко ли читаются выбранные шрифты?
  • Имеется ли значительный контраст между цветом шрифта и цветом фона?
  • Имеется ли текст подходящего размера?
  • Будет ли контент актуален для читателя?
  • Является ли содержание кратким, но все же полезным?
  • Облегчает ли поиск контента общий дизайн?


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

Эстетика

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

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


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

SEO и социальные сети

Существует множество способов, которыми дизайн веб-сайта влияет на поисковую оптимизацию. SEO и социальные сети начинаются с хорошего дизайна веб-сайта. Например, на сайте много графики? Если это так, помните, что поисковые системы их не видят. Вам нужно будет добавить теги ALT к описаниям изображений, чтобы поисковая система знала, что отображается.Насколько эффективен HTML? В противном случае это ухудшит поисковый рейтинг. Задайте себе следующие вопросы, чтобы убедиться, что дизайн веб-сайта оптимизирован:

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


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

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



Дополнительные ресурсы:

Оценка веб-страниц: методы подачи заявки и вопросы, которые нужно задать

Оценка веб-сайтов

Оценка веб-сайтов: контрольный список

Как я могу оценивать веб-сайты?

Оценка интернет-информации

Основатель DYNO Mapper и представитель Консультативного комитета W3C.


Назад .

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

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

Если вы хотите освежить в памяти Accessibility и получить практические навыки по этой теме, то я рекомендую онлайн-курс по Accessibility .

Простой поиск в Google по запросу « Accessibility Tools» дает ряд списков и коллекций инструментов. Я мог бы очень легко скопировать один или два таких списка и вуаля, у меня новый пост. Но я хотел добавить индивидуальности этому посту, написав об инструментах, которые я использую в своей повседневной работе. Я был удивлен количеством неработающих ссылок в списках, которые я посетил - большинство из них ссылаются на устаревшие инструменты Accessibility , такие как Bobby - некоторые со ссылками на старый веб-сайт 1995 года!

Таким образом, в этом посте вы найдете инструменты, которые:

  • Совместимы с этим определением Удобство использования .
  • Оцените свой веб-сайт на соответствие принципам доступности . Сюда могут входить WCAG 1.0 и 2.0 W3C, раздел 508, Закон Stanca (итальянский закон о доступности ), BITV (веб-, доступность , тест немецкого проекта BIK), RGAA (французский Закон о доступности ) или их сочетание. Некоторые инструменты также имеют собственные правила доступности .
  • Управляются просто предоставлением им вашего URL .Некоторые из них также позволяют загружать HTML-файл или вставлять HTML-код.
  • Все они основаны на веб-технологиях , что означает, что вам не нужно ничего загружать или устанавливать для их использования.
  • Не являются надстройками веб-браузера . Действительно, я встречал ряд сообщений, в которых упоминалось расширение Firefox Accessibility и панель инструментов Web Accessibility (для IE и Opera), поэтому не было смысла перечислять их здесь снова.
  • Не учитывать, как веб-сайты просматриваются на мобильных устройствах .Для этого я бы рекомендовал использовать W3C MobileOK Checker и mobiReady.

Прежде чем мы начнем - предупреждение

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

1. Доступность Услуги парковщика

Доступность Valet - это инструмент, который позволяет вам проверять веб-страницы на соответствие разделу 508 или веб-контенту W3C. Доступность Рекомендации (WCAG) доступность .Один URL-адрес за раз можно проверить с помощью этого онлайн-инструмента в бесплатном режиме или неограниченное использование с платной подпиской. Все параметры отчетов HTML отображают вашу разметку в нормализованной форме, выделяя действительную, устаревшую и фиктивную разметку, а также элементы, которые неуместны. Любые предупреждения о доступности отображаются в сгенерированном отчете.

2. AChecker - Доступность Проверка

Accessibility Checker - это инструмент с открытым исходным кодом accessibility , разработанный в 2009 г. Исследовательским центром инклюзивного дизайна (ранее известным как Центр ресурсов адаптивных технологий) Университета Торонто.Используя этот инструмент, пользователь может отправить веб-страницу через свой URL-адрес или загрузить свой HTML-файл и впоследствии выбрать, по каким рекомендациям он будет оцениваться, а именно: HTML Validator, BITV, Раздел 508, Закон Stanca, WCAG 1.0 и WCAG 2.0.

3. Синтия говорит

Портал Cynthia Says - это решение для проверки доступности веб-контента . Он предназначен для выявления ошибок в вашем контенте, связанных со стандартами Раздела 508 и / или соответствием WCAG.Этот бесплатный инструмент, предназначенный для образовательных целей, представляет собой онлайн-тест , который проверяет только одну страницу за раз. - это инструмент проверки доступности веб-контента , который выявляет ошибки в вашем дизайне, связанные со стандартами Раздела 508 и рекомендациями WCAG.

4. EvalAccess

Разработанный Университетом Страны Басков в Испании, EvalAccess - один из немногих инструментов, который позволяет вам оценивать весь веб-сайт на соответствие WCAG 1.0.Он отображает результаты в виде удобного для чтения отчета с описанием каждой обнаруженной ошибки. Хотя это может быть не самый удобный инструмент доступа, его может быть достаточно, чтобы помочь большинству дизайнеров и разработчиков очистить свои сайты.

5. FAE - Функциональная Доступность Оценщик

FAE оценивает веб-страницу на предмет ее доступности , ссылаясь на стандарты ITAA Web Accessibility , которые основаны на рекомендациях WCAG 1.0 и Разделе 508.Результаты оценки разбиты на 5 категорий: , навигация, и ориентация, текстовые эквиваленты, сценарии, стили и стандарты HTML. Оценка общей производительности в каждой категории представляет собой процентное соотношение, разделенное между успешным, предупреждающим и неудачным, что позволяет вам сосредоточиться на конкретных областях с наибольшим количеством проблем.

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

MAGENTA - это веб-инструмент accessibility , разработанный лабораторией Human Interface in Information Systems (HIIS) в составе группы Human Computer Interaction Group.В дополнение к рекомендациям WCAG 1.0 он оценивает доступность веб-сайтов в соответствии с их соответствием рекомендациям для лиц с нарушениями зрения и рекомендациям, включенным в Закон Stanca.

7. OCAWA - Оперативный контроль и анализ для Интернета Доступность

Разработанный Urbilog и Orange, OCAWA ссылается на WCAG 1.0 и французский закон о доступности , RGAA. Пользователи могут отправить URL-адрес веб-сайта или загрузить файл HTML, и инструмент отобразит отчет аудита доступности со ссылками на обнаруженные нарушения.

8. TAW - Test de Accesibilidad Web

TAW ссылается на WCAG 1.0, 2.0 и собственный набор эвристик для мобильных устройств доступность . Разработанный CTIC Centro Tecnólogico, TAW четко отмечает нарушений доступности , которые он обнаруживает, предоставляя аннотированную версию веб-сайта, а также рекомендации по их устранению. Он доступен в Интернете и как настольное приложение, а также как надстройка Firefox.

9. WAVE - Web Доступность Универсальный оценщик

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

10. Интернет Доступность Проверка

Разработанный онлайн-программой Стэнфордского университета Accessibility (SOAP), Web Accessibility Checker - это инструмент, который может анализировать отдельные веб-страницы на предмет их доступности . Инструмент перечисляет все обнаруженные проблемы в отчете, который он выводит в конце оценки. Пользователь может выбрать оценку по нескольким рекомендациям, включая WCAG 1.0 и 2.0, раздел 508, BITV и Закон Stanca.

Сравнение вышеуказанных инструментов

Хотите узнать больше?

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

(Изображение: Depositphotos)

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий