Удобство использования сайта: Юзабилити тестирование сайта: как сделать сайт удобным

Содержание

Юзабилити — удобство пользования сайтом

Юзабилити (от англ. usability) — это условное понятие, которым в интернет-маркетинге определяют удобство пользования сайтом, приложением или любым другим веб-интерфейсом. От качества этого фактора во многом зависит успешность продвижения в интернете. На актуальном этапе развития алгоритмы ранжирования Google и Яндекс достаточно точно определяют то, насколько удобным и полезным для посетителя оказался сайт.

Как анализировать юзабилити

Оценка статистики

Если говорить об оптимизации сайтов, ориентированных на аудиторию Рунета, то основным инструментом для анализа считается Яндекс.Метрика. Он позволяет получать полную информацию по трафику и его источникам. Здесь доступен «Вебвизор», который отслеживает пользовательское поведение. Карта кликов даёт возможность видеть, какие области страницы пользуются популярностью, а какие зоны посетители просто не замечают. Карта ссылок показывает пути передвижения и глубину взаимодействия юзеров. Этого вполне достаточно, чтобы оптимизатор мог понять, насколько сайт понятен для пользователей.

Тесты на страницах

Тестирование — это основа тонкой оптимизации юзабилити сайта. Под этим направлением анализа подразумевается внесение различных изменений с последующим отслеживанием результатов. Для фиксации эффекта используются возможности сервиса Яндекс.Метрика. К примеру, можно изменить цвет CTA-элементов, расположение форм, тексты призывов, объём контента на странице и многое другое. Практика показывает, что иногда даже незначительная коррекция может кардинально улучшить качество пользовательских факторов. Нужно отметить, что результаты сплит-тестов будут точны и стабильны только при активном трафике.

Профессиональная экспертиза

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

Анализ конкурентного окружения

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

Оптимизация юзабилити на практике

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

Структура и навигация

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

  1. Проработка главного меню. В идеале структура сайта должна позволять пользователю в 4—5 шагов «добираться» до любой страницы. Ссылки на важные страницы должны быть вынесены в шапку и футер для «сквозного» доступа.
  2. Правильная перелинковка. Внутренняя ссылочная структура помогает не только в ранжировании. С помощью грамотно расставленных ссылок обеспечивается более глубокое и продолжительное взаимодействие с сайтом.
  3. Наличие «хлебных крошек». Это дополнительный элемент навигации, которым привыкли пользоваться многие юзеры. Он помогает с первого взгляда понимать степень вложенности страницы. К примеру, с помощью «хлебных крошек» пользователь может быстро перейти из карточки товара в общий подраздел.
  4. Внутренний поиск. В заметной части любой страницы должно находиться окно, позволяющее быстро найти необходимую информацию.

Функциональные элементы

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

Оформление дизайна

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

Можно выделить следующие рекомендации по использованию заголовков и шрифтов:

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

При выборе цветовых решений стоит ориентироваться на следующие моменты:

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

Качественное наполнение страниц

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

  1. Грамотность и информационная ценность. Тексты нужно писать понятным для целевой аудитории языком. Следует отказаться от сложных и неоднозначных конструкций. Старые тексты нужно проверять на предмет их текущей актуальности. Конечно же, контент должен быть грамотным.
  2. Структура. Тексты необходимо разбивать логическими абзацами, заголовками и подзаголовками. Хорошо воспринимается информация в формате списков и сравнительных таблиц.
  3. Форматирование. Текстовые материалы желательно дополнять релевантными картинками, инфографикой и видеороликами. Важные моменты лучше выделять цветом. Слишком большие тексты стоит разбивать на части, объединяя их внутренними ссылками.

Увеличение скорости загрузки

Чтобы страницы открывались быстрее, необходимо выполнить следующие действия:

  • оптимизируйте графические элементы;
  • выберите хостинг с запасом производительности;
  • удалите лишние Java-скрипты;
  • проверьте корректность редиректов и переадресаций.

Оценить результат проделанной работы можно с помощью сервиса Google Page Insights.

Оптимизация страницы 404

С помощью сервиса Яндекс.Вебмастер можно найти несуществующие адреса. Если полностью избавиться от них нельзя, то нужно сделать следующее:

  • внедрить поиск по сайту на страницу 404;
  • показать карту ресурса со ссылками для быстрого перехода;
  • создать забавное оформление «битой» страницы.

Мобильная и мультибраузерная адаптация

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

Подведём итоги

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

Несколько способов проверить удобство сайта

Каким бы прекрасным ни был дизайн сайта, насколько целевыми ни были бы посетители, сколь продающим ни будет контент или запоминающимися призывы к действию, никто не сможет ничего сделать на сайте, которым невозможно пользоваться.
Это же естественно! Посетитель не сможет зайти на страницу, если не найдет ссылку или меню. И совершить заказ не сможет, если не найдет кнопку «Купить» или запутается в процессе покупки.

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

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

Анализ тепловых карт

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

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

Просмотр видеозаписей посещения

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

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

Анализ форм

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

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

Юзабилити-тестирование

Самым лучшим способом узнать, что же именно ожидают от сайта посетители – это провести юзабилити-тестирование. Уже зарекомендовавшая себя методика предельно проста в теории. Подберите несколько целевых посетителей сайта. А потом понаблюдайте, как будет каждый из них вести себя на сайте. Но не забывайте разговаривать с ними: спрашивайте их впечатления, на чем сконцентрировано внимание, какие элементы их привлекают, понятно ли содержимое сайта. Задавайте больше вопросов, следите и записывайте, но, ни в коем случае, не подсказывайте и не вмешивайтесь в ход тестирования. Лучше, если проводить тестирование будет человек «со стороны».

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

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

[EPSB]А ваш сайт удобный? Доверьте нам проверку![/EPSB]

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

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

Международная организация по стандартизации (ИСО), определяет удобство использования следующим образом:

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

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

1. Можете ли вы гарантировать высокую скорость загрузки Вашей веб-страницы?

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

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

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

2. Все ли понятно? Может, стоит сделать страницу проще?

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

Избавьтесь от всего лишнего. Будьте кратки, лаконичны, но описательны.

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

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

3. Удобна ли Ваша навигация для других?

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

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

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

В интернете много говорят о правиле«трех кликов». Хотя некоторые исследования опровергают его. Тем не менее, чем меньше кликов (или действий) посетитель должен сделать для достижения своей цели, тем лучше, так что не следует создавать препятствия на пути посетителей. Старайтесь избегать обязательного требования пройти регистрацию или зайти в систему для того чтобы посмотреть контент.

4. Ваш контент читаемый?

Это еще один главный вопрос. Хороший контент может быть размещен настолько плохо, что никто на него даже не взглянет. Контент на сайте рекомендуется размещать в форме буквы «F».Ниже представлены результаты исследования о движениях глаз пользователей во время изучения страницы. Главное внимание всегда уделяется верхней и левой части страницы. При попадании на сайт, пользователи, прежде всего, обращают внимание на верхний левый угол.

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

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

5. Вы не забыли о дизайне сайта для мобильного телефона?

За последние годы наблюдается невероятный рост трафика с мобильных устройств, таких как планшеты и смартфоны. 1 из 8 просмотров страницы в сети Интернет в США осуществляется через мобильные телефоны и планшеты, и эта цифра растет.

Просмотры интернет-страниц с различных устройств в США*

*просмотры страниц с мобильных приложений не учитывались
Источник: comScore Device Essentials, США, август 2011 — август 2012.
(синий — настольный компьютер, голубой — телефон, оранжевый — планшет)

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

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

Источник: online-behavior.com

Юзабилити: удобство использования сайта

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

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

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

Содержание:

Что такое юзабилити и на что оно влияет?

Понятие веб-юзабилити, или просто юзабилити (от англ. «usability») подразумевает степень удобства и простоты использования  интернет-ресурса для достижения результата пользователем. Цель повышения юзабилити сайта не в том, чтобы привлечь аудиторию на веб-страницу, а  чтобы удержать ее и побудить к совершению целевого действия: заказу или покупке товара, регистрации нового участника и т.п. Если же функционал  блога или интернет-магазина не понятен и не удобен для посетителя, он, вероятнее всего, откажется от взаимодействия и уйдет со страницы. Таким образом, удобство использования сайта влияет непосредственно на увеличение конверсии ресурса.

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

Базовые правила юзабилити

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

Правило 2х секунд

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

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

Правило семи сущностей

Кратковременная память человека может в среднем удерживать 7 сущностей (от 5 до 9). К таким результатам привели Джорджа Миллера исследования способности мозга воспринимать и обрабатывать полученную информацию. 

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

Правило 3х кликов

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

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

Правило Парето

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

Перевернутая пирамида

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

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

Принцип структуры и логичности

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

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

Правило формата

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

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

Эффект неопределенности

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

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

Синдром утенка

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

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

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

Зеркальный эффект

Это правило заключается в том, что все, связанное с нашим личным опытом, мы запоминаем лучше, чем не имеющее к нам никакого отношения. Изучите интересы своей основной аудитории и апеллируйте к ним, связав контент с увлечениями посетителей.

Простые способы сделать проект лучше

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

Увеличьте скорость работы сайта. Чтобы воплотить в жизнь правило 2х секунд, существует немало способов:

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

Проанализировать же реальную скорость работы веб-ресурса можно с помощью различных сервисов, среди которых и PageSpeed Insights от Google. Детальней о том, как работать с этим инструментом и как ускорить загрузку сайта на WordPress, вы можете узнать, перейдя по ссылке.

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

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

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

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

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

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

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

Пребывание же на сайте постоянных посетителей  сделает более комфортным создание личного кабинета.

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

Разместите на страницах строку поиска. Оптимально – интерактивную, то есть такую, которая будет формировать подсказки во время набора текста.

На Вордпресс реализовать форму поиска можно с помощью стандартного виджета, кода php и плагинов. Из статьи по ссылке вы также сможете узнать, как установить Яндекс поиск.

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

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

Работайте над качеством подачи контента:

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

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

  • избегайте воды и длинных «полотен». Что значит: писать следует по теме и не очень много. Но не в ущерб раскрытию сути вопроса. Так что если материал получается объемным, разумнее разбить его на несколько статей, чтобы не перегружать читателя информацией за один раз. Слишком же короткие посты плохо влияют на продвижение;
  • придерживайтесь выбранной стилистики и пишите без ошибок ;
  • делайте внутреннюю перелинковку. Предлагайте пользователям дополнительные материалы, связанные с интересующим их вопросом. Это увеличит их время пребывания на сайте и избавит от необходимости самостоятельно искать уточняющую информацию, если в этом есть необходимость. Проследите, чтобы ссылки были легко заметны на общем фоне. Помните, что необходимо регулярно проверять сайт на битые ссылки;
  • и последнее, но не менее важное правило – предоставляйте своим посетителям полезный и уникальный контент.

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

Анализ удобства веб-ресурса

Оценка юзабилити сайта осуществляется по 5 параметрам:

  • ориентация – как легко посетитель может совершать основные действия на страницах ресурса, не мешает ли ему в этом большое количество рекламы, всплывающих блоков, видео/аудио в режиме autoplay;
  • эффективность – как быстро пользователь может ориентироваться на сайте и совершать нужные ему действия;
  • запоминаемость – как просто человек сможет сориентироваться на сайте после длительного отсутствия;
  • ошибки – как много ошибочных действий совершает посетитель для достижения нужного результата и насколько легко устранить их последствия;
  • субъективная удовлетворенность – общее впечатление от взаимодействия с ресурсом.

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

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

принципы и методы оценки – тема научной статьи по компьютерным и информационным наукам читайте бесплатно текст научно-исследовательской работы в электронной библиотеке КиберЛенинка

Секция «Фундаментальные и прикладные проблемы гуманитарных наук»

УДК 004.05

ЮЗАБИЛИТИ САЙТА: ПРИНЦИПЫ И МЕТОДЫ ОЦЕНКИ

А. А. Лайкова Научный руководитель — О. А. Петрова

Сибирский государственный аэрокосмический университет имени академика М. Ф. Решетнева

Российская Федерация, 660037, г. Красноярск, просп. им. газ. «Красноярский рабочий», 31

Е-mail: [email protected]

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

Ключевые слова: юзабилити, показатели и принципы юзабилити сайта, оценка юзабилити. WEB USABILITY: PRINCIPLES AND EVALUATION METHODS

A. A. Laykova Scientific Supervisor — O. A. Petrova

Reshetnev Siberian State Aerospace University 31, Krasnoyarsky Rabochy Av., Krasnoyarsk, 660037, Russian Federation

E-mail: [email protected]

The article defines the term of usability and its key indicators. The principles that help to improve website usability are described. Usability evaluation methods are listed and characterized.

Keywords: usability, indicators and principles of web usability, usability evaluation.

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

Пригодность использования или юзабилити (англ. «usability» — возможность использования, полезность) — это «свойство системы, продукции или услуги, при наличии которого установленный пользователь может применить продукцию в определенных условиях использования для достижения установленных целей с необходимой результативностью, эффективностью и удовлетворенностью» [1]. Юзабилити сайта или веб-юзабилити означает степень удобства его использования и полезности для пользователя.

В среднем посетителю сайта требуется около 10-20 секунд, чтобы принять решение остаться или закрыть страницу [7]. Пользователь не станет разбираться в сложном многоуровневом меню или искать нужную информацию в плохо организованном контенте. Это показывает, как важно, чтобы веб-страница имела четкую структуру и понятный интерфейс. Однако пригодность использования определяется не только формой, но и качеством содержания. Сайт должен не быть перегружен лишней информацией, а иметь полезный, грамотно изложенный контент. Соответствие интернет-ресурса критериям юзабилити помогает соблюсти баланс между простотой интерфейса и информативностью.

Основными показателями пригодности использования является эффективность, продуктивность и удовлетворенность пользователя [2]. Эффективность определяется возможностью достижения пользователями поставленных целей. Ее измерение происходит по таким параметрам как количество реализуемых задач, отношение числа успешных действий к ошибкам, количество используемых функций. Продуктивность оценивает объем ресурсов, необходимый для точного решения задачи пользователем. Данный показатель характеризуется временем на обучение и выполнения задания, количеством совершаемых ошибок, временем, затрачиваемым на их решение и т. д. Удовлетворенность подразумевает комфорт использования продукта. Измерение данного критерия происходит при

Актуальные проблемы авиации и космонавтики — 2016. Том 2

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

Повышению степени юзабилити способствует соблюдение основных принципов, к которым относятся такие принципы как [5; 6]:

— Правило «7±2», согласно которому кратковременная память может хранить одновременно от 5 до 9 сущностей. С учетом этого факта рекомендуется создавать меню, состоящее не более чем из 9 элементов, избегать обилия посторонних материалов.

— Правило «80/20» основано на том, что 80 % эффекта является результатом 20 % действий. Это значит, что для развития сайта 80 % пользы можно извлечь, работая с 20 % наиболее значимых пользователей или процессов.

— Доступность информации. Необходимая информация должна предоставляться не более чем на трех страницах в пределах одного веб-ресурса, а максимально допустимое время ожидания реакции системы (например, открытие страницы) составляет 2 секунды.

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

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

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

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

Поскольку юзабилити во многом основано на психологии поведения человека, проведение его оценки является довольно непростой задачей. Необходим анализ удобства навигации и поиска по сайту, актуальности информации, степени удовлетворенности пользователей и прочих факторов. Существуют следующие способы проверки юзабилити сайта [3; 4]:

— Анализ статистики. Наиболее простой метод, для реализации которого достаточно воспользоваться счетчиками, такими как Яндекс.Метрики, GoogleAnalytics и другие. Исследуется статистика посещений, поисковый трафик. Недостатком такого анализа являются сравнительно небольшой объем данных и поверхностность выводов.

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

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

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

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

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

Секция «Фундаментальныеиприкладныепроблемыгуманитарныхнаук»

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

Библиографические ссылки

1. ГОСТ Р ИСО 9241-210-2012 Эргономика взаимодействия человек-система. Часть 210. Чело-веко-ориентированное проектирование интерактивных систем [Электронный ресурс] // Информационный портал по стандартизации. М., 2013. URL: http://standard.gost.ru/wps/wcm/connect/d661 e080413f5db8a4e9fe7ab9890bef/GOST_R_ISO_9241-210-2012.pdf?MOD=AJPERES (дата обращения: 28.01.2016).

2. Критерии юзабилити [Электронный ресурс] // Сайт компании Rezonans. URL: http://www.rezonans.ru/audit-saytov/informaciya/yuzabiliti-saytov/kriterii-yuzabiliti.html (дата обращения: 30.01.2016).

3. Юзабилити анализ: разновидности и отличия. Как провести анализ сайта? [Электронный ресурс] // KeyVision. WebAnalytics. URL: http://keyvision.ru/blog/item/id/56/ (Дата обращения: 30.01.2016).

4. Юзабилити сайта [Электронный ресурс] // Энциклопедия поискового продвижения сайтов. URL: http://www.sembook.ru/book/povyshenie-konversii-sayta/yuzabiliti-sayta/ (дата обращения: 29.01.2016).

5. Юзабилити сайта: критерии оценки [Электронный ресурс] // Блог Вебмастера. Dicim. URL: http://dicim.net/yuzabiliti-sajta-kriterii-ocenki.html (дата обращения: 29.01.2016).

6. Юзабилити сайта по полочкам [Электронный ресурс] // Сервис «Сайтполис» — проверка юза-билити сайтов. URL: http://sitepolice.ru/blog/usability/25639/ (дата обращения: 28.01.2016).

7. How Long Do Users Stay on Web Pages? [Электронный ресурс] // Nielsen Norman Group. URL: http://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/ (дата обращения: 29.01.2016).

© Лайкова А. А., 2016

Удобство использования главной страницы | AllForJoomla apps

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

Что бы удержать внимание посетителя, у сайта есть в распоряжении всего 10 секунд. Если по тематике, которая нужна клиенту достаточно информации, главная страничка вашего веб-сайта должна привлечь клиента и дать ответ на вопросы: Где? Что? Как пользоваться? Сейчас вы должны подумать — отвечает ли ли ваша страничка данным требованиям? В этом тексте перечислены основы изготовления удобных в использовании главных страничек (по мат-лам Якоба Нильсена). Это очень важно для сайтостроения.

Для чего?

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

Наполнение веб-сайта

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

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

Верно выделите главные задачи веб-сайта, что бы, когда пользователь знал, с чего ему начинать (к примеру, середина верхней доли странички. Потрудитесь не перегружать данную область зрительными результатами – раз выделить все, юзер не увидит ничего. Число основных задач наверное маленьким (1-4), а область странички около нее – незаполненной)

Главная страничка должна отличатся по оформлению от других страниц вашего сайта.

2) Гиперссылки

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

Расцветки просмотренных и непросмотренных гиперссылок обязаны различаться.

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

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

3) Поиск

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

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

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

Хороший веб-сайт можно определить как «идею, рассчитанную на максимальное воздействие». Наша основная цель при разработке сайта — найти нужный отклик у целевой аудитории. И давайте признаем, что создать сайт не так просто, как кажется. Не всегда хорошая идея делает отличный веб-сайт. Даже самые простые идеи можно использовать для создания отличных веб-сайтов. Для этого нам необходимо рассмотреть каждый важный аспект и неотъемлемую функцию, которую включает веб-сайт.

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

1. Доступность

Несомненно, Интернет становится все более важным в нескольких аспектах нашей жизни. Самая первая задача при создании веб-сайта — сделать ваш сайт максимально доступным. Но как вы определяете «веб-доступность»? Что ж, веб-доступность или веб-доступность можно определить как практику обеспечения доступности веб-сайтов для людей с различным опытом, способностями и ограниченными возможностями. Чтобы создать доступный веб-сайт, вам необходимо спроектировать и разработать его таким образом, чтобы все пользователи имели равный доступ к информации, функциям и возможностям сайта.

2. Совместимость

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

Тест на совместимость будет включать следующее:

а) спланируйте график тестирования

б) выберите, что тестировать

в) выберите страницы, которые вы хотите протестировать

г) выберите испытательную платформу

д) инициируйте тест

е) проведите обзор результатов и повторное тестирование

3. Удобство навигации

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

4. Читаемость

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

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

а) шрифт

б) планировка или дизайн

в) цвета

Arial, Verdana и Times — одни из самых популярных шрифтов. Люди привыкли читать эти гарнитуры. Поэтому всегда желательно придерживаться основных гарнитур. Всегда выбирайте шрифт, который будет четким на экране и легко читаемым. То же самое и с компоновкой содержимого и цветом текста. Создайте макет контента (текстовое представление), который пользователи могут легко просматривать и сканировать.

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

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


Источник: 5 Biggest Challenges You Need to Face in Website Creation.
URL:stayonsearch.com/5-biggest-challenges-you-need-to-face-in-website-creation

Что такое юзабилити в веб-дизайне?

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

«Юзабилити» — это удобство использования веб-сайта, определяемое тем, насколько легко посетители могут взаимодействовать с ним или выполнять то, что они намеревались сделать. «Пользовательский интерфейс» — это пространство, в котором посетители взаимодействуют с веб-сайтом. С другой стороны, «пользовательский опыт» относится к качеству взаимодействия, которое посетители получают при навигации по сайту.Этот термин был придуман Доном Норманом в 1993 году для его группы в Apple Computer. Эти три идут рука об руку для достижения удовлетворенности пользователей. Хорошо спроектированный пользовательский интерфейс обеспечивает превосходное удобство использования и, в конечном итоге, положительный пользовательский опыт.

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

Юзабилити на протяжении многих лет

История наполнена многочисленными попытками сделать определенные виды деятельности проще, доступнее, более эффективным в нескольких аспектах (например, время, энергия и деньги), менее подверженными ошибкам и более эффективными.Еще в 1900-х годах эти усилия были очевидны в области эргономики и человеческого фактора. Эти отрасли науки изучают человеческую компетентность, ограничения и комфорт в отношении того, как инструменты, машины, системы и продукты предназначены для эффективного и безопасного использования. Юзабилити уходит своими корнями в эти две дисциплины.

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

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

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

Подробнее: Что такое пользовательское тестирование в веб-дизайне?

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

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

Очистить навигацию

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

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

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

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

Подробнее: Почему главное меню вверху страницы?

Разборчивость, побуждающая к участию

«Контент — это король», — написал Билл Гейтс в своем эссе 1996 года о том, как он предвидел Интернет как рынок контента.В наше время люди продвинулись в этой концепции еще на шаг вперед, говоря: «Контент — король, а вовлеченность — королева».

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

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

Производительность

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

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

Оперативность

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

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

Достоверность

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

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

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

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

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

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

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

Рекомендации по удобству использования веб-сайта (подкрепленные исследованиями) — Baymard Institute

Удобство использования веб-сайта — это термин, который мы используем для описания простоты использования сайта. Это еще один способ сказать: «Насколько удобен этот сайт?»

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

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

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

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

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

Что делает веб-сайт «полезным»?

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

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

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

7 Принципы юзабилити веб-сайта

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

1. Доступность

«Сила Интернета в его универсальности. Доступ для всех, независимо от инвалидности, является важным аспектом». – Тим Бернерс-Ли, изобретатель Всемирной паутины и директор W3C

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

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

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

2. Ясность

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

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

3. Распознавание

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

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

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

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

4. Надежность

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

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

5. Релевантность

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

6. Мобильное удобство использования

Мобильность — важная составляющая удобства использования веб-сайта. Сейчас более 52% всего интернет-трафика приходится на мобильные устройства. Если веб-сайт не оптимизирован для мобильных устройств, 50% клиентов сообщают, что перестанут посещать этот сайт, даже если они являются поклонниками компании или бренда.

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

7. Удобство использования для многоязычных веб-сайтов

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

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

Бесплатный отчет: 7 быстрых исправлений UX для вашего сайта электронной коммерции

Получите подборку лучших практик электронной коммерции из наших более чем 78 000 часов исследований.

Мгновенно получите отчет и результаты исследования UX от Baymard по электронной почте

21 передовой опыт использования веб-сайта электронной коммерции, основанный на данных

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

Это конкретные рекомендации, полученные непосредственно из более чем 71 000 часов крупномасштабных исследований Института Беймарда.

Некоторые из самых успешных сайтов электронной коммерции в мире, в том числе 71% всех компаний электронной коммерции из списка Fortune 500, используют рекомендации Baymard по пользовательскому опыту для улучшения пользовательского опыта.

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

1. Адаптация изображений для пользователей с нарушениями зрения (рекомендация № 1543)

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

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

2. Убедитесь, что элементы списка полностью доступны и легко перемещаются с помощью клавиатуры (рекомендация № 1703)

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

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

Все содержимое элементов списка должно быть доступно для программ чтения с экрана. Объедините ссылки на одно и то же место в один фокусируемый элемент и сделайте наложения «Быстрый просмотр» доступными с клавиатуры. Фокус клавиатуры должен быть четко виден на всех элементах страницы списка.

3. Повышение доступности ссылок (рекомендация № 1542)

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

Все ссылки должны быть идентифицированы в разметке с использованием либо собственных элементов HTML, либо атрибутов ARIA (доступные расширенные интернет-приложения).

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

4. Создание доступных полей формы и входных данных (рекомендация № 1544)

Amazon представляет поля формы с текстовыми надписями над ними, которые соответствуют минимальным требованиям контрастности фона 4,5:1. Сайт также использует встроенный текст-заполнитель для отображения примеров пользовательского ввода (например, «Уличный адрес, почтовый ящик, название компании»), которые дополняют основные текстовые метки и могут быть легко пропущены.

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

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

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

5. Разрешить различные способы взаимодействия с пользователем на сайте (рекомендация № 1662)

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

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

6. Не полагайтесь на подключаемые модули специальных возможностей (рекомендация № 1776)

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

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

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

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

7. Убедитесь, что интерфейсы фильтров доступны с клавиатуры и программы чтения с экрана (рекомендация № 1702)

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

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

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

Предоставлять контекстную информацию, доступную для чтения с экрана (например, количество совпадающих результатов поиска или применяемые фильтры) вместе с меню фильтров и параметрами меню.

8. Повышение производительности страниц и функций (рекомендация № 1509)

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

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

9. Удалите или приглушите рекламу «Установите приложение» на мобильных сайтах (рекомендация № 930)

На Amazon реклама «Установите приложение» была автоматически удалена, как только этот участник тестирования перешел с главной страницы (первое изображение) на просмотр результатов поиска (второе изображение).Это снизило уровень отвлечения внимания пользователя.

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

Рассмотрите возможность удаления объявления «Установите приложение» на своем мобильном сайте. Как минимум, если вы должны использовать рекламу «Установите приложение», уменьшите ее значение, показав ее только на избранных целевых страницах и удалив ее через определенное время.

10. Не показывать диалоговые окна наложения при загрузке страницы (рекомендация № 284)

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

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

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

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

11. Предоставление часто задаваемых вопросов по всему сайту (рекомендация № 1706)

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

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

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

12. Убедитесь, что текст, наложенный на изображения, разборчив (рекомендация № 290)

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

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

13. Не ссылайтесь на страницу, на которой в данный момент находится пользователь (рекомендация № 255)

В GAP вы можете видеть, что пользователь в настоящее время находится на странице «Политики возврата» из-за стиля ссылки. Ссылка также отключена.

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

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

14. Связывайте разделы контента на вашем сайте (рекомендация № 273)

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

15. Отображение соответствующих раскладок клавиатуры на мобильных устройствах (рекомендация № 1100)

В REI пользователи вводят информацию в поле «Номер карты» с помощью специальной оптимизированной цифровой клавиатуры. Эта специальная клавиатура оснащена набором кнопок, которые больше, чем цифры на стандартной клавиатуре.

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

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

16. Убедитесь, что сенсорные элементы четкие (рекомендации № 1083 и № 1094)

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

Каждая рабочая область мобильного интерфейса должна быть не менее 7 мм x 7 мм, включая элементы меню навигации, текстовые ссылки и поля формы. Обеспечьте минимальное расстояние 2 мм между элементами, на которые можно нажать, но рассмотрите возможность большего пространства (например, ~ 10 мм) для важных элементов сайта. Избегайте размещения элементов на самом краю экрана.

17. Включайте только страницы и контент, оптимизированные для мобильных устройств (рекомендация № 1085)

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

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

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

18. Поддержка масштабирования на мобильных устройствах (рекомендация № 1142)

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

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

19. Инвестируйте в высококачественный дизайн и изображения (рекомендация № 238)

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

Ralph Lauren привлекает пользователей привлекательным стилем и дизайном, который соответствует их бренду.

20. Сделайте логотип вашего сайта как можно более четким (рекомендация № 946)

В Newegg вокруг логотипа много пустого пространства, что снижает вероятность того, что пользователи нажмут на него по ошибке.

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

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

21. Отключите автозаглавные буквы, где это необходимо, на мобильных устройствах (рекомендация № 1103)

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

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

Отключите функцию автоматического ввода заглавных букв там, где это необходимо; например, в полях URL-адреса или адреса электронной почты.

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

В этой статье мы рассмотрели некоторые из наиболее важных передовых методов удобства использования сайта, основанных на более чем 70 000 часов исследований.

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

Чтобы узнать, как производительность вашего UX соотносится с ведущими мировыми сайтами электронной коммерции, ознакомьтесь с Baymard Premium.

Бесплатный отчет: 7 быстрых исправлений UX для вашего сайта электронной коммерции

Получите подборку лучших практик электронной коммерции из наших более чем 78 000 часов исследований.

Мгновенное получение отчета и результатов исследования UX от Baymard по электронной почте

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

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

Содержание:

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

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

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

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

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

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

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

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

Какие методы тестирования юзабилити сейчас наиболее распространены?

Это область знаний дизайнеров и разработчиков UX/UI, которые используют различные методы для проверки удобства использования веб-сайта.

Популярные методы тестирования:

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

Сложный и точный метод основан на основных научных принципах тестирования любого данного объекта.

  • Анкеты и интервью
    Анкеты и интервью позволяют задавать многочисленные вопросы и мгновенно получать информацию. Этот метод юзабилити-тестирования актуален, когда есть потребность в большом количестве мнений. Прямые вопросы, задаваемые пользователям во время интервью, помогают избежать двусмысленности, а анкеты предоставляют структурированную информацию.
  • Рисунки на бумаге
    Низкая стоимость и исключительная эффективность делают этот метод популярным среди дизайнеров и разработчиков программного обеспечения.Они создают прототипы на бумаге и позволяют пользователям обнаруживать и тестировать элементы управления, полосы или ползунки. Этот метод тестирования юзабилити веб-сайта предшествует фактическому кодированию и позволяет дизайнерам легко получать отзывы о прототипах.
  • Удаленное тестирование удобства использования веб-сайта
    Практически любое программное обеспечение можно протестировать удаленно из разных стран и часовых поясов. Веб-сайты не являются исключением: пользователи могут тестировать их в различных формах из дома. Удаленный характер такой деятельности устраняет фактор стресса, который обычно преобладает в лабораторных условиях, и позволяет разработчикам получить глубокое понимание UI/UX веб-сайта.Разработчики собирают данные с помощью специального программного обеспечения, которое может анализировать эти важные данные.
  • Реалистичные сценарии и сценарии тестирования
    С помощью этого метода разработчики обращаются к тестерам и самостоятельно проходят заранее спланированный сценарий. Они имитируют обычных пользователей, пытаясь воспроизвести ожидаемые действия пользователя. После этого разработчики пытаются оценить и интерпретировать полученные данные и использовать их для повышения удобства использования веб-сайта.

Какова цель теста удобства использования?

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

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

  • Простота для новичков в поиске информации на вашем сайте
  • Интуитивный характер интерфейса – должно быть очевидно, как выполнять каждую задачу на сайте
  • Минимальное время выполнения задач – эффективность интерфейса
  • Минимум ошибок в UX/UI – способность веб-сайта решать проблемы
  • Простота использования для повторных посетителей – задачи должны быть простыми для выполнения
  • Правильные интерактивные инструменты и изображения, которые должны соответствовать содержанию

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

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

1. Лояльность клиентов

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

2. Повышение уровня удержания клиентов

Согласно исследованию, проведенному KPMG, удержание клиентов является доминирующим источником дохода в розничной торговле.

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

3. Мнения третьих лиц имеют значение

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

4. Снижение затрат

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

5. Понимание характера поведения пользователей

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

Заключение

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

Юзабилити сайта | Важность веб-дизайна и пользовательского интерфейса

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

Оценка удобства использования вашего веб-сайта

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

Обеспечьте интуитивно понятную навигацию и организацию контента

В книге Стива Круга «Не заставляйте меня думать» он пишет, что вы должны сделать так, чтобы пользователи никогда не задавали эти вопросы:

  • Где я?
  • С чего начать?
  • Куда они положили         ?
  • Что самое важное на этой странице?
  • Почему так назвали?

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

Запись сканируемого содержимого

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

Обеспечить возможность поиска

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

Избегайте прерывания рабочего процесса

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

Представление визуальной иерархии

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

Если сомневаетесь, проверьте

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

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

Не отставай

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

Мы хотим услышать от вас

Какие рекомендации по удобству использования вы считаете наиболее важными при посещении веб-сайта?

БЕСПЛАТНАЯ консультация с экспертом по веб-разработке

На протяжении более 27 лет мы работали с тысячами (без преувеличения!) бизнес-лидеров Денвера и страны, чтобы помочь им достичь своих бизнес-целей.Готовы ли вы вывести свой веб-сайт и бизнес на новый уровень? Мы здесь, чтобы вдохновить вас на процветание. Свяжитесь с Webolutions, ведущим агентством веб-дизайна и цифрового маркетинга в Денвере, чтобы получить БЕСПЛАТНУЮ консультацию с экспертом по веб-разработке.

Я готов

Веб-дизайн: 11 характеристик удобного веб-сайта

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

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

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

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

Вот 12 основных характеристик удобного веб-сайта.

1. Мобильная совместимость

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

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

2. Доступно для всех пользователей

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

3. Хорошо спланированная информационная архитектура

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

4. Хорошо отформатированный контент, который легко сканировать

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

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

5. Быстрое время загрузки

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

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

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

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

6. Согласованность браузера

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

Несмотря на то, что современные браузеры эволюционировали и стали более эффективными, все еще существуют некоторые несоответствия в том, как веб-сайт интерпретируется разными браузерами. Важно, чтобы ваш веб-сайт отображался и работал одинаково во всех основных браузерах, таких как Chrome, Internet Explorer, Firefox, Safari и Opera.Такие простые вещи отличают профессионально разработанный веб-сайт от остальных.

7. Эффективная навигация

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

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

Развитие DHTML и библиотек JavaScript, таких как Motools и Ajax, также открыло множество новых возможностей для создания инновационных навигационных систем. Взгляните на пример Mashable ниже.

Навигация — это больше, чем меню. Вот некоторые другие аспекты, которые следует учитывать:

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

8.Хорошая обработка ошибок

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

9. Действительный код наценки и очистки

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

Дополнительную информацию и инструменты проверки разметки можно найти на веб-сайте W3C.

10. Контрастная цветовая схема

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

11. Используемые формы

Формы — очень важный элемент бизнес-сайтов. Они позволяют пользователям взаимодействовать с сайтом. Формы также очень полезны для привлечения потенциальных клиентов для бизнеса.

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

Вот несколько советов:

  • Используйте правильные метки для всех полей
  • Следуйте принципам хорошего дизайна
  • Старайтесь свести количество полей к минимуму
  • Всплывающие подсказки и предложения
  • Отображение на экране сообщения о завершении
  • Используйте правильную проверку

Заключение

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

Веб-юзабилити: принципы и методы оценки

  • Агравал Р., Имелински Т., Свами А. (1993) Правила ассоциации горнодобывающей промышленности между наборами элементов в больших базах данных. В: Proceedings of ACM-SIGMOD 93 , Вашингтон, округ Колумбия, май, стр. 207–216

    . Google ученый

  • Аналог.(2005) http://www.analog.cx. (по состоянию на 18 января 2005 г.)

    Google ученый

  • Проект A-Prompt. (2005) http://aprompt.snow.utoronto.ca/ (по состоянию на 18 января 2005 г.)

    Google ученый

  • AWSD-WebLog. (2005) http://awsd.com/scripts/weblog/index.shtml (по состоянию на 18 января 2005 г.)

    Google ученый

  • Барези Л., Гарзотто Ф., Паолини П. (2001) Расширение UML для моделирования веб-приложений.В: Proceedings of the 34th Annual Hawaii International Conference on System Sciences, Maui, USA, January

    Google ученый

  • Берендт Б., Хото А., Штумме Г. (2002) На пути к семантическому веб-майнингу. В: Материалы 1-й Международной конференции по семантической сети, Сардиния, Италия, июнь. Спрингер, Берлин, LNCC. 2342, стр. 264–278

    Google ученый

  • Берендт Б., Спилиопулу М. (2000) Анализ поведения навигации на веб-сайтах, объединяющих несколько информационных систем.J Очень большие базы данных, 9(1):56–75

    Google ученый

  • Bias RG, Mayhew DJ (1994) Экономически оправданное удобство использования. Academic Press, Бостон, Массачусетс

    Google ученый

  • Блэкмон М.Х., Полсон П.Г., Китадзима М., Льюис С. (2002) Когнитивное прохождение для Интернета. В: Труды Международной конференции по человеческому фактору в вычислительных системах 2002 г., Миннеаполис, США, апрель, стр. 463–470

    . Google ученый

  • Бобби.(2005) http://bobby.watchfire.com/bobby/html/en/index.jsp (по состоянию на 18 января 2005 г.)

    Google ученый

  • Брайник Г. (2004) Использование автоматических инструментов в обеспечении доступности и удобства использования. В: Труды 8-го Международного семинара по пользовательскому интерфейсу для всех, Вена. Июнь, Springer, Берлин, LNCC 3196, стр. 219–234

    Google ученый

  • Брукс П. (1994) Повышение ценности юзабилити-тестирования.В: Nielsen J, Mack RL (eds) Usability Inspection Methods. Wiley, Нью-Йорк, стр. 255–271

    Google ученый

  • Ceri S, Fraternali, P (2003) Архитектурные проблемы и решения в разработке веб-приложений с интенсивным использованием данных. В: Proceedings of the First Biennial Conference on Innovative Data Systems Research, Асиломар, США, январь

    Google ученый

  • Ceri S, Fraternali P, Bongio A, Brambilla M, Comai S, Matera M (2003) Designing Data-Intensive Web Applications, Morgan Kaufmann, San Francisco, CA

    Google ученый

  • Ceri S, Fraternali P, Matera M (2002) Концептуальное моделирование веб-приложений с интенсивным использованием данных.IEEE Internet Computing, 6(4):20–30

    CrossRef Google ученый

  • Коналлен Дж. (2002) Создание веб-приложений с помощью UML, Addison-Wesley, Boston, MA

    Google ученый

  • Кули Р. (2003) Использование веб-структур и контента для выявления субъективно интересных моделей использования Интернета. ACM Transactions on Internet Technology 3(2):93–116

    CrossRef Google ученый

  • Кули Р., Мобашер Б., Сривастава Дж. (1999) Подготовка данных для анализа шаблонов просмотра World Wide Web.J Знания и информационные системы, 1(1):5–32

    Google ученый

  • Кули Р., Тан П., Сривастава Дж. (2000) Обнаружение интересных моделей использования веб-данных. В: Материалы Международного семинара 1999 г. по анализу использования Интернета и профилированию пользователей, Сан-Диего, США, август. Springer, Берлин, LNCC 1836, стр. 163–182

    Google ученый

  • Дикс А., Финлей Дж., Абовд Г., Бил Р. (1998) Взаимодействие человека и компьютера, 2-е изд.Прентис Холл, Лондон

    Google ученый

  • Даблдей А., Райан М., Спрингетт М., Сатклифф А. (1997) Сравнение методов юзабилити для оценки дизайна. В: Материалы симпозиума 1999 г. по проектированию интерактивных систем: процессы, практика, методы и приемы, Амстердам, Нидерланды, август, стр. 101–110

    . Google ученый

  • Эйринаки М., Вазиргианнис М. (2003) Веб-майнинг для веб-персонализации.J ACM Transactions on Internet Technology, 3(1):1–27

    Google ученый

  • Fraternali P, Lanzi PL, Matera M, Maurino A (2004) Анализ использования веб-сайтов на основе моделей для оценки качества веб-приложений. Веб-инженерия, 3(2):124–152

    Google ученый

  • Fraternali P, Matera M, Maurino A (2002) WQA: XSL Framework для анализа качества веб-приложений.В: Proceedings of the Second International Workshop on Web-Oriented Software Technologies, Малага, Испания, июнь

    Google ученый

  • Гарзотто Ф., Матера М. (1997) Систематический метод проверки юзабилити гипермедиа. Новый обзор гипермедиа и мультимедиа, 6 (3): 39–65

    Google ученый

  • Корпус L (2004 г.) Доступность: это уже не только для людей с ограниченными возможностями.Взаимодействие ACM, 41(2):36–41

    MathSciNet Google ученый

  • Хатчинс Э.Л., Холлан Дж.Д., Норман Д.А. (1985) Интерфейсы прямого управления. Взаимодействие человека и компьютера, 1:311–338

    CrossRef Google ученый

  • IBM (2005) Руководство по простоте использования. http://www-306.ibm.com/ibm/easy/eou_ext.nsf/publish/558 (2005 г.). (по состоянию на 18 января 2005 г.)

    Google ученый

  • ISO (1997) ISO 9241: Эргономические требования для офисной работы с визуальным терминалом (VDT), части 1–17

    Google ученый

  • Слоновая кость М.Ю., Херст М.А. (2001) Современное состояние автоматизации оценки удобства использования пользовательских интерфейсов.ACM Computing Surveys, 33(4):470–516

    CrossRef Google ученый

  • Слоновая кость М.Ю., Синха Р.Р., Херст М.А. (2001) Эмпирически подтвержденные показатели дизайна веб-страницы. В: Proceedings of the ACM International Conference on Human Factors in Computing Systems, Сиэтл, США, апрель, стр. 53–60

    . Google ученый

  • Джеффрис Р., Desurvire HW (1992) Сравнение юзабилити-тестирования и тестирования.Эвристическая оценка: был ли контекст? Бюллетень ACM SIGCHI, 24(4):39–41

    Google ученый

  • Джеффрис Р., Миллер Дж., Уортон С., Уйеда К.М. (1991) Оценка пользовательского интерфейса в реальном мире: сравнение четырех методов. В: Труды Международной конференции ACM по человеческому фактору в вычислительных системах, Новый Орлеан, США, стр. 119–124

    . Google ученый

  • Кантнер Л., Розенбаум С. (1997) Юзабилити-исследования WWW-сайтов: эвристическая оценка vs.Лабораторные испытания. В: Proceedings of the ACM 1997 International Conference on Computer Documentation, Snowbird, USA, стр. 153–160

    . Google ученый

  • Льюис Дж. Р. (1995) Опросники удовлетворенности пользователей компьютеров IBM: психометрическая оценка и инструкция по использованию. Взаимодействие человека и компьютера, 7(1):57–78

    Google ученый

  • ПОДЪЕМ. (2005) http://www.usablenet.com (по состоянию на 18 января 2005 г.)

    Google ученый

  • Лим К.Х., Бенбасат И., Тодд П.А. (1996) Экспериментальное исследование интерактивного влияния стиля интерфейса, инструкций и знакомства с задачами на производительность пользователя. ACM Transactions on Computer-Human Interaction, 3(1):1–37

    CrossRef Google ученый

  • Лоу Д. (2003) Новые знания в веб-разработке.В Aurum A, Jeffery R, ​​Wohlin C, Handzic M (eds) Управление знаниями в области разработки программного обеспечения. Springer, Берлин, стр. 157–175

    Google ученый

  • Линч П., Хортон С. (2001) Руководство по веб-стилю: основные принципы проектирования для создания веб-сайтов, 2-е изд. Издательство Йельского университета, New Heaven, CT

    Google ученый

  • Мэдсен К. Х. (1999) Специальный выпуск о разнообразии практик юзабилити.J Связи ACM, 42(5)

    Google ученый

  • Маркионини Г., Шнейдерман Б. (1988) Поиск фактов и просмотр знаний в гипертекстовых системах. Компьютер IEEE, 21(1):70–80

    Google ученый

  • Мео Р., Ланци П.Л., Матера М., Эспозито Р. (2004) Интеграция концептуального моделирования в Интернете и анализа использования в Интернете. В: Материалы Международного семинара ACM 2002 г. по веб-майнингу и анализу веб-использования, Сиэтл, США, август

    . Google ученый

  • Молич Р., Нильсен Дж. (1990) Улучшение диалога между человеком и компьютером.Сообщения ACM, 33(3):338–348

    CrossRef Google ученый

  • Нильсен Дж. (1992) Жизненный цикл разработки юзабилити. J IEEE Computer, 25(3):12–22

    Google ученый

  • Нильсен Дж. (1993) Разработка удобства использования. Academic Press, Кембридж, Массачусетс

    Google ученый

  • Nielsen J (1994) Специальный выпуск о лабораториях юзабилити.Поведение и информационные технологии, 13(1)

    Google ученый

  • Nielsen J (1994) Guerrilla HCI: Использование скидок на удобство использования для преодоления барьера запугивания. В: Proceedings of the Cost-Justifying Usability, Academic Press, Cambridge, MA

    . Google ученый

  • Nielsen J (1995) Мультимедиа и гипертекст Интернет и не только, Academic Press, Лондон

    Google ученый

  • Нильсен Дж. (2000) Веб-юзабилити.Нью Райдерс, Нью-Йорк

    Google ученый

  • Нильсен Дж., Ландауэр Т.К. (1993) Математическая модель поиска проблем юзабилити. В: Труды Международной конференции ACM 1993 по человеческому фактору в вычислительных системах, Амстердам, Нидерланды, апрель, стр. 296–213

    . Google ученый

  • Нильсен Дж., Мак Р.Л. (1994) Методы проверки удобства использования. Уайли, Нью-Йорк

    Google ученый

  • Нильсен Дж., Молич Р. (1990) Эвристическая оценка пользовательских интерфейсов.В: Труды Международной конференции ACM 1990 по человеческому фактору в вычислительных системах, Сиэтл, США, апрель, стр. 249–256

    . Google ученый

  • Норман Д.А. (1991) Когнитивные артефакты. В: Труды проектирования взаимодействия: психология в человеко-компьютерном интерфейсе. Кембриджский университет. Нью-Йорк, стр. 17–38

    Google ученый

  • Полсон П., Льюис С., Риман Дж., Уортон С. (1992) Когнитивное прохождение: метод теоретической оценки пользовательских интерфейсов.Человеко-машинные исследования, 36:741–773

    Google ученый

  • Прис Дж., Роджерс Й., Шарп Х., Беньон Д., Холланд С., Кэри Т. (1994) Взаимодействие человека и компьютера. Аддисон-Уэсли, Нью-Йорк

    Google ученый

  • Пунин Дж. Р., Кришнамурти М. С., Заки М. Дж. (2002) LOGML: язык разметки журналов для интеллектуального анализа данных в Интернете. В: Proceedings of the Third International Workshop on Web Mining and Web Usage Analysis, Сан-Франциско, США, август, стр. 88–112

    . Google ученый

  • Швабе Д., Росси Г. (1998) Объектно-ориентированный подход к разработке веб-приложений.Теория и практика объектных систем, 4(4):207–225

    Google ученый

  • Шнейдерман Б. (1992) Проектирование пользовательского интерфейса. Стратегии эффективного взаимодействия человека с компьютером. Аддисон-Уэсли, Нью-Йорк

    Google ученый

  • Шнейдерман Б. (2000) Универсальность. Сообщения ACM, 43(5):84–91

    CrossRef Google ученый

  • Шнейдерман Б., Берд Д., Крофт В.Б. (1998) Разборка поиска.Сообщения ACM, 41(4):95–98

    CrossRef Google ученый

  • Шривастава Дж., Кули Р., Дешпанде М., Тан П.Н. (2000) Интеллектуальный анализ использования веб-ресурсов: обнаружение и применение шаблонов использования веб-данных. Специальная группа ACM по поиску знаний в исследованиях данных, 1(2):12.23

    Google ученый

  • Stroulia E, Niu N, El-Ramly M (2002) Понимание использования Интернета для динамической адаптации веб-сайта: тематическое исследование.В: Труды 4-го Международного семинара по развитию веб-сайтов, Монреаль, Канада, октябрь, стр. 53–64

    . Google ученый

  • Теофанос М.Ф., Редиш Дж. (2003) Преодоление разрыва между доступностью и удобством использования. Взаимодействие ACM, 10(6):36–51

    Google ученый

  • Вирзи Р.А. (1992) Уточнение тестовой фазы оценки удобства использования: сколько субъектов достаточно? Человеческий фактор, 34(4):457–468

    Google ученый

  • WebCriteria SiteProfile.(2005) http://www.coremetrics.com (по состоянию на 18 января 2005 г.)

    Google ученый

  • Студия разработки сайтов WebRatio. (2005 г.) http://www.webratio.com (по состоянию на 18 января 2005 г.)

    Google ученый

  • Уортон С., Риман Дж., Льюис С., Полсон П. (1994) Когнитивный пошаговый метод: руководство для практикующих. В: Nielsen J, Mack RL (eds) Usability Inspection Methods, Wiley, New York, стр. 105–140

    . Google ученый

  • Уайтсайд Дж., Беннет Дж., Хольцблатт К. (1988) Разработка юзабилити: наш опыт и эволюция.В: Хеландер М. (ред.) Справочник по взаимодействию человека с компьютером. Elsevier, Амстердам, стр. 791–817

    Google ученый

  • Уилсон Т.Д. (2000) Информационное поведение человека. Информационная наука, 3(2):49–55

    Google ученый

  • Wurman RS (1997) Information Architects, Watson-Guptil, New York

    Google ученый

  • W3C Consortium — Расширенный формат файла журнала.(2005) http://www.w3.org/TR/WD-logfile.html. (по состоянию на 18 января 2005 г.)

    Google ученый

  • W3C Consortium-WAI-Web Content Accessibility Guidelines 2.0. (2005) Рабочий проект W3C-WAI. http://www.w3.org/TR/WCAG20/ (по состоянию на 18 января 2005 г.)

    Google ученый

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

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

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

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

    Почему важно удобство использования?

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

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

    Используя дизайн, ориентированный на пользователя, местные органы власти могут:

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

    Какие ключевые факторы влияют на удобство использования?

    Удобство использования обычно определяется следующими пятью компонентами качества:

    1. Простота обучения  – насколько легко пользователям выполнять основные задачи при первом посещении веб-сайта
    2. Эффективность  – как быстро пользователи изучат работу веб-сайта, смогут ли они выполнять задачи
    3. Запоминаемость  – когда пользователи возвращаются на веб-сайт после периода его неиспользования, насколько легко они запоминают, что и как делать
    4. Ошибки  – сколько ошибок совершают пользователи и насколько легко они могут исправить ошибки
    5. .
    6. Удовлетворенность  – насколько сайт приятен с точки зрения дизайна

    Удобство использования также связано с пониманием общих симпатий и антипатий ваших пользователей.Полезно помнить, что:

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

    Существуют ли научные доказательства удобства использования?

    Современные концепции удобства использования веб-сайтов, как правило, основаны на двух научных исследованиях — законе Хика и законе Фиттса, — оба из которых предшествовали изобретению Интернета на несколько десятилетий.Не вдаваясь в технические подробности, вот краткий обзор законов Хика и Фиттса.

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

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

    Применение Хика и Фиттса к дизайну веб-сайта

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

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

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

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

    • Nielsen Norman Group Статьи по юзабилити – это веб-сайт Якоба Нильсена и Дона Нормана, двух ведущих идейных лидеров в области юзабилити
    • .
    • Удобство использования.gov – ведущий ресурс, посвященный передовым методам работы с пользователями и руководящим принципам в государственном и частном секторах
    • .
    • Свод знаний по юзабилити – проект Ассоциации специалистов по юзабилити, направленный на составление всеобъемлющего свода знаний (Свод знаний)
    • .

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

    .

    Добавить комментарий

    Ваш адрес email не будет опубликован.