Юзабилити веб сайта: Основы юзабилити, определение, правила юзабилити веб сайта

Юзабилити сайта – анализ, оценка и тестирование

Понятие «usability» (или «web-usability») означает удобство использования сайта для достижения определенных целей.

---

Википедия: «Юзабилити — это понятие, обозначающее итоговый уровень удобности предмета для использования в заявленных целях». Стандарт ISO 9241-11: «Юзабилити — степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью».

---

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

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

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

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

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

Существует несколько вариантов анализа юзабилити сайта:

1. Анализ статистики, например, Яндекс.Метрики, Google Analytics, статистики Bitrix и др. Счетчики установлены практически на каждом сайте, данные предоставляются бесплатно — таким образом, это один из самых доступных вариантов анализа юзабилити. Можно провести сравнительный анализ статистики похожих сайтов, если есть соответствующий доступ. К основным минусам данного метода можно отнести недостаточный объем данных и поверхностность выводов.

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

3. Тестирование юзабилити сайта. Этот способ подходит, если есть сомнения в успехе нововведений на сайте. Для тестирования страниц можно использовать специальный инструмент от Google — Оптимизатор web-сайтов — и фокус-группы. Необходимо подобрать людей и дать им заранее подготовленное задание по достижению цели сайта. Группа разделяется на две части, и каждая работает со своим вариантом сайта. За действиями участников эксперимента ведется наблюдение, по результатам которого затем делается вывод о том, какой вариант сайта наиболее удобен. Плюсом метода можно считать идеальный выбор между двумя вариантами, статистически подтвержденный. Минус в том, что необходимо сформировать и мотивировать фокус-группу, и общих советов по изменению ресурса вы не получите.

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

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

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

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

Вернуться назад: Фильтрация «мертвых» запросовЧитать далее: Технические ошибки и ошибки в структуре сайта

 

 

7 правил юзабилити по Якобу Нильсену, которые помогут создать сайт и увеличить конверсию – UxJournal

---

Вы читаете перевод фундаментальных исследований Nielsen Norman Group, которые они описали в статье “Top 10 Mistakes in Web Design”. Над переводом работали: Ольга Жолудова и Анастасия Свеженцева.

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

Юзабилити – это качественный показатель простоты и удобства использования сайта. Юзабилити оценивается по 5 качественным критериям:

1. Легкость в изучении: насколько просто новым посетителям веб-сайта совершать элементарные действия, т.е. не мешает ли им навигация, различные всплывающие окна, реклама или видео;
2. Эффективность: насколько быстро пользователь может ориентироваться на сайте и совершать необходимые ему действия;
3. Запоминаемость: насколько легко пользователь может сориентироваться на сайте после того, как он вернется спустя месяц;
4. Ошибки: как много ошибок совершают пользователи и как легко они разбираются в чем дело;
5. Удовлетворенность: уровень удовольствия от пользования сайтом. На него влияет множество аспектов, среди них: история, навигация, подача и другие.

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

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

• Полезность — дает ли сайт то, что ищет пользователь;
• Юзабилити — насколько легок и удобен сайт в использовании;
• Практичность сайта = юзабилити + полезность.

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

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

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

Просто запомните одно простое правило — первое правило электронной коммерции: если пользователь не может найти товар – он не сможет его купить.

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

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

1. Собрать группу представителей потенциальной аудитории сайта; у них действительно должна быть потребность разобраться с каким-либо вопросом;
2. Дать группе задание. Задачи должны находиться на пересечении интересов пользователей и бизнес-целей. К примеру задача может звучать так: вашему сыну нужен велосипед, зайдите на сайт и купите подходящий;
3. Наблюдать за действиями тестируемых, что у них получилось/не получилось сделать, с какими трудностями они столкнулись, что оказало влияние на их поведение (вебвизор, карта кликов, карта скроллинга в этом вам помогут).

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

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

Когда начинать работать над юзабилити сайта?

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

1. Протестируйте старый сайт прежде чем тестировать новый вариант сайта, т.к. это поможет выявить сильные и слабые стороны предыдущей версии и не упустить их из виду при разработке новой версии.
2. Проведите оценку сайтов конкурентов – это хороший (а главное – бесплатный!) способ получить конкурентоспособные данные, которые помогут тебе сделать сайт лучше и лучше чем у конкурентов.
3. Проведите полевое исследование, чтобы понять, как испытуемые ведут себя в их привычных условиях.
4. Создайте напечатанные версии интерфейсов сайта и протестируй их. Помните: потратить время на корректировку бумажных прототипов в разы экономнее, чем тестировать и вносить правки в живую систему.
5. Отметьте успешные правки. Правки после внесения которых показатель юзабилити сайта становится лучше. По мере устранения ошибок и усовершенствования интерфейса, проводите тест уже не на бумаге, а на компьютере. И тестируй сайт после каждого нового исправления.
6. Проверь окончательный вариант сайта на соответствие с общепринятыми нормами юзабилити сайта и со своими предыдущими результатами тестирования.
7. Проведите тестирование еще раз напоследок, после того, как все правки были внесены, сайт уже начал свою «новую» жизнь. Потому что самые коварные нюансы могут появиться как раз после того, как вы выложите сайт на живой.

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

Где проводить юзабилити-тестирование?

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

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

---

Если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.

Нас можно найти в Facebook: Ольга Жолудова и Анастасия Свеженцева..

Юзабилити сайта – рекомендации для получения максимального эффекта

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

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

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

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

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

ОБУЧАЕМОСТЬ нужным действиям. Чтобы получить обратную связь от посетителей сайта нужно, чтобы они совершили какие-либо действия. Например, зарегистрировались, скачали, оформили заказ. Грамотное юзабилити сайта предусматривает обучающие подсказки – это может быть нумерация, стрелки, всплывающие подсказки которые помогают пользователям научиться нужным действиям

ЗАПОМИНАЕМОСТЬ — третий принцип юзабилити. Для того чтобы помочь запомнить на инстинктивном уровне, что и где находится на сайте нужно соблюдать единый стиль дизайна одинаковых элементов и располагать их в одном и том же месте — это поможет посетителям легко запомнить навигацию и не сбиться с пути.

УДОВЛЕТВОРЕННОСТЬ – важнейший принцип юзабилити. После посещения вашего сайта потенциальный клиент должен остаться доволен как процессом, так и результатом взаимодействия с ним. Удовлетворенность — это показатель качества сайта. Задача юзабилити сайта — удержать посетителей.

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

Вам нужен хороший современный сайт и выбираете исполнителя?

Тогда не теряйте время, напишите нам прямо сейчас!

Оставить заявку

1. Дизайн должен концентрироваться на пользовательском опыте

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

2. Сайты сканируют, не читают

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

3. Пользователям нужна простота

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

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

4. Распространенные элементы дизайна или креатив?

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

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

5. Узнайте свою аудиторию

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

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

6. Визуальная иерархия

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

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

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

Вам нужен хороший современный сайт и выбираете исполнителя?

Тогда не теряйте время, напишите нам прямо сейчас!

Оставить заявку

Проверка юзабилити сайта заключается следующем:

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

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

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

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

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

Избегайте 5 ошибок UX интерфейса, которые ухудшают пользовательский опыт сайта

Разработка коммерческих сайтов основана на грамотном юзабилити

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

1. Информация полезная и интересная 
2. Дружелюбный и понятный интерфейс
3. Грамотная, тщательно продуманная структура 
4. Удобная навигация 

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

Если раньше достаточно было разработать сайт максимально информативным, чтобы он был популярным, то сегодня этого не достаточно, необходимо, чтобы ваш сайт был привлекательным и удобным для ваших потенциальных клиентов. Веб студия «АВАНЗЕТ» специализируется на создании коммерческих сайтов, мы готовы вас проконсультировать по всем вопросам, касающимся юзабилити, звоните +7 (903) 455-3830, или задайте вопрос нашему онлайн консультанту.

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

Грамотное юзабилити сайта напрямую влияет на ранжирование ресурса, поведенческие факторы и в результате на обращения клиентов, заказы, звонки и прочие конверсионные действия. Если вам необходима БЕСПЛАТНАЯ консультация, обращайтесь в веб-студию АВАНЗЕТ, всегда рады помочь!

Юзабилити (usability) Интернет-сайта — ПроАктОн

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

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

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

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

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

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

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

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

И, конечно, нельзя забывать о непосредственном контакте с посетителями сайта. Если сайт принадлежит организации, то её контактную информацию (адрес, телефон, факс, электронная почта, карта или схема проезда) следует размещать на видном месте. Желательно, чтобы хотя бы телефон и электронный адрес были на каждой странице сайта, чтобы посетителю не надо было переходить на какую-то конкретную страницу, если он захочет связаться с владельцами ресурса (например позвонить). Форма обратной связи тоже уже давно стала обязательным атрибутом почти любого сайта. Согласитесь, очень удобно отправлять сообщения прямо с сайта, без необходимости открывать свою почту, вводить email получателя, и т.д.

Вы можете получить дополнительную консультацию по теме юзабилити веб-сайта или задать вопрос на какую-то другую, интересующую Вас тему, запросив консультацию, позвонив +7 (916) 676-7915, или написав на [email protected]. Заранее благодарим за проявленный интерес.

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

(в переводе с английского use ability — возможность пользоваться)

Поскольку основная цель коммерческого сайта (задача-максимум) – это продажа товаров или услуг, то вопросы юзабилити выходят на первый план. Нашим посетителям всё равно: какие программы использованы при создании сайта, насколько интересны технические решения и искусен дизайн. Главное для них, чтобы было удобно, понятно, интересно и комфортно – тогда они будут еще и еще раз возвращаться на сайт и в конечно итоге перейдут из разряда посетителей в желанный для нас разряд покупателей. Наверное, поэтому старый термин «прикормить посетителя» перекочевал из наземного бизнеса в интернетный.
Исследования Forrester Research показали, сколько теряют компании из-за плохого юзабилити сайтов: интернет-магазины теряют порядка 50% покупателей, которые не могут найти нужный товар. Около 40% пользователей не возвращаются на сайт, с которым имели негативный опыт работы.
Якоб Нильсен говорит: «Изучение поведения пользователей в вебе показывает, что они плохо воспринимают медленные сайты и сайты со сложным дизайном. Люди не хотят ждать. Также они не хотят изучать, как пользоваться домашней страницей. Не существует таких вещей, как обучение веб-сайту или инструкция по веб-сайту. Люди хотят ухватить функциональность сайта сразу же после беглого сканирования страницы, то есть за несколько секунд».

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

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

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

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

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

Основные аргументы при доказательстве необходимости «юзабилити-тестирования»:

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

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

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

В настоящее время существуют две техники подобного тестирования:

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

У нас уже накоплен положительный опыт именно в этом направлении.

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

• с помощью бумажного «прототипа» сайта
• с помощью HTML – макета сайта.

Главное – получить от тестировщика информацию:

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

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

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

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

Теги:

юзабилити, коммерческий сайт, структура сайта, юзабилити-тестирование, заказать сайт, цены на разработку сайтов

Удобство использования web-сайта (“Юзабилити”)

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

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

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

В процессе проектирования сайтов “Под ключ” дизайнеры web-студии HINEX.RU разрабатывают графическую модель сайта с учетом юзабилити конкретного проекта и его целевой аудитории. Именно поэтому все сайты, созданные нашими специалистами, ориентированы на подачу информации в удобном пользователю виде.

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

Услуги по улучшению юзабилити сайта могут включать:

1. Визуализацию основных разделов сайта
2. Улучшение внешнего вида главной страницы
3. Оформление контактных данных
4. Упрощение и структурирование навигации сайта
5. Приведение общего стиля сайта к единой дизайнерской концепции
6. Улучшение внешнего вида и пропорций, расположенных на сайте изображений
7. Исправление типографических ошибок
8. Оптимизация контента под заявленные темы

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

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

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

Юзабилити-анализ

Usability (юзабилити)

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

Анализ юзабилити

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

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

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

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

Тестирование сайта. Для тестов юзабилити часто используется сервис Google Page Insights, с помощью которого можно определить скорость загрузки страниц. Также, если у вас большое количество посетителей на сайте, можно сделать A/B-тестирование, пробуя различные варианты и анализируя изменения с помощью Яндекс.Метрики.

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

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

Как улучшить юзабилити

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

Навигация и структура сайта

Проработанное меню

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

Грамотная перелинковка

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

«Хлебные крошки»

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

Карта сайта

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

Возможность быстро найти информацию

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

Наличие функциональных элементов

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

Оформление сайта

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

Шрифты и заголовки

• Не используйте слишком мелкий или большой шрифт.
• Посмотрите в Интернете, какие шрифты более востребованы и приятны для основной массы пользователей.
• Откажитесь от неконтрастных шрифтов (светлый текст на светлом фоне или темный текст на темном фоне).

Цветовая гамма

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

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

Качественный контент

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

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

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

Структура и форматирование

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

Высокая скорость загрузки страниц

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

Отсутствие ошибок 404

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

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

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

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

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

Простое руководство по удобству использования веб-сайта — лучшие практики 2021 года

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

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

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

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

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

Когда они уходят, они исчезают: 88% онлайн-пользователей вряд ли вернутся на веб-сайт после неудачного опыта.

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

Большинство владельцев веб-сайтов не осознают, что их сайт неудобен для пользователей.

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

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

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

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

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

Давайте нырнем.

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

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

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

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

Фактически ожидается, что к 2021 году мобильная коммерция вырастет на 22,3% или на 3,56 триллиона долларов США.

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

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

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

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

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

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

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

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

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

Следуйте стандартам WCAG

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

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

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

Аудитория

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

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

Когнитивный

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

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

Физический

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

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

Выступление

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

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

Визуальный

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

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

У WCAC есть четыре основных принципа для соответствия своим стандартам доступности в Интернете.

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

Придерживайтесь общих элементов дизайна

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

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

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

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

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

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

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

Согласно этому исследованию, это самые стандартные элементы, которых люди ожидают при посещении веб-сайта:

• Логотип в верхней части экрана
• Контактная информация в правом верхнем углу экрана
• Горизонтальная навигация по главному меню в заголовке вверху каждой страницы
• Строка поиска в шапке
• Социальные сети следуют за значками в нижнем колонтитуле

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

Вот хороший пример от наших друзей из Crazy Egg.

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

Создание визуальной иерархии

Глазу человека требуется 2,6 секунды, чтобы попасть на область веб-сайта, которая вызовет у него первое впечатление. Это случается непроизвольно.

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

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

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

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

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

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

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

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

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

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

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

Упростите навигацию

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

Как пользователь попадает с домашней страницы, чтобы оформить заказ? Сколько времени это занимает? Сколько кликов им нужно сделать?

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

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

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

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

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

Все это связано с навигацией.

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

Подтвердите доверие

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

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

Вот чего ожидают люди, попадая на главную страницу.

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

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

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

Создание четких и видимых элементов безопасности (HTTPS / SSL, значки и т. Д.) Также имеет большое значение для повышения доверия. Как только вы завоюете доверие к своему веб-сайту, ваши посетители почувствуют себя непринужденно. Они не будут беспокоиться о мошенничестве или переходе по спам-ссылке. Это увеличит их шансы на взаимодействие с вашим контентом и конверсию.

Убедитесь, что ваш контент разборчиво

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

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

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

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

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

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

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

Будьте последовательны

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

Например, давайте проанализируем эту страницу продукта от Lululemon.

Вы увидите все эти элементы на страницах товаров:

• Изображения продуктов слева
• Название продукта вверху справа
• Цена ниже названия продукта
• Описание справа
• Выбор цвета под описанием
• В корзину справа внизу

Все очень просто и понятно.В этом макете нет абсолютно ничего плохого.

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

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

Заключение

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

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

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

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

Юзабилити 101: Введение в юзабилити

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

What — определение юзабилити

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

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

• Обучаемость : Насколько легко пользователям выполнять базовые задачи, когда они впервые сталкиваются с дизайном?
• Эффективность : Как быстро пользователи смогут выполнять задачи после того, как изучат дизайн?
• Запоминаемость : когда пользователи возвращаются к дизайну после периода, когда он не использовался, насколько легко они могут восстановить свои навыки?
• Ошибки : Сколько ошибок делают пользователи, насколько серьезны эти ошибки и насколько легко они могут исправить ошибки?
• Satisfaction : Насколько приятно пользоваться дизайном?

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

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

• Определение Utility = предоставляет ли она необходимые вам функции .
• Определение Удобство использования = насколько легко и приятно использовать эти функции.
• Определение Полезный = удобство использования + полезность .

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

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

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

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

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

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

Как улучшить юзабилити

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

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

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

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

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

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

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

1. Перед тем, как приступить к разработке нового дизайна, протестирует старый дизайн , чтобы определить хорошие части, которые вы должны сохранить или подчеркнуть, и плохие части, которые доставляют пользователям проблемы.
2. Если вы не работаете во внутренней сети, протестируйте проекты ваших конкурентов , чтобы получить дешевые данные по ряду альтернативных интерфейсов, которые имеют функции, аналогичные вашим собственным. (Если вы работаете в интрасети, прочтите ежегодник по дизайну интрасети, чтобы узнать о других проектах.)
3. Проведите полевое исследование , чтобы увидеть, как пользователи ведут себя в естественной среде обитания.
4. Сделайте бумажных прототипов одной или нескольких новых дизайнерских идей и протестируйте их. Чем меньше времени вы потратите на эти дизайнерские идеи, тем лучше, потому что вам нужно будет изменить их все на основе результатов тестирования.
5. Уточните дизайнерские идеи, которые лучше всего проверяются через несколько итераций , постепенно переходя от прототипирования с низкой точностью к представлениям с высокой точностью, которые выполняются на компьютере. Проверяйте каждую итерацию.
6. Проверьте дизайн на соответствие установленным правилам использования , будь то из ваших собственных исследований или опубликованных исследований.
7. Как только вы выберете и реализуете окончательный проект , протестируйте его снова. Во время реализации всегда возникают тонкие проблемы с юзабилити.

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

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

Где тестировать

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

Что означает удобство использования: выход за рамки «простоты использования»

Что означает удобство использования:
Вне «простоты использования»

Уитни Кузенбери

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

ЗНАЧЕНИЕ ЭКСПЛУАТАЦИИ

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

1. результат — программное обеспечение, которое можно использовать;
2. процесс, также называемый ориентированным на пользователя проектированием, для создания пригодного для использования программного обеспечения;
3. набор методов, таких как контекстное наблюдение и удобство использования тестирование, используемое для достижения этого результата; или
4. философия проектирования для удовлетворения потребностей пользователей?

Эти разные значения можно описать четырьмя ключевыми требованиями:

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

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

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

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

ОПРЕДЕЛЕНИЕ ПРОСТОГО ИСПОЛЬЗОВАНИЯ

Определение удобства использования в стандарте ISO 9241:

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

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

• Действующий
• Эффективный
• Вовлечение
• Устойчивый к ошибкам
• Легко учиться

Действующий

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

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

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

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

Эффективный

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

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

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

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

Привлечение

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

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

Устойчивый к ошибкам

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

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

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

Вот некоторые рекомендации по предотвращению ошибок:

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

Легко учиться

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

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

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

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

РАБОТА С FIVE E’S

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

Сайт корпоративных кадров (HR)

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

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

A Система регистрации на конференцию

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

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

Мыслить глазами пользователя

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

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

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

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

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

Связь с целями юзабилити

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

• Эффективно — «Пользователь сможет успешно завершить регистрация менее чем за 3 минуты »

• Действует — «Менее 5% регистраций будут содержать ошибки, упущения или несоответствия, требующие последующего контакта со стороны персонала.«

• Вовлеченность — «По крайней мере 80% сотрудников выразят уверенность в используя онлайн-систему, а не посещать отдел кадров ».

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

• Легко освоить — «Пользователи смогут успешно завершить расчет пособий без каких-либо внешних инструкций или помощи экраны.«

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

Планирование оценки юзабилити

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

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

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

ЗАКЛЮЧЕНИЕ

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

ССЫЛКИ

• Бергман, Э. и Хайтани, Р. «Разработка Palm Pilot» в Бергман, Э. Информационные устройства и не только . Морган Кауфманн: Сан-Франциско, 2000 год
• ISO 9241-11: 1998 Эргономические требования к офисной работе с визуальным терминалы с дисплеем — Часть 11: Руководство по удобству использования
• Ландауэр, Т.K. Проблема с компьютерами: полезность, удобство использования, и производительность . MIT Press: Кембридж, Массачусетс, 1995.
• Quesenbery, W. «Отчет о семинаре UPA 99: Преодоление пропасти — повышение удобства использования при разработке программного обеспечения Сообщество. «УПА Common Ground, Том 10 № 1, март 2000
»

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

URL этой статьи: http: // www.wqusability.com/articles/more-than-ease-of-use.html

Whitney Quesenbery работает над пользователем опыт и удобство использования со страстью к четкому общению. Она является соавтором книги Storytelling for User Experience от Rosenfeld Media. До того, как ее соблазнил маленький бежевый компьютер, Уитни была театральный художник по свету. Уроки театра остаются с ней в создании пользовательского опыта. С ней можно связаться по адресу www.WQusability.com

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

16,2% высокотехнологичных компаний отдают предпочтение работе с клиентами. 15,5% планируют увеличить инвестиции в улучшение качества обслуживания клиентов. О чем тебе это говорит?

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

• Sales Hacker использовал отзывы пользователей, чтобы повысить вовлеченность, повысить лояльность и улучшить свои контент-стратегии с помощью предоставленной пользователями информации.
• Оператор онлайн-спортивных азартных игр Стэн Джеймс (ныне Unibet) использовал результаты юзабилити-тестирования, чтобы удвоить свой коэффициент конверсии с 1,5% до 3% в месяц.
• Список успехов можно продолжать и продолжать. Не стесняйтесь ознакомиться с другими тематическими исследованиями.

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

Шаг 1. Определение показателей и создание анализа задач

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

В ходе юзабилити-тестирования обычно согласовываются три показателя:

• КПД
• Эффективность
• Удовлетворение

Вот краткое описание того, что обычно влечет за собой эти показатели:

Измерение юзабилити (Источник изображения: презентация SlideShare Яна Мун)

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

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

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

Анализ задачи (Источник изображения: Loop11)

Вот как это работает.Вы начинаете с всеобъемлющей цели. В приведенном ниже примере цель — ежедневно принимать лекарства.

Пример иерархического анализа задач (Источник изображения: Lilly Browne)

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

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

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

Lucidchart регистрация

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

Блок-схема Lucidchart

Выберите первый вариант, «пустая диаграмма».

Пустая диаграмма Lucidchart

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

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

Процесс Lucidchart

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

Когда вы будете готовы соединить фигуры, щелкните белые кружки по бокам и перетащите мышь к следующей фигуре. Если это ромбовидный треугольник (решающий), он автоматически добавит к вашим линиям «да» и «нет».

Да или нет в блок-схеме

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

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

Шрифты и цвета блок-схемы

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

Блок-схема скачать как вектор

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

Блок-схема анализа задачи

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

Шаг 2: Определите лучший тип теста

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

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

1. Сортировка карт

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

Сортировка карточек (Источник изображения: cary-anne olsen-landis)

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

Пользователи упорядочивают оставшиеся карточки, обычно отдельные веб-страницы или этапы процесса, по категориям, которые лучше всего соответствуют их ментальной модели. Большинство экспертов рекомендуют использовать от 30 до 60 карт. Сортировка карточек отлично подходит для того, чтобы увидеть, как ментальные модели ваших пользователей соответствуют архитектуре вашего сайта и процессу выполнения задач.Он может выявить любые существенные проблемы на ранних этапах процесса тестирования, как это было при редизайне Pottery Barn (как показано ниже).

Пример сортировки карточек в редизайне (Источник изображения: Джон Вуд Квартана)

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

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

2. Полевые исследования

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

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

Контекстный запрос (Источник изображения: Филип Адейе)

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

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

Авик Гангули, консультант по UX-дизайну в MELEWI, объясняет:

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

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

Контекстная сторона (Источник изображения: RealtimeBlog)

Обратите внимание, что полевые исследования можно проводить удаленно, но они часто теряют в объеме данных.Николь Фентон и Джейми Альбрехт из 18F, агентства цифровых услуг при правительстве США, выделяют этот момент:

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

3. Отслеживание взгляда

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

Анализ тепловой карты (Источник изображения: MockingFish)

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

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

Отслеживание взгляда (Shopify)

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

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

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

Подпишитесь на информационный бюллетень

Хотите узнать, как мы увеличили наш трафик более чем на 1000%?

Присоединяйтесь к 20 000+ других, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!

Подпишитесь сейчас

Плюсы и минусы отслеживания глаз с помощью веб-камеры (Источник изображения: iMotions)

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

Почетные упоминания

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

Фокус-группы, A / B-тесты и опросы — все это жизнеспособные формы пользовательского тестирования, которые могут поощрять обратную связь, но не должны рассматриваться для каких-либо серьезных изменений.

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

Шаг 3. Найдите подходящих участников

Сколько пользователей нужно для проведения юзабилити-теста? Промышленный стандарт — около пяти. Согласно опросу UserTesting, 33% компаний набирают пять или меньше пользователей, а 41% — от шести до десяти.

Пользователей на исследование удобства использования (Источник изображения: UserTesting)

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

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

Тем не менее, бывают случаи, когда поиск репрезентативных пользователей занимает слишком много времени или дорого для целей теста. В таких случаях могут быть полезны внутренние тестировщики.Этот метод тестирования, именуемый «собачьим кормом» (т.е. поеданием собственного корма для собак), позволил изданию The Boston Globe получить ценные качественные отзывы о новых функциях навигации. Проверьте это:

Качественный отзыв (Источник изображения: UXpin)

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

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

Исследование Gallup показало, что даже всего лишь 5 долларов США могут серьезно повысить уровень вашего участия.

Доля ответов на интернет-опрос (Источник изображения: Marketing Charts)

Вы можете использовать платформы для проведения опросов, такие как SurveyMonkey и Google Forms, или, если вы используете сайт WordPress, вы можете использовать конструкторы форм для сбора информации от потенциальных участников.Мы большие поклонники Hotjar и используем его в Kinsta.

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

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

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

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

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

Userlytics

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

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

Userlytics

А теперь пора запустить тест, а это значит, что пора решить, где, когда и кто будет участвовать.

Шаг 4. Решите, когда, где и кто

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

• Дистанционно или лично?
• Модерируемый или немодерируемый?

Узнайте, как это работает в отрасли:

Юзабилити-тестирование (Источник изображения: UserTesting)

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

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

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

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

Специалист по юзабилити (Источник изображения: Graphic Mint)

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

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

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

Используйте следующие бесплатные платформы для удаленных тестов:

Skype

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

Skype

Google Hangouts

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

Google Hangouts

Zoom

Завершает наш список платформ для удаленного тестирования удобства использования Zoom. Эта платформа имеет существенное преимущество перед Skype или Hangouts: она обеспечивает запись экрана и видео в собственном формате. Фактически, мы используем Zoom здесь, в Kinsta.

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

Zoom

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

Время для нашего последнего шага: итерация.

Шаг 5: промыть и повторить

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

Итеративный и циклический (Источник изображения: Шон Ван Тайн)

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

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

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

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

Карта путешествия (Источник изображения: Sailthru)

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

Карты

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

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

Сводка

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

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

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

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

---

Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress. Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress.Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами

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.

Назад

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

Продолжение: «6 инструментов для оптимизации конверсии веб-сайтов»

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

1. Чем занимаются пользователи

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

2. Пользовательское масштабирование

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

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

Usability Tools — это набор из нескольких инструментов, которые обычно предлагаются отдельно. UX Suite разработан для улучшения взаимодействия с пользователем. Он включает в себя веб-тестирование для улучшения удобства использования и навигации, опросы для привлечения пользователей, тестирование кликов и многое другое. Conversion Suite разработан для оптимизации веб-сайта для повышения конверсии и включает в себя форму обратной связи, отслеживание кликов (тепловые карты), тестер форм и запись посетителей, чтобы фиксировать движения мыши и нажатия клавиш.

4. Пользовательское тестирование

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

5. UsabilityHub

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

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

Далее: «Лучшие инструменты тепловой карты и карты прокрутки для оптимизации коэффициента конверсии»

Юзабилити веб-сайта: как проверить и улучшить

Давайте копаться.

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

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

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

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

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

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

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

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

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

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

Начните с тестирования юзабилити вашего веб-сайта

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

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

Количество обнаруженных дополнительных проблем резко уменьшается при тестировании с более чем 5 или 6 пользователями.

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

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

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

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

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

1. Выполните тест по первому щелчку.

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

Известное исследование юзабилити веб-сайтов, проведенное Бобом Бейли и Кэри Вулфсон, показало, что если пользователь получил свой первый щелчок правильно, у него был 87% шанс правильно выполнить свою задачу.Однако, если они ошибаются при первом щелчке, этот показатель падает до 46%.

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

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

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

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

2. Проведите пятисекундный тест

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

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

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

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

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

3. Легкое тестирование удобства использования

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

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

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

UserBrain — один из многих инструментов, позволяющих проводить несанкционированное удаленное тестирование юзабилити.

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

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

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

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

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

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

Как улучшить юзабилити веб-сайта?

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

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

Итак, давайте рассмотрим эти три объекта подробнее.

1. Упростите свой интерфейс и контент

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

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

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

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

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

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

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

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

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

А как насчет содержания? В каком порядке люди будут видеть ваш контент? Будет ли это иметь смысл? Увидят ли люди вашу линию, объясняющую, что вы делаете, прежде чем они увидят что-то менее важное, например, ваш почтовый адрес?

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

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

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

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

2. Конструкция для максимальной видимости

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

• Позиция.
• Изображение.
• Негативное пространство.
• Цвет.
• Размер.

3. Рассмотрим позицию

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

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

Внимание пользователей — это смещение в сторону левой колонки.

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

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

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

4. Осторожно используйте изображения

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

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

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

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

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

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

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

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

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

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

5. Используйте негативное пространство

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

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

Негативное пространство акцентирует внимание на любых соседних элементах экрана.

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

6. Улучшение цвета

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

Креативный цифровой дизайнер Энди Кларк эффективно использовал цвета подсветки в своей работе с WWF.

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

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

7. Используйте относительный размер

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

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

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

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

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

8. Учитывайте пользователя при создании контента

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

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

9. Не заставляйте пользователя искать ответы

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

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

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

10. Подберите мысленную модель пользователя

У каждого из нас есть ментальная модель мира. Это влияет на то, как мы видим мир, и на связи, которые мы устанавливаем между концепциями или вещами.

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

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

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

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

11. Ограничьте возможности и сделайте их особенными

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

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

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

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

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

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

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

.