Веб юзабилити: Юзабилити: что это такое и зачем оно нужно

юзабилити — это… Что такое Веб-юзабилити?

Веб-юзабилити

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

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

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

Официальное определение

Международный стандарт англ. «the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use»). При этом относительная важность всех трех аспектов определяется этим самым контекстом.

См. также

Ссылки

Профессиональные ассоциации

Литература

• Якоб Нильсен, Хоа Лоранжер
  Web-дизайн: удобство использования Web-сайтов = Prioritizing Web Usability. — М.: «Вильямс», 2007. — С. 368. — ISBN 0-321-35031-6
• Стив Круг Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!» = Don’t make me think!. — М.: Символ-плюс.
• Джеф Раскин Интерфейс: новые направления в проектировании компьютерных систем. — Символ-Плюс. — 2004. — ISBN 5-93286-030-8
• Алан Купер Психбольница в руках пациентов или Почему высокие технологии сводят нас с ума и как восстановить душевное равновесие = The Inmates are Running the Asylum. — Символ-Плюс, 2004. — ISBN 5-93286-071-5
• Магазанник В. Д., Львов В. М. Человеко-компьютерное взаимодействие: Учебное пособие для вузов. — Тверь: Триада, 2005. — С. 200. — ISBN 5-94789-119-0
• Гарретт Д. Веб-дизайн: книга Джесса Гарретта. Элементы опыта взаимодействия = The Elements of User Experience: User-Centered Design for the Web. — Символ-Плюс, 2008. — С. 192. — ISBN 5-93286-108-8

Wikimedia Foundation. 2010.

• Веб-цвета
• Веб-сёрвер

Полезное

Смотреть что такое «Веб-юзабилити» в других словарях:

• Веб-разработка — Веб разработка  процесс создания веб сайта или веб приложения.

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

• Юзабилити-тестирование — (проверка эргономичности)  исследование, выполняемое с целью определения, удобен ли некоторый искусственный объект (такой как веб страница, пользовательский интерфейс или устройство) для его предполагаемого применения. Таким образом,… …   Википедия

• Веб-сайт — Запрос «сайт» перенаправляется сюда; см. также другие значения. Веб сайт (от англ. website: web  «паутина», «сеть» и site  «место», букв. «место в сети») или просто сайт  в компьютерной сети объединённая под одним адресом (доменным …   Википедия

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

• Веб-мастер — Веб мастер  человек, занимающийся разработкой веб сайтов в Интернете или корпоративных приложений в интернете.

  Веб мастер  это «управляющий» сайтом. В зависимости от размера коллектива разработчиков, он может объединять в себе… …   Википедия

• Веб-разработчик — Веб разработка процесс создания веб сайта или веб приложения. Термин включает разработку приложений электронной коммерции, веб дизайн, программирование для веб на стороне клиента и сервера, а также конфигурирование веб сервера. Содержание 1… …   Википедия

• Веб-программирование — Веб программирование. Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet приложений. Языки веб программирования  это соответственно языки, которые в основном предназначены для работы с интернет… …   Википедия

• Юзабилити — Эту страницу предлагается объединить с Удобство. Пояснение причин и обсуждение на странице Википедия:К объединению/22 ноября 2012. Обсуждение длится одну неделю (или дольше, если оно идёт медленно) …   Википедия

• Веб-дизайн — Эта статья или раздел нуждается в переработке. Пожалуйста, улучшите статью в соответствии с правилами написания статей. Веб дизайн …   Википедия

• Юзабилити-инженер — Юзабилити (англ. usability дословно «удобство пользования», «применимость») понятие в микроэргономике, обозначающее общую степень удобства предмета при использовании; термин схож с термином «эргономичность», однако имеет иную область… …   Википедия

Юзабилити сайта (Site usability)

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

За время курса:

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

Программа курса:

1. Введение. Процесс создания нового продукта. 

• Понятия и стандарты usability
• «Пользовательский интерфейс» (UI) и «опыт взаимодействия» (UX), вопросы терминологии, эргономические показатели
• Особенности web-юзабилити
• Направления деятельности, связанные с юзабилити
• Доступность (accessibility) web-сайта, стандарты доступности

2. Взаимодействие пользователя с ПК

• Оценка аудитории сайта
• Сбор и анализ пользовательских требований
• Создание профилей пользователя, использование персонажей
• Разработка сценариев взаимодействия, способы представления сценариев. Верификация сценариев
• Виды диалога между пользователем и программой (командная строка, «вопрос-ответ», меню, экранные формы)
• Инновации в интерфейсах (ленточный интерфейс в MS Office, «плиточный» интерфейс в Windows 8, «умные» поля ввода и т.д.,), их преимущества и недостатки
• Варианты взаимодействия с заказчиком в процессе разработки интерфейса программного продукта
• Особенности использование различных устройств ввода и мобильных устройств

3. Customer journey map. Как привести пользователя к его цели и не забыть про цели бизнеса.

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

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

• Цикл разработки в UCD (User-Centered Design – дизайн, ориентированный на пользователя)
• Особенности восприятия человека (зрение, слух, обоняние, осязание) и его реакции
• Психологические аспекты пользовательского интерфейса

5. Основные принципы проектирования интерфейсов и создание прототипов

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

6. Юзабилити web-сайтов и приложений для мобильных устройств

• Особенности использования мобильного устройства
• Какие новые возможности появляются у пользователя и каких возможностей он лишается
• Использование руководств (гайдлайнов) по проектированию интерфейса (Apple, Windows, Android)
• Нововведения в интерфейсах для мобильных устройств: использование речевого ввода, камеры и т.д. 

7. Юзабилити тестирование. Как проверить удобство интерфейса.

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

что это такое, основные принципы и правила usability тестирование сайта – Wezom

Юзабилити. Что это за «зверь» и почему все так с ним носятся? Что сделать для того, чтобы «usability» получилось идеальным? Как оно вообще влияет на работу сайта и поисковое продвижение в целом? Очень много вопросов, поэтому сразу перейдем к делу.

Содержание

1. Что такое юзабилити сайта?
2. Принципы юзабилити веб-сайта
3. Как повысить юзабилити сайта?
4. Чек-лист по юзабилити сайта
5. Инструменты для самостоятельного юзабилити аудита
6. В заключение

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

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

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

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

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

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

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

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

Как юзабилити влияет на SEO-продвижение

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

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

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

Дизайн web-сайта

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

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

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

Антипример дизайна сайта:

Логическая структура сайта

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

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

Важная информация на сайте

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

Убедитесь в этом сами:

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

Навигация по веб-сайту

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

Вот пара советов насчет повышения удобства навигации:

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

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

3. Ссылки оставляйте заметными. Пользователь должен видеть, что анкор кликабельный и по нему можно перейти. Не нужно «сливать» ссылки с остальным текстом, так как они будут незаметными, следовательно, бессмысленными.

Упомянутые рекомендации актуальны и для интернет-магазина, и для сайта услуг.

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

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

Ненавязчивое предложение помощи

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

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

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

Хороший пример:

Упрощенная форма регистрации и заказа

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

Посмотрите на эти два примера:

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

Заметное длинное поле поиска

Дайте человеку возможность найти поисковую строку без труда. Желательно указать прямо в ней или рядом слово «поиск», чтобы пользователю было проще сориентироваться, как здесь:

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

Скорость загрузки сайта

В наше время пользователи очень нетерпеливы, медленная загрузка страниц их раздражает. Убедитесь, что на вашем сайте нет такой проблемы. Проверить скорость можно с помощью бесплатных инструментов PageSpeed Insight, Pingdom Website Speed Test, Load Impact. Вы сможете оценить текущую ситуацию и понять, стоило ли работать над увеличением скорости.

Как повысить юзабилити сайта?

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

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

Оно будет включать три шага:

1. Сбор группы. Это должны быть представители ЦА, у которых на самом деле есть потребность разобраться с работой ресурса.
2. Выдача заданий. Задачи ставятся разные, максимально приближенные к реальности, например: вашей дочери нужно купить ноутбук для школы; зайдите на сайт и закажите подходящий.
3. Наблюдение за процессом. Модератор отслеживает взаимодействие респондента с сайтом, смотрит, с какими трудностями он сталкивается.

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

Чек-лист по юзабилити сайта

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

Навигация:

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

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

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

4. Поисковая строка. Упрощайте поиск и помогайте покупателям быстрее найти товар и оформить заказ.

Все это важные конверсионные элементы.

Информация:

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

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

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

Это поможет закрыть возражения и вопросы пользователя.

Интерфейс:

1. Дизайн. О нем мы вспоминали выше. Удобный, простой и современный, а не как из начала нулевых.

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

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

Вот эти «три кита» помогут проверить юзабилити сайта.

Инструменты для самостоятельного юзабилити аудита

Проверять удобство ресурса вручную — пустая трата времени. Для этого есть много полезных сервисов.

Google Analytics и «Яндекс.Метрика»

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

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

Hotjar

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

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

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

UsabilityHub

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

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

Останется проанализировать сформированный отчет.

SitePolice

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

Учтите, что инструмент полностью платный. Тестовой версии нет.

Optimal Workshop

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

В заключение

Хороший сайт без юзабилити — ничто. Улучшая удобство использования ресурса, вы увеличиваете показатели конверсии. А кому нужен сайт без конверсий? Суть закономерна.

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

У ВАС ОСТАЛИСЬ ВОПРОСЫ?

Оставьте ваши контактные данные. Наш менеджер свяжется и проконсультирует вас.

ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ

Наш менеджер свяжется с Вами в ближайшее время

Отправить заявку

Юзабилити сайтов. Проектирование веб — интерфейсов

Высшее образование онлайн

Федеральный проект дистанционного образования.

Я б в нефтяники пошел!

Пройди тест, узнай свою будущую профессию и как её получить.

Химия и биотехнологии в РТУ МИРЭА

120 лет опыта подготовки

Международный колледж искусств и коммуникаций

МКИК — современный колледж

Английский язык

Совместно с экспертами Wall Street English мы решили рассказать об английском языке так, чтобы его захотелось выучить.

15 правил безопасного поведения в интернете

Простые, но важные правила безопасного поведения в Сети.

Олимпиады для школьников

Перечень, календарь, уровни, льготы.

Первый экономический

Рассказываем о том, чем живёт и как устроен РЭУ имени Г.В. Плеханова.

Билет в Голландию

Участвуй в конкурсе и выиграй поездку в Голландию на обучение в одной из летних школ Университета Радбауд.

Цифровые герои

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

Работа будущего

Как новые технологии, научные открытия и инновации изменят ландшафт на рынке труда в ближайшие 20-30 лет

Профессии мечты

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

Экономическое образование

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

Гуманитарная сфера

Разговариваем с экспертами о важности гуманитарного образования и областях его применения на практике.

Молодые инженеры

Инженерные специальности становятся всё более востребованными и перспективными.

Табель о рангах

Что такое гражданская служба, кто такие госслужащие и какое образование является хорошим стартом для будущих чиновников.

Карьера в нефтехимии

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

что это такое, принципы, основы и правила usability сайта

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

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

Почему юзабилити так важно 

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

Еще юзабилити влияет на:

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

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

Из чего состоит юзабилити

Веб-дизайнер Якоб Нильсен, который начал работать над вопросами удобства интерфейса еще в 80-х годах прошлого века, определил 5 основных составляющих юзабилити:

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

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

3. Запоминаемость. Если пользователь долго не посещал сайт, он легко сориентируется в структуре. 

4. Удовлетворенность. Посетителю нравится дизайн, навигация и контент, он охотно совершает покупки и другие целевые действия.

5. Ошибки. Они возникают редко, и их легко устранить. 

В чем измеряется

Чтобы улучшить сайт, нужно определить, как измерить юзабилити и найти оптимальное значение. Юзабилити — это не абстрактный показатель, он имеет собственную единицу измерения, определенную международным стандартом ISO 9241-210. Она называется стоимостью взаимодействия — это количество усилий, которые пользователь прикладывает, чтобы совершить нужное действие. 

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

Принципы юзабилити сайта

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

Дизайн  

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

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

Структурированный контент 

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

• сделайте оглавление в виде ссылок, чтобы пользователь мог быстро перейти в нужный раздел;

• разбейте текст на смысловые блоки и продумайте структуру;

• добавьте в текст факты и конкретику;

• проверьте опечатки и грамотность.

Важная информация — в левом углу 

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

Общение с пользователем 

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

Отмена действия

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

Предложение помочь 

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

Нет резким переменам

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

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

Все возможности — на виду 

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

Форма регистрации и заказа

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

Заметное поле поиска 

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

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

Больше свободного пространства

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

Как тестировать

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

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

Тестировать юзабилити можно самостоятельно. Что нужно делать:

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

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

3. Не вмешивайтесь в тестирование: вы не должны помогать участникам выполнять задания.

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

5. Протестируйте обновления. Этот этап можно повторять бесконечно, главное — добиться нужного результата.

Эффективнее тестировать юзабилити на каждом этапе разработки: так проще выявить ошибки и исправить недоработки. 

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

Как повысить юзабилити

Несколько советов для повышения юзабилити, которые легко внедрить:

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

• Добавьте на главную страницу вовлекающие элементы: баннеры с анонсом распродажи, блок с преимуществами. 

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

• Адаптируйте сайт под разные экраны. Пользователи часто просматривают страницы со смартфонов: если у сайта нет мобильной версии, то пользоваться ресурсом неудобно. Проверьте адаптивность сайта с инструментом «Проверка оптимизации на адаптивность» от Google. Он проанализирует конкретную страницу и покажет выявленные проблемы. 

Выводы

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

Может быть интересно:

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

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

Оценка сайта глазами посетителя

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

Как оценить сайт с позиции ЦА?

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

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

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

Базовые правила

Главный принцип, которому нужно следовать при веб разработке – ставить себя на место потенциального пользователя. Знать его потребности недостаточно. Каждый элемент на странице должен проходить через фильтр вопросов. Упрощает ли он использование сайта? Легко ли понять информацию через тексты? Сможет ли посетитель найти то, зачем зашёл на ресурс?

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

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

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

Чего не нужно делать

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

Перед запуском проверьте свой сайт по списку антирекомендаций:

• Не заставляйте пользователя ждать. В юзабилити каждая секунда на счету. Если страница не грузится в течение 3-4 секунд, пользователь уходит.
• Не усложняйте. Посетитель заходит, чтобы получить информацию сразу, а не искать её на страницах ресурса. Лучше сделайте поиск и навигацию понятными.
• Не используйте неочевидные по смыслу иконки. Графика – это красиво, но, если значок меню или кнопки непонятен, на него никто не будет кликать.
• Не перегружайте веб-страницу элементами. Пустое пространство упрощает восприятие, поэтому стоит делать свободную разметку, не уплотняя содержание.
• Не мельчите. Шрифты должны быть читабельными. Иллюстрации тоже не стоит делать чересчур детализированными, так как это негативно влияет на конверсию мобильной версии.

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

Рекомендации по улучшению дизайна

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

На каких аспектах стоит сконцентрироваться?

Технические заминки

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

Скроллинг

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

Цвета

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

Расположение элементов

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

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

Тестирование

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

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

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

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

Удобство пользования и воронка продаж – это основы веб-дизайна коммерческих проектов. Без маркетинговой стратегии добиться высоких показателей в онлайн-торговле невозможно.

Закажи юзабилити-тестирование прямо сейчас

Заказать

Юзабилити сайтов. Проектирование web-интерфейсов | WADLINE

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

Программа курса

Проведение исследований, методы проектирования интерфейсов

• Понятия и стандарты usability
• «Пользовательский интерфейс» (UI) и «опыт взаимодействия» (UX), вопросы терминологии, эргономические показатели
• Особенности web-интерфейсов
• Цена ошибок в интерфейсе
• Методы проектирования: User Central Design, Task Central Design, Design Thinkin
• Особенности восприятия человека (зрение, слух, обоняние, осязание) и его реакции
• Психологические аспекты пользовательского интерфейса
• Доступность (accessibility) web-сайта, стандарты доступности
• Проведение исследований – качественные и количественные исследования
• Оценка аудитории сайта, сбор и анализ пользовательских требований
• Создание профилей пользователя, использование персонажей

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

• Методы проектирования: User Central Design, Task Central Design
• Концепция Design Thinking
• Проектирование карт пользовательского опыта CJM (Customer Journey Map)
• Разработка сценариев взаимодействия, способы представления сценариев. Верификация сценариев
• Варианты взаимодействия с заказчиком в процессе разработки интерфейса программного продукта


Вопросы разработки интерфейса

• Виды диалога между пользователем и системой
• Инновации в интерфейсах (ленточный интерфейс в MS Office, «плиточный» интерфейс, «умные» поля ввода и т.д., “невидимый” интерфейс)
• Подходы к проектированию интерфейса
• Стадии проектирования пользовательского интерфейса
• Использование руководств (гайдлайнов) и паттернов (шаблонов) при проектировании
• Основные элементы интерфейса сайта (навигация, элементы форм, текстовая и графическая информация), их взаимодействие на экране
• Навигация на web-странице
• Разбиение информации на окна, оптимизация размещения
• Средства прототипирования (обзор).
• Использование Axure для создания прототипа интерфейса
• Детализация прототипов, низкоуровневое и высокоуровневое прототипирование
• Предварительное тестирование на основе прототипов, поиск возможных проблем и ошибок
• Документирование интерфейса

Визуализация элементов интерфейса

• Стилевое оформление интерфейса. Современные концепции — Material Design Lite и другие
• Взаимодействие специалиста по юзабилити с веб-дизайнером, способы решения проблем взаимодействия
• Инфографика, пиктограммы и другие графические элементы, и их роль в оформлении современного веб-сайта
• Динамические элементы в интерфейсе (оверлеи, инлеи и пр.)
• Советы и рекомендации по визуализации, обзор интересных и актуальных решений, разбор ошибок

Анализ эргономики сайтов в различных предметных областях

• Сайты электронной коммерции, банковские системы, сайты госуслуг – эволюция взаимодействия, проблемы и решения
• Анализ схем построения взаимодействия с пользователем, поиск новых решений
• Варианты дальнейшего развития услуг и сервисов

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

• Какие новые возможности появляются у пользователя и каких возможностей он лишается
• Особенности использования мобильного устройства
• Какие новые возможности появляются у пользователя и каких возможностей он лишается
• Использование руководств (гайдлайнов) по проектированию интерфейса (Apple, Windows, Android)
• Нововведения в интерфейсах для мобильных устройств: использование речевого ввода, камеры и т.д.

Аудит юзабилити web-сайта, тестирование и документирование

• В чем заключается аудит юзабилити, его цели, задачи и сроки выполнения
• Тестирование сайта, стратегии тестирования, варианты тестирования
• Организация тестирования, вопросы бюджетных затрат и сроков
• Разработка тестовых сценариев
• Оборудование для тестирования (системы наблюдения,
• eye-трекинг и т.д.)

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

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

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

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

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

1.Хороший пользовательский интерфейс

Веб-сайты портфолио обычно имеют очень креативный пользовательский интерфейс, чтобы продемонстрировать своей целевой аудитории свои возможности дизайна и разработки (Источник: http://aylis.com/).

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

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

2.

Навигация Удобство использования Пользователи обычно читают содержимое веб-страницы по F-образному шаблону.На этом изображении показаны тепловые карты из исследований пользовательского отслеживания взгляда. (Источник: Useit.com)

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

Research показало, что обычно пользователи читают веб-страницы по f-образному шаблону.Таким образом, имеет смысл разместить всю важную информацию, такую ​​как логотип сайта и основной навигации с левой стороны. Для более крупных веб-сайтов хорошей техникой будет отображение внутренних страниц / категорий на левой боковой панели. Для некоторых примеров того, что хорошо, а что плохо Navigation , можно начать с этой статьи в Smashing Magazine. Тем не менее, можно найти различные хорошие ресурсы даже с помощью простого поиска в Google

.

3. Функции поиска

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

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

Фактически, для крупных веб-сайтов электронной коммерции рекомендуется, чтобы помимо традиционного механизма поиска также была доступна опция расширенного поиска, чтобы посетители могли уточнить свои поисковые запросы, выбрав такие параметры, как цена, торговые марки. и обзоры.Чтобы ознакомиться с полным набором рекомендаций о том, как сделать свой поисковый интерфейс пригодным для использования, вы должны прочитать статью «10 Usability Guidelines For Design the Search Interface».

4. Содержание

Удобство использования Загроможденный контент сделает ваш сайт кошмаром юзабилити (и да, этот снимок экрана сделан с сайта 2012 года!)

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

5. Изображения для поддержки содержимого

Веб-страница без изображений очень скучна и трудна для чтения (Источник: Chrisguitars.com)

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

6. Видео для улучшения содержания

Такие сайты, как YouTube, позволяют очень легко встраивать видео в ваши веб-сайты или презентации

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

7. Быстрая загрузка веб-страниц

Как упоминалось выше, пользователи быстро покидают страницы, если их не привлекает их контент. А теперь представьте, как быстро пользователи покидают веб-страницу, если этот контент загружается очень долго! Важность быстрой загрузки веб-страниц настолько велика, что Google включил скорость сайта в свой алгоритм ранжирования поиска.Это связано с тем, что их исследования подтвердили, что «более быстрые сайты создают счастливых пользователей» и «когда сайт медленно реагирует, посетители проводят на нем меньше времени». Чтобы оценить скорость вашего веб-сайта, вы можете использовать такие инструменты, как Google PageSpeed, Yahoo! YSlow и WebPageTest.

Заключительные слова

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

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

Если хотите…

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

… тогда рассмотрите возможность пройти онлайн-курс Проведение Юзабилити-тестирование.

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

(Ведущее изображение: Адрианна Кальво через Pexels)

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

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

Что такое

Юзабилити ?

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

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

Почему веб-сайт

Юзабилити важен?

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

Тестирование удобства использования используется для тестирования всех форм взаимодействия людей с устройствами (Изображение предоставлено — Mediamatic)

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

Что такое

Тестирование юзабилити ?

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

Результат тестирования удобства использования с использованием устройства отслеживания взгляда показывает, куда смотрел пользователь и сколько времени он / она смотрел (Изображение предоставлено — зрение пользователя)

Существует 3 основных категории проверки удобства использования :

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

Типы

Юзабилити-тестирования Методы

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

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

• Тестирование в коридоре: Использование случайных людей для тестирования веб-сайта, а не людей, которые обучены и имеют опыт тестирования веб-сайтов.Этот метод особенно эффективен при первом тестировании нового веб-сайта во время разработки.
• Удаленный Юзабилити Тестирование: Тестирование юзабилити веб-сайта с использованием людей, которые находятся в нескольких странах и часовых поясах. Иногда удаленное тестирование выполняется с помощью видеоконференцсвязи, а иногда пользователь работает отдельно от оценщика. В настоящее время существует различное программное обеспечение, доступное по относительно низкой цене, которое позволяет проводить удаленное тестирование юзабилити даже наблюдателями, которые не являются экспертами юзабилити .Как правило, местоположения кликов и потоки пользователей записываются автоматически, и любые критические инциденты, произошедшие во время использования сайта, также записываются вместе с любыми отзывами, отправленными пользователем. Удаленное тестирование удобства использования позволяет записывать время, необходимое каждому тестировщику для выполнения различных задач. Это хороший метод тестирования, потому что тесты проводятся в обычной среде пользователя, а не в контролируемой лаборатории.
  Существует широкий спектр программного обеспечения для удаленного тестирования юзабилити .На этом скриншоте показано одно из таких программ — Usabilla
.
• Обзор эксперта: Эксперта в данной области просят оценить юзабилити веб-сайта. Иногда эксперта доставляют в испытательную лабораторию для тестирования на месте, в то время как в других случаях тесты проводятся удаленно, а автоматические результаты отправляются обратно для проверки. Автоматические экспертные тесты обычно не так подробны, как другие типы тестов юзабилити , но их преимущество в том, что они могут быть выполнены быстро.
• Paper Prototype Testing: Проще говоря, этот метод юзабилити-тестирования включает создание грубых, даже набросков вручную чертежей интерфейса для использования в качестве прототипов или моделей дизайна. Наблюдение за пользователем, выполняющим задачу с использованием таких прототипов, позволяет тестировать дизайнерские идеи с чрезвычайно низкими затратами и до того, как будет выполнено какое-либо кодирование. Дополнительные сведения о тестировании бумажных прототипов см. В статье « Paper Prototyping As A Usability Testing Technique»
  Paper prototyping of an iPhone application (image credit — Golem.de)
• Анкеты и интервью: Интервью, проводимые индивидуально, позволяют наблюдателю задавать пользователям прямые вопросы (помимо двойной проверки того, что они на самом деле делают). Точно так же наблюдатель может задавать вопросы с помощью анкет. Преимущество анкет в том, что они позволяют собирать более структурированные данные . Однако они по своей природе жесткие, в отличие от интервью.
  Юзабилити-тестирование анкет обычно передаются нам после того, как пользователь попытался выполнить данную задачу (Изображение предоставлено — Docstoc)
• Пошаговое руководство «Сделай сам»: Как следует из названия, в этом методе наблюдатель настраивает юзабилити тест ситуацию, создавая реалистичные сценарии.Затем он или она проходит через работу, как пользователь. Разновидностью этого метода является групповое прохождение, когда у наблюдателя есть несколько участников, выполняющих прохождение.
• Контролируемые эксперименты: Подход, аналогичный научным экспериментам, обычно включающий сравнение двух продуктов с тщательной статистической балансировкой в ​​лаборатории. Это может быть самый сложный метод «в реальном мире», но из-за его научного характера он дает очень точные результаты, которые в конечном итоге могут быть опубликованы
  Контролируемые эксперименты обычно проводятся в лабораториях, таких как эта (Изображение предоставлено: U-Sentric)
• Automated Usability Оценка: Вероятно, Святой Грааль тестирования usability .Были разработаны различные научные статьи и прототипы, чтобы попытаться автоматизировать тестирование юзабилити веб-сайта , все с разной степенью успеха. В этом блоге обсуждался один интересный подход — USEFul Framework Джастина Мифсуда. Вы можете прочитать об этом в статье «USEFul: платформа для автоматизации веб-сайта Usability Evaluation».

Что делать после веб-сайта

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

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

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

Если хотите…

1. узнать все подробности юзабилити-тестирования
2. получить простые в использовании шаблоны
3. узнать, как правильно количественно оценить удобство использования системы / услуги / продукта / приложения и т. Д.
4. узнать, как сообщить результат своему руководству

… тогда рассмотрите возможность пройти онлайн-курс «Проведение юзабилити-тестирования».

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

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

Принципы юзабилити сайта

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

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

Иллюстрация OrangeCrush

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

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


–

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

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

Ясность и полезность — две цели удобства использования веб-сайта. Дизайн от akorn.creative Простота — ключ к удобству использования. Дизайн Bluesjay

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

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

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


—

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

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

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

Через Amazon

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

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


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


—

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

Новаторское сочетание изображения и текста может улучшить доступность и удобство использования.Дизайн ложкой lancer

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

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

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

UX означает обеспечение согласованных интерфейсов на нескольких устройствах. Дизайн Майка Барнса

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


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


—

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

Четкая структура навигации — ключ к удобству использования в Интернете. Дизайн MercClass

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

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

1. Исследование пользователей

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

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

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

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

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

По сути, домашняя страница Microsoft имеет очень простую структуру. Via Microsoft.com

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

2. Строение

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

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

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

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

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

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

Как и веб-сайт Microsoft, навигация Nike очевидна. Via Nike.com

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

3. Нанять веб-дизайнера

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

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


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


—

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

Дайте пользователю то, что он хочет. Дизайн Mila Jones Cann

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

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

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

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


Удобство использования — важная часть хорошего дизайна веб-сайта


—

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

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

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

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

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

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

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

Важны руководящие принципы, основанные на исследованиях

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

1. Процесс проектирования и оценка

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

2. Оптимизация взаимодействия с пользователем

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

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

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

4. Аппаратное и программное обеспечение

Четвертое важное руководство, основанное на исследованиях, касается аппаратного и программного обеспечения вашего веб-сайта.Существует множество браузеров, и дизайнеры должны попытаться сделать свои веб-сайты совместимыми с самыми популярными из них, такими как Internet Explorer, Google Chrome, Firefox и Safari. Узнайте, чего хотят пользователи, когда речь идет о шрифтах, размере текста и других настройках браузера. При разработке своего веб-сайта постарайтесь сделать по крайней мере 95% пользователей довольными, если можете. Вы должны не только сделать свой веб-сайт совместимым с браузерами, но также учитывать самые популярные операционные системы, которые могут быть у ваших пользователей.Исследования показывают, что Windows XP является самой популярной, за ней следуют Windows 2000, Windows 98 и Mac. Вы также должны проектировать свой веб-сайт с учетом скорости пользователя. Убедитесь, что вашим пользователям не нужно слишком долго ждать загрузки всего содержимого вашей страницы. Разрешение экрана монитора тоже важно для удобства использования. Рассмотрим 1024×768 пикселей, так как это то, что большинство людей используют, когда дело касается их разрешения.

5. Домашняя страница

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

6. Макет страницы

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

7. Навигация

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

8. Прокрутка и перелистывание

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

9. Заголовки, названия и ярлыки

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

10. Ссылки

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

11. Внешний вид текста

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

12. Списки

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

13. Экранные элементы управления (виджеты)

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

14. Графика, изображения и мультимедиа

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

15. Написание веб-контента

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

16. Организация содержания

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

17. Искать

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

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

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

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


Назад

Нильсен, Якоб: 0752064581017: Amazon.com: Книги

Создавать веб-сайты легко. Совсем другое дело — создание сайтов, которые действительно соответствуют потребностям и ожиданиям широкого круга онлайн-пользователей. В книге Designing Web Usability: The Practice of Simplicity известный гуру юзабилити в Интернете Якоб Нильсен делится своими проницательными мыслями по этому поводу. Эта книга, наполненная аннотированными примерами реальных веб-сайтов, излагает многие принципы дизайна, которым должны следовать все веб-разработчики.

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

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

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

Хотя все хотят создавать крутые веб-сайты, никто не хочет думать просто и задумываться о том, действительно ли дизайн достигает своей цели, которая обычно заключается в продаже, обучении или развлечениях.Единственным исключением является Нильсен, который зарабатывал себе на жизнь, говоря и писая о том, что работает, а что не работает в интерактивных медиа. Его простая, хорошо написанная и хорошо иллюстрированная книга обсуждает удобство использования в Интернете, дизайн страниц, дизайн контента, дизайн сайта, дизайн интрасети, доступность для пользователей с ограниченными возможностями, международное использование, будущие направления и простоту. Купите более одной копии.
Copyright 2000 Reed Business Information, Inc.

Обзор

«О Сети написано восемьдесят миллиардов вещей.Нужен ли нам еще один? Ответ: Да! Если это от Якоба Нильсена. Разработка веб-юзабилити: практика простоты — это шедевр. Якоб знает свое дело буквально как никто другой! Эту книгу приятно читать. И бесценно. Да здравствует простота! »- Том Питерс, эксперт по менеджменту, автор (В поисках совершенства,« Круг инноваций »и др.)

« Якоб Нильсен выбрал идеальное время. Бурный рост Интернета привел к появлению множества способов разработки и представления веб-контента.Сосредоточив внимание на опыте пользователей, эти руководящие принципы указывают путь к более счастливым клиентам, лояльности к бренду и успеху в Интернете для предприятий любого типа «. — Раймонд Г. Наср, директор отдела корпоративных отношений, Novell, Inc.

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

« Этот текст необходимо прочитать всем, кто занимается дизайном сайтов ». — Н. Дж. Стоянов, доктор философии, директор по электронному бизнесу, Ogilvy & Mather

«Якоб Нильсен в своей книге« Проектирование веб-юзабилити: практика простоты »подтверждает то, что многие из нас думали после прочтения« Юзабилити-инжиниринга ». являются незаменимыми инструментами для архитекторов и дизайнеров веб-сайтов.В книге Designing Web Usability Nielsen предлагает исчерпывающий обзор практических проблем, которые необходимо решить при проектировании веб-сайтов. Он идет на «что» и «как». Он объясняет ясной прозой и описывает на современных примерах, что правильно и что неправильно в веб-сайтах, которые просматривают миллионы.

«Если вы будете тщательно следовать инструкциям Nielsen, вы будете вознаграждены более быстрыми веб-проектами и довольными веб-клиентами. Нет причин совершать те же ошибки, что и другие, и нет причин расстраивать ваших пользователей дизайн вашего веб-сайта.Разработка веб-юзабилити имеет большое значение для решения сегодняшних проблем »- Генри Лихштейн, вице-президент Citibank

От издателя

Это правда: чтение этой книги может быть самым рентабельным действием, которое вы когда-либо предпринимали, чтобы гарантировать, что ваш веб-сайт по-прежнему будет иметь значение через месяц и через год. Якоб Нильсен — один из наиболее востребованных ораторов и комментаторов в мире высоких технологий из-за его послания и красноречия, с которым он его передает.Послание простое — по крайней мере, на первый взгляд — и доступно любому, кто будет его слушать (а множество людей делают это каждый год): на первое место ставьте УДОБСТВО ИСПОЛЬЗОВАНИЯ. Практика ПРОСТОТА. Проблемы и сложности философии дизайна «ставить юзабилити на первое место» могут начаться, когда идея превращается в планирование, а планирование превращается в реализацию; проблемы, возможно, никогда не прекратятся, но Якоб поможет вам понять их и позволить себе постоянно вносить коррективы, необходимые для выживания и процветания в мире Интернета, ориентированном на пользователей.Лучшее в этой книге, наряду с тем, что вы узнаете о себе и других, использующих Интернет (и о том, как неизмеримо повысить полезность вашего веб-сайта), — это то, что Designing Web Usability — одно из лучших материалов для вас. Столкнусь — в издательстве техники или где-нибудь еще. У Якоба есть дар общения, который позволяет ему обернуть свое видение ясным, убедительным дискурсом, который привлекает ученых и непрофессионалов, веб-дизайнеров и веб-пользователей. Дизайн веб-юзабилити имеет такую ​​широкую привлекательность, потому что сообщение Якоба имеет такой смысл, будучи мастерски переданным на многих уровнях.Кто сказал, что нельзя развлекаться, расширяя свой кругозор? Для компании New Riders большая честь работать с Якобом Нильсеном в течение последних двух лет, когда он написал и усовершенствовал «Проектирование веб-юзабилити: практика простоты». Мы считаем, что ожидание того стоило. Дайте нам знать, что вы думаете … — Стив Вайс, исполнительный редактор New Riders

Об авторе

Якоб Нильсен , Ph.D. является адвокатом пользователей, специализирующимся на удобстве использования Интернета, и руководителем Nielsen Norman Group (http: // www.nngroup. com), которую он основал вместе с доктором Дональдом А. Норманом, бывшим вице-президентом Apple Research. До 1998 года д-р Нильсен был выдающимся инженером Sun Microsystems и руководил работой этой компании по повышению удобства использования Интернета, начиная с первоначального дизайна SunWeb в начале 1994 года. Его предыдущие филиалы включают IBM User Interface Institute, Bell Communications Research и Технический университет Дании. . Нильсен является автором и редактором 8 других книг и более 75 исследовательских работ по юзабилити-инженерии, дизайну пользовательского интерфейса и гипертексту.Он также часто выступает с основными докладами на отраслевых конференциях. Нильсен является основателем движения «дисконтное проектирование юзабилити» за быстрые и простые способы улучшения пользовательских интерфейсов. Колонка Nielsen Alertbox об удобстве использования Интернета публикуется в Интернете с 1995 года (http://www.useit.com/alertbox) и в настоящее время насчитывает около 100 000 читателей. Он также является обозревателем юзабилити в DevHead Ziff-Davis Network и критиком веб-дизайна в журнале Internet World. Он имеет 46 патентов США, в основном на способы облегчения использования Интернета.Веб-сайт доктора Нильсена находится по адресу http://www.useit.com: это только текст и довольно быстро.

Все, что вам нужно знать, чтобы создать отличный веб-сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

КПД

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

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

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

Ошибки

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

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

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

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

Удовлетворенность пользователей

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

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

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

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

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

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

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

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

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

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

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

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

Личное или внутреннее юзабилити-тестирование

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Партизанские испытания

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

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

Тестирование

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

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

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

Тестирование телефонного интервью

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

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

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

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

Тестирование сортировки карт

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

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

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

Запись сеанса тестирования

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

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

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

6 шагов по проведению тестирования юзабилити веб-сайта

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

Определите, что измерять

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

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

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

Определите лучший метод

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

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

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

Создайте сценарий задачи и установите процент успеха

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

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

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

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

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

Найти участников

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

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

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

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

Провести испытание

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

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

Анализируйте и сообщайте о своих выводах

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

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

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

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

Заключение

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

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

Чтобы провести эффективное тестирование юзабилити, необходимо выполнить следующие шесть шагов:

1. Определите, что измерять
2. Определите лучший метод тестирования юзабилити
3. Создайте сценарий задачи и установите коэффициент успешности
4. Найдите участников
5. Проведите тест
6. Проанализируйте и сообщите свои выводы

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

Автор

Ричард Бойетт

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

Доступность, удобство использования и включение | Инициатива веб-доступности (WAI)

Введение

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

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

Эта статья вкратце:

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

Различия и совпадения

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

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

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

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

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

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

Доступность включает:

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

Доступность и удобство использования во многом совпадают. ISO 9241-11 определяет удобство использования как:

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

Это может адресовать доступность , когда :

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

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

Доступность и включение

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

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

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

Доступный дизайн

Существуют руководящие принципы, стандарты и методы для веб- доступность, например Интернет Рекомендации по доступности контента (WCAG), который является международным стандарт ISO / IEC 40500. Но когда дизайнеры, разработчики и менеджеры проектов подходят доступность как контрольный список для соответствия этим стандартам, в центре внимания только по техническим аспектам доступности.В результате человек аспект взаимодействия часто теряется, а доступность не достигается.

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

Доступность для использования

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

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

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

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

Заключение

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

Подробнее по этой теме см. Роль доступности в универсальном web, который:

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

Помогите улучшить эту страницу

Поделитесь своими идеями, предложениями или комментариями по электронной почте в общедоступный список [email protected] или через GitHub.

Back to Top .

No related posts.