Юзабилити сайта что это: Юзабилити веб сайта — основные принципы usability web сайтов — Заработок в сети Интернет. Как заработать на дому в Интернете. Удаленная работа в сети.

Содержание

Юзабилити веб сайта — основные принципы usability web сайтов

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

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

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

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

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

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

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

1. Дизайн — залог доверия к сайту

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

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

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

2. Логичный структурированный контент

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

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

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

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

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

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

Попав на такую страницу 404, пользователь не растеряется и, скорее всего, не сразу покинет ресурс.

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

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

Все это — составные части юзабилити веб сайта.

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

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

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

7. Разговор на понятном языке

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

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

8. Отказ от резких перемен

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

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

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

Удачное решение — когда пользователь видит все разделы, в которые может перейти, т.к. в любой момент может быстро сориентироваться, где находится и как вернуться обратно. Если на сайте планируется много контента — резонно предусмотреть горизонтальное верхнее, вертикальное меню (и то, и другое — возможно, с подразделами), а также «подвал». Если речь идет о минималистичной «визитке» или landing page — достаточно только верхнего горизонтального меню.

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

Пример удачной карты сайта

10.

Форма регистрации и заказа: чем лаконичнее — тем лучше

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

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

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

Еще один важный момент — длина поля поиска. Согласно исследованию Якоба Нильсена, в среднем туда вмещается 18 символов, а оптимальная длина — 27 символов. В 90% случаев сюда поместится даже длинный запрос, чтобы пользователь его полностью увидел и исправил при надобности. Для установки нужной ширины используйте относительную единицу «em», равную размеру используемого шрифта.

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

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

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

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

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

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

Новый интерфейс оценивается с двух позиций:

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

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

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

Статью подготовила Виктория Закирова.

Что такое юзабилити или 7 основных правил юзабилити сайта | by Ринат Шайхутдинов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7 основных правил юзабилити веб сайта

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

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

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

Юзабилити любого сайта, независимо от его направленности и объема, оценивается по пяти характеристикам:

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

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

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

В чем ценность юзабилити?

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

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

7 золотых правил юзабилити

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

Правило 1 – у сайта должна быть четкая структура

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

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

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

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

Правило 2 – навигация должна помогать клиенту

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

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

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

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

Правило 3 – организуйте удобный поиск по сайту

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

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

Правило 4 – уменьшите скорость загрузки страниц

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

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

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

Правило 5 – грамотно проработайте дизайн сайта

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

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

Графические компоненты дизайна не должны отвлекать посетителя от информационного наполнения.
Если сайт принадлежит компании, ее логотип должен размещаться в шапке сайта на каждой странице.
Логотип организации можно превратить в навигационный элемент, заложив в него ссылку на «главную».
Дизайн веб-сайта не должен пестрить многочисленными цветами, напрягающими глаза посетителей.
Не используйте текстурное оформление фона – текст на нем читается очень сложно и напрягает зрение.
Цвета шрифта и фона должны быть высоконтрастными по отношению друг к другу – так проще читать.
Применяйте стандартные шрифты – лучше всего отображаются Tahoma, Verdana, Arial, Times New Roman.

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

Правило 6 – позаботьтесь о практичности контента

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

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

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

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

Правило 7 – исправьте технические ошибки сайта

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

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

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

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

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

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

Где и как работать над юзабилити?

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

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

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

Подводим итоги по юзабилити сайта

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

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

Следите за тем, чтобы юзабилити вашего сайта было на высоте, и тогда проблем с конверсией у вас не будет!

Сделайте репост:

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

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

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

Заказать юзабилити-аудит сайта

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

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

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

Как избежать ошибок usability на примерах

Как сделать интерфейс сайта удобным и понятным?

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

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

Внутренний поиск

Он нужен для крупных сайтов (чаще всего интернет магазинов), в котором 1000+ страниц. Очень многие пользователи для быстрого нахождения нужного товара пользуются внутренним поиском. Обычно на сайтах поле поиска размещают в верхнем правом углу. Поиск должен быть исключительно внутренним (не переходящим на посторонние сайты). Важно, чтобы он мог распознавать ошибки. Без этого пользователь не сможет найти товар, если введёт запрос с ошибкой. В данном случае поиск должен предлагать правильный вариант. Также рекомендуется, чтобы при вводе запроса в поле появлялись ссылки на найденные страницы.

Главная страница

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

Текстовый контент

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

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

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

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

F-образные шаблоны для организации контента на сайте

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

Еще одно исследование в области юзабилити (удобство пользования сайтом) провели специалисты маркетинговых компаний Did-it и Enquiro. Они пригласили 50 человек и также проанализировали движение взгляда по странице выдачи поисковой системы Google. Результатом стала фигура, которую сейчас называют «Золотым треугольником Google». Таким образом, мнение Якоба Нильсена подтвердилось.

Скорость загрузки сайта как фактор юзабилити

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

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

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

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

Юзабилити сайта 📱, основные принципы и правила юзабилити веб-ресурса

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

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

К основным принципам юзабилити стоит отнести:

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

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

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

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

Правильный дизайн – всему голова

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

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

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

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

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

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

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

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

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

Коммуникация, как важный элемент юзабилити веб-сайта

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

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

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

Экспертность

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

принципов удобства использования веб-сайтов | 5 ключевых принципов удобства использования веб-сайта

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

За последние несколько лет мы привыкли к определенным стандартам в веб-дизайне.

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

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

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

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

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

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

1. Наличие и доступность

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

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

Вот несколько основных принципов доступности и доступности,

Время работы сервера — Важно, чтобы посетители не получали ошибку при загрузке вашего сайта. Вкладывайтесь в хороший хостинг. Вкладывайтесь в хороший хостинг.Мы никогда не срезаем углы, получаем хороший веб-хостинг, на который вы можете положиться.
Неработающие ссылки — Убедитесь, что на вашем сайте нет мертвых ссылок. Инструменты SEO, такие как Ahrefs и Screaming Frog, просканируют ваш сайт и найдут все неработающие ссылки.
Скорость отклика мобильных устройств — Убедитесь, что ваш сайт поддерживает работу с экранами разных размеров и медленными соединениями. Google также перешел на индекс, ориентированный на мобильные устройства, что означает, что они индексируют мобильные версии сайтов.Таким образом, отличный мобильный сайт поможет вам улучшить результаты поиска.

Amazon.com

Amazon.com — прекрасный пример доступного веб-сайта по нескольким причинам.

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

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

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

2. Ясность

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

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

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

Ясный и практичный дизайн может быть достигнут с помощью:

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

Яблоко

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

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

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

3. Обучаемость

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

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

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

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

Microsoft

В прошлом году Microsoft изменила дизайн своего веб-сайта.

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

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

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

4. Доверие

Доверие — важнейший аспект любого веб-сайта.

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

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

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

L’ORÉAL

Бренд L’ORÉAL отлично справляется с задачей создания доверия в Интернете.

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

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

Помимо фактических исследований, бренд также использует отзывы экспертов и фотографии знаменитостей, таких как Джулия Робертс, чтобы убедить людей в качестве и популярности своей продукции. Еще один показатель доверия — связаться с L’ORÉAL очень просто.Бренд доступен не только в социальных сетях, но также легко найти физический адрес и номер телефона.

5. Актуальность

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

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

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

Nike

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

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

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

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

Хорошее удобство использования не достигается в одночасье.

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

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

Сабина — основатель UXkids и руководитель отдела продуктов в Usabilla. Хотя ее образование и интересы широки, Сабина увлечена улучшением интерактивных медиа для всех возрастов. Последние сообщения Сабины Идлер (посмотреть все)

Юзабилити | Определение | Элементы | Руководство

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

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

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

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

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

Юзабилити: часть пользовательского опыта

Удобство использования часто связано с пользовательским опытом. Но почему так?

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

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

Якоб Нильсен, защитник пользователей и основатель группы Nielsen Norman, считается гуру юзабилити.

Он известен своими «Юзабилити 5 компонентов», давайте рассмотрим их поближе.

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

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

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

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

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

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

Какие вопросы лучше всего подходят для юзабилити-тестирования веб-сайтов?

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

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

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

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

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

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

UserReport — это онлайн-программа, которая позволяет вам тестировать ваш сайт на реальных пользователях.

Он основан на двух простых инструментах — опросе и форуме обратной связи. Работает как

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

и выучить

Если они найдут ваш сайт можно использовать
Каковы их ожидания
Что они думают Вы можете улучшить

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

Начните тестировать свой сайт!

НАЧАТЬ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Опросы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Начать

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

Начать

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

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

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

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

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

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

User Experience (UX) — это то, как посетители думают о взаимодействии с вашим сайтом. Юзабилити — это функциональность, а UX (как следует из названия) — это опыт.

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

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

4 Основы юзабилити в веб-дизайне

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

1. Четкая навигация

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

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

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

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

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

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

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

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

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

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

Есть несколько способов улучшить читаемость вашего контента.Однако в большинстве случаев все сводится к выбору шрифтов и использованию контраста. Взгляните на домашнюю страницу WordPress.org, например:

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

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

4. Скорость отклика

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

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

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

Заключение

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

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

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

Если вам нужна дополнительная помощь в дизайне, обязательно посетите DesignRush.com!

Связанные ресурсы

Изображение предоставлено: Startup Stock Photos.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Простое руководство по удобству использования веб-сайта — лучшие практики 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.

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

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

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

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

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

Заключение

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

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

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

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

Что такое юзабилити-тестирование? (и чем это не является)

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

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

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

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

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

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

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

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

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

8 главных преимуществ юзабилити-тестирования веб-сайтов

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

Использование тестов с реальными пользователями поможет вам:

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

Чем не является юзабилити-тестирование

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

A / B testing: A / B-тестирование — это способ поэкспериментировать с несколькими версиями веб-страницы, чтобы определить, какая из них наиболее эффективна.В отличие от юзабилити-тестирования, которое наблюдает и исследует поведения пользователей , A / B-тестирование может помочь проверить, работает ли определенный подход, но не может сказать вам, почему.
Фокус-группы: при проведении фокус-группы исследователи собирают группу людей для обсуждения определенной темы. Обычно цель состоит в том, чтобы узнать мнение людей о продукте или услуге, а не проверить, как они их используют.
Опросы: используют опросы для оценки пользовательского опыта.Поскольку они не позволяют вам фактически наблюдать за посетителями сайта в действии, опросы не считаются юзабилити-тестами, хотя их можно использовать вместе с ними.
Тепловые карты: Программа тепловых карт предлагает визуальное представление о том, как пользователи перемещаются по странице, показывая самые горячие (самые популярные) и самые крутые (наименее популярные) ее части. Карты позволяют разработчикам видеть, как люди в совокупности перемещаются по веб-сайту, но они все еще технически не проходят юзабилити-тестирование.
Пользовательское приемочное тестирование: это часто последний этап процесса тестирования программного обеспечения, когда пользователи проходят откалиброванный набор шагов, чтобы убедиться, что программное обеспечение работает правильно. Это технический тест QA (обеспечение качества), а не способ оценить, является ли продукт удобным и эффективным.
Внутреннее тестирование правильности использования: человек в вашей компании, вероятно, постоянно тестируют программное обеспечение, но это , а не тестирование удобства использования. Сотрудники по своей природе предвзяты, что не позволяет им давать честные результаты, которые могут дать реальные пользователи.

Отличается ли юзабилити-тестирование от пользовательского?

Разница между юзабилити-тестированием и пользовательским тестированием сбивает с толку большинство разработчиков, менеджеров проектов и даже дизайнеров UX.

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

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

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

С чего начать

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

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

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

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

Значок стрелки

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

Какие существуют типы тестов юзабилити веб-сайтов?

Значок стрелки

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

Удаленное или личное присутствие
Модерируемое или немодерируемое
Скриптовое или неподготовленное
Исследовательское, оценочное или сравнительное исследование

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

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

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

Юзабилити веб сайта — основные принципы usability web сайтов

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

1. Дизайн — залог доверия к сайту

2. Логичный структурированный контент

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

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

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

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

7. Разговор на понятном языке

8. Отказ от резких перемен

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

10.

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

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

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

Что такое юзабилити или 7 основных правил юзабилити сайта | by Ринат Шайхутдинов

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

7 основных правил юзабилити веб сайта

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

В чем ценность юзабилити?

7 золотых правил юзабилити

Правило 1 – у сайта должна быть четкая структура

Правило 2 – навигация должна помогать клиенту

Правило 3 – организуйте удобный поиск по сайту

Правило 4 – уменьшите скорость загрузки страниц

Правило 5 – грамотно проработайте дизайн сайта

Правило 6 – позаботьтесь о практичности контента

Правило 7 – исправьте технические ошибки сайта

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

Где и как работать над юзабилити?

Подводим итоги по юзабилити сайта

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

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

Как избежать ошибок usability на примерах

Как сделать интерфейс сайта удобным и понятным?

Навигация

Внутренний поиск

Главная страница

Текстовый контент

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

F-образные шаблоны для организации контента на сайте

Скорость загрузки сайта как фактор юзабилити

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

Юзабилити сайта 📱, основные принципы и правила юзабилити веб-ресурса

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

Правильный дизайн – всему голова

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

Коммуникация, как важный элемент юзабилити веб-сайта

Экспертность

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

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

принципов удобства использования веб-сайтов | 5 ключевых принципов удобства использования веб-сайта

1. Наличие и доступность

Amazon.com

2. Ясность

Яблоко

3. Обучаемость

Microsoft

4. Доверие

L’ORÉAL

5. Актуальность

Nike

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

Юзабилити | Определение | Элементы | Руководство

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

Юзабилити: часть пользовательского опыта

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

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

Какие вопросы лучше всего подходят для юзабилити-тестирования веб-сайтов?

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

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

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

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

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

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

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

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

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

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

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