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

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

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

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

<\p>

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

Аналитические исследования показали, что в среднем посетитель проводит на сайте около двадцати семи секунд, причём довольно редко прокручивает страницу до конца.

Обратите внимание

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

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

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

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

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

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

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

Для оформления текстовых материалов необходимо использовать так называемые шрифты без засечек (Arial, Arial Black, Verdana, Tahoma), так как они удобнее читаются с экранов мониторов. Следует избегать резких контрастных тонов между фоном и текстом.

Наиболее оптимальным является белый фон и тёмный шрифт текста.

Важно

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

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

Выдачу результатов поиска необходимо сделать идентичной выдаче в поисковых системах, причём учитывать обязательно возможные ошибки и опечатки при вводе нужного запроса в поиск («Может быть , Вы имели в виду [верное написание запроса]?»).

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

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

Источник: https://blogwork.ru/chto-takoe-yuzabiliti-sajta/

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

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

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

Итак, что такое юзабилити ? Юзабилити – это качественный показатель простоты и удобства использования сайта.

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

Юзабилити веб сайта оценивается по 5 основным качественным компонентам:

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

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

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

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

Полезность сайта — обладает ли сайт ответами на ваши вопросы.

Юзабилити — насколько легко и удобно управлять сайтом.

Практичность сайта = юзабилити + полезность.

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

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

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

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

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

Совет

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

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

Опираясь на описанные выше принципы юзабилити, ученые выделили 7 основных правил юзабилити сайта:

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

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

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

Более подробно я поведаю тебе в следующей статье, а пока после парусекундного перекура, погнали в дебри Юзабилити-джунглей глубже. Ещё глубже…

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

Ответ прост: провести аудит сайта, получить оценку юзабилити, внести изменения согласно показаниям, провести тестирование. Звучит легко. Но на самом деле это упорная работа. Тем не менее, не бойся, читатель, все эти 4 пункта вполне можно провести самостоятельно. И сейчас я немного расскажу тебе, как это можно сделать.

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

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

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

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

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

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

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

Чем больше версий сайта ты протестишь – тем лучше.

Читайте также:  Что такое монетизация сайта

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

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

И именно вследствие этого стоит проводить тестирования быстро и просто.

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

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

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

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

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

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

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

Заключение

Итак, читающий, давай подытожим, что ты узнал о юзабилити:

  1. Юзабилити оценивает по 5 критериям: Ориентация пользователя, Эффективность его действий, Запоминаемость навигации, Ошибки в действиях пользователя, Удовлетворенность пользователя после посещения сайта, Полезность информации сайта;
  2. Показатель юзабилити важен потому, что если он низкий или отсутствует — твой сайт не принесет никакого результата от своего существования;
  3. 7 основных правил, повышающих юзабилити сайта: гарантии надежности, кнопка «Поиск», навигация («хлебные крошки»), отображение сайта, простота использования сайта, дизайн, контент;
  4. Чтобы улучшить показатели юзабилити, необходимо провести аудит юзабилити сайта;
  5. Основываясь на результате аудита, вносятся изменения в «ахиллесову пяту» сайта и запускается юзабилити-тестирование;
  6. Юзабилити-тестирование нужно проводить чем чаще, тем лучше: после каждых правок, пока результат не станет положительным по всем 5 критериям юзабилити;
  7. Для проведения тестирования достаточно «подопытного кролика», наблюдателя-контроллера процесса, бумажки с тестом/компьютера с сайтом и всё.

Бон аппети, читатель, переваривай информацию!

Главное — применяй эти знания.

Получайте бесплатные уроки и фишки по интернет-маркетингу

Источник: https://convertmonster.ru/blog/uzabiliti-blog/osnovy-juzabiliti-sajta/

Что такое юзабилити или 7 основных правил юзабилити сайта — Продуктовый дизайн (UX/UI), брендинг и аналитика

UX-дизайн

Ринат Шайхутдинов

Продуктовый дизайнер (UX/UI) и аналитик

Сен 18, 2018 · 4 мин читать

Иллюстрация Lily: https://dribbble.com/shots/4880858-Video-Background

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

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

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

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

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

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

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

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

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

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

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

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

Обратите внимание

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

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

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

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

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

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

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

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

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

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

Источник: https://ux-journal.ru/chto-takoe-yuzabiliti-ili-7-osnovnyh-pravil-yuzabiliti-sajta.html

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

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

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

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

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

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

Читайте также:  Что такое естественные ссылки

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 человек из категории целевых пользователей, подготовить для них задания и вопросы по работе ресурса, сделать выводы из полученных результатов, исправить найденные ошибки. После внесенных изменений следует заново собрать фокус-группу.

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

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

Источник: https://www.ashmanov.com/education/articles/yuzabiliti/

Что такое юзабилити сайта? Как улучшить показатели юзабилити?

В интернет сфере часто мелькает такое понятие, как «Юзабилити», давайте разберемся, что же это такое!

Что такое юзабилити? Термином «юзабилити» обозначается показатель удобства пользования данным сайтом с точки зрения его посетителя.

Совет

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

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

Оценка юзабилити интернет ресурса:

Общий показатель юзабилити любого сайта составляется из совокупности оценок юзабилити пяти основных составляющих. Рассмотрим их:

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

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

Важность юзабилити:

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

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

Если содержание сайта представлено в сложной для восприятия форме, посетитель, уйдет с него на тот, где…. Правильно, размещена та же информация, но в доступной форме. И т.д.

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

7 главных правил юзабилити:

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

  1. Гарантия надежности. Необходимо, чтобы посетитель удостоверился, что имеет дело с надежной и компетентной в своей области фирмой. Именно для этого и нужна вкладка «о нас» или «о компании», содержащая помимо голословных заверений, реальные доказательства надежности и компетентности: контактную информацию, адрес реального офиса, сертификаты и лицензии, список партнеров (наиболее статусных), реквизиты и т.д.
  2. Поиск. Пожалуй, вторым по значимости, после логотипа фирмы, для её интернет ресурса является (это может показаться странным, но таковы результаты исследований) наличие опции «Поиск» и соответствующей кнопки, размещенной на заметном месте. Практика показывает, что даже если посетитель ей не воспользуется, само наличие «поиска» заметно повышает доверие к сайту и улучшает его восприятие.
  3. Навигация. Посетитель, должен точно знать, где именно он находится в настоящий момент: тема, раздел/подраздел, и т.д.
  4. Отображение. В идеале сайт должен предельно корректно отображаться на устройствах любого типа, и с разными ОС. Это значительно снижает процент «быстрых отказов», увеличивая продолжительность первых посещений и глубину просмотров, что положительно сказывается на конверсии.
  5. Простота в использовании. Данный принцип собрал различные приемы и методы повышения удобства интерфейса сайта для его посетителей. Среди них такие известные, как, например, правила 3-х кликов и 1-й секунды, закон максимального сближения элементов и т.д.
  6. Дизайн. Здесь главное не перегрузить сайт чисто декоративными элементами, затрудняющими восприятие его основного содержания. Главное соблюсти баланс между красивостью оформления и простотой восприятия.
  7. Контент. Информационное наполнение (в подавляющем большинстве, текстовое) должно отвечать определенным требованиям. Главное и них: любой посетитель должен максимально быстро находить именно ему необходимую информацию и предельно легко её воспринимать.
Читайте также:  Продвижение сайта вечными ссылками

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

Повышение юзабилити

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

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

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

  1. Сформировать группу, лучше всего, из людей составляющих ЦА.
  2. Выдать членам этой группы задания по выполнению обычных действий на сайте.
  3. Тщательно наблюдать за самими действиями тестирующих, их результатами (что получается, что – нет), реакцией, фиксировать все проблемы, которые возникают и факторы, влияющие на их поведение (обычно, различные элементы интерфейса или/и дизайна сайта).

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

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

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

Обратите внимание

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

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

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

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

Заключение:

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

  1. Юзабилити является одним из важнейших показателей эффективности сайта.
  2. Существует 5 критериев по совокупности, которых оценивается общий уровень юзабилити. Это
    • Ориентация,
    • Эффективность,
    • Запоминаемость,
    • Ошибки,
    • Удовлетворенность.

«Полезность» — является отдельным показателем и прямого отношения к юзабилити не имеет.

  1. Высокий показатель юзабилити крайне важен, поскольку при низком, посетители просто не станут пользоваться сайтом, уйдя на конкурирующие ресурсы.
  2. Для обеспечения высокого уровня юзабилити необходимо соблюдать 7 главных принципов:
  • Гарантия надежности.
  • Наличие опции и кнопки «Поиска».
  • Навигация.
  • Отображение.
  • Простота и удобство использования.
  • Дизайн.
  • Информационное наполнение (контент).
  1. Для повышения юзабилити, прежде всего, необходимо выполнить специализированный юзабилити-аудит ресурса, после чего, на основании полученных результатов, исправить проблемные места, после чего провести контрольное тестирование.
  2. Юзабилити-тестирование следует проводить как можно чаще. Как минимум, после внесения каждого изменения в интерфейс или дизайн. Повторять цикл: тестирование – внесение правок – тестирование следует до получения положительных результатов по каждому из 5-и критериев.
  3. Для проведения тестов не требуется специального оборудования. Вполне достаточно, человека, непосредственно выполняющего тестовое задание, наблюдателя, фиксирующего действия и их результаты, отдельного изолирования помещения, компьютера с доступом к сайту или бумаги с распечатанным изображением интерфейса тестируемого сайта.

Источник: https://evorate.ru/blog/yuzabiliti/yuzabiliti-chto-eto-takoe/

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

Юзабилити – это удобство использования чего-либо. В нашем случае – удобство пользования сайтом.

Для чего это?

Вам приходилось, когда ни будь ощущать дискомфорт, заходя на сайт?

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

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

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

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

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

Казалось бы, какие там исследования в области рекламы, сваял банер, написал на нём волшебную фразу «Жми сюда», ляпнул его на страницу, и всё готово. Не так то всё просто.

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

Важно

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

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

Он знает, что такие шутки дорого обходятся.

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

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

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

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

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

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

Совет

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

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

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

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

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

Источник: webcorp.ru

Источник: https://deaction.com/chto_takoe_yuzabiliti_usability/

Ссылка на основную публикацию