Что такое юзабилити?
Юзабилити сайта представляет собой показатель оценки работы пользователя с ресурсом. Другими словами, это просто показатель удобства определенной площадки для ее посетителя (usability — удобство использования), а также степень комфорта нахождения на сайте. В целом, этот показатель говорит о том, насколько легко и быстро пользователь может найти необходимую ему информацию, а также насколько ему понравится само оформление сайта с точки зрения эстетики.
Важность юзабилити для ресурса
Подобный фактор очень важен, поскольку он прямо влияет на конверсию. Зайдя на сайт, посетитель сразу создает ему оценку с точки зрения удобства и внешнего вида. Качественное исполнение и продуманная навигация действительно подтолкнет посетителя на прямое действие: позвонить консультанту, заказать услугу, либо же сразу купить определенный товар.
Посетителя следует заинтересовать, причем заинтересованным он должен быть сразу. Он должен понимать, что попал именно туда, куда он хотел. Важно понимать, что пользователь не будет разбираться в структуре ресурса и долго искать интересующую его информацию – он просто закроет вкладку и пойдет на другой сайт. Именно поэтому необходимо создать такие условия, при которых посетитель будет сразу получать ответы на все его вопросы в виде текста, картинок, таблиц, либо же видео.
Если пользователям будет нравиться ресурс – они будут на него возвращаться, а это плюс к посещаемости сайта. Именно поэтому важно создать максимальное удобство и информативность для площадки. Все должно быть скомбинировано – от интерфейса, до последовательности действий. Все должно быть предельно просто и понятно, ведь потенциальный заказчик услуги или покупатель товара не будет долго разбираться в структуре сайта. Он пришел за конкретикой, и она должна быть ему предоставлена.
Недоработки сайта должны быть исправлены на основе анализа юзабилити – он необходим именно для того, чтобы повысить удобство для пользователя. Это даст возможность увеличить конверсию и посещаемость.
Из чего состоит юзабилити
Ключевым принципом хорошего юзабилити ресурса является правило «чем проще – тем лучше». Первым, и самым важным показателем, является простота структуры сайта. Следует создавать такую структуру, чтобы на поиск необходимой информации пользователь тратил минимум времени. Другими словами, не нужно строить сложные лабиринты, в которых посетитель должен «бродить», ведь это не игра. Теперь перейдем к конкретным составляющим юзабилити сайта.
1. Общий дизайн
Психологи рекомендуют привлекать внимание к ключевым факторам того, что необходимо донести до человека. Именно поэтому не следует перегружать сайт визуальной составляющей – ярким оформлением, обилием флеш-заставок, либо же другими деталями. Пользователь не должен отвлекаться на них, тем более что такое зачастую просто раздражает.
Разумеется, «голый» ресурс тоже не привлекает, поэтому нужно соблюсти «золотую середину» в плане информативности и оформления. Стилизация графики и текста должна быть однотипной, поскольку даже разные шрифты не всегда воспринимаются адекватно. Идеальным вариантом будет дизайн с минимумом графики и продуманным оформлением в минималистичном дизайне. Разумеется, все должно быть выдержано в тематическом фоне, например, для интернет-магазина штор будут уместными пастельные тона, а для продажи автомобильных запчастей – строгий контраст с тематическими картинками.
Важно помнить, что качественный дизайн сайта – первое, что бросается в глаза и вызывает доверие к ресурсу. Пользователь, которому понравился дизайн, останется на сайте и, как минимум, станет воспринимать информацию. Неудобный, слишком яркий, проще говоря «вырвиглазный» дизайн, сразу же заставит пользователя закрыть вкладку. Все мы, так или иначе, встречали подобные площадки. Красивый, но не броский дизайн, даст возможность расположить пользователя к себе, а на фоне качественного контента это будет еще одним плюсом к тому, чтобы гость совершил целевое действие.
2. Качественный контент
Поскольку текстовая составляющая является критически важным фактором для всего сайта, то именно на тексты необходимо обращать максимум внимания. При написании статей необходимо ориентироваться на их структуру, удобство восприятия, а также на само содержание. Ну, кто будет читать сухой и неинтересный текст? Максимум – пару первых предложений. Впрочем, здесь важно ориентироваться на целевую аудиторию – если сайт профессиональный (продажа фитингов, либо же рентгеновского оборудования), то текст должен быть информативный и именно сухой. А если на площадке продаются, например, настольные игры, то в тексте желательны витиеватые обороты и даже сленг.
Немаловажным фактором будет и визуальная составляющая контента. Обязательно должны быть картинки, но перегружать ими статью не нужно. Это мешает читабельности. Лучше продумать структуру и вставлять картинки там, где необходимо подчеркнуть определенную деталь, например, выделить конкретный товар среди других для достижения необходимых результатов.
3. Структура на экране
Снова обратим внимание на мнение психологов, которые утверждают, что большинство людей воспринимают информацию слева направо. Это логично, поскольку мы так читаем тексты (исключим народы, которые читаю справа налево). Именно по этой причине саму важную информацию следует располагать слева и вверху, по принципу ниспадающей. Посетитель в любом случае посмотрит сначала именно на левый и верхний угол сайта – там нужно расположить то, что должно увлечь.
4. Общение
Под общением имеется ввиду не чат-боты, а информативность для пользователя. Зарегистрировался – «спасибо», страница 404 – «ой, простите», нажал на кнопку обратного звонка в форме обратной связи – «сейчас мы вам перезвоним». Пользователь должен быть в курсе всего, что происходит. Нужно предусмотреть каждый шаг посетителя в плане его действий. Его нужно буквально «водить» по сайту, рассказывая, что делать дальше и постепенно подводить к конкретным действиям.
5. Предложите помощь
Это важный, но очень тонкий момент. Зачастую, пользователям необходимо помощь, но навязывать ее не нужно. Никаких всплывающих окон на весь экран! Это важно! Подобный подход раздражает, и мы все об этом прекрасно знаем на своем опыте, ведь все мы встречали подобное. Окно помощи следует расположить в уголочке, оно должно быть заметным, но не скрывать интерфейс. Желательно сделать его полупрозрачным и обязательно с возможностью его скрыть. Кстати, это же касается и кнопок социальных сетей. Их тоже не нужно навязывать.
6. Простое и понятное общение
Желательно не использовать специализированные термины для общих действий. Даже если у вас узкоспециализированный сайт, процесс регистрации или заказа следует оформлять максимально просто. Термины оставьте для описания товаров или услуг, а общее оформление делайте на понятном всем языке. Заполнение разных форм должно проходить легко, при этом можно использовать подсказки, например, для географического местоположения.
7. Не стоит резко менять дизайн
Представьте, что вы пришли в любимый супермаркет, а там полная перестановка полок с товарами. Вы попросту начинаете бродить по магазину в поиске сыра, который должен быть «здесь», но его перенесли. Неудобно? Вот это же касается и дизайна сайта. Если посетитель привык к определенной структуре, то он как минимум будет удивлен, если эта структура кардинально поменяется. Именно поэтому, даже при желании сменить дизайн, ключевые ссылки нужно оставить там, где они и были для лучшего взаимодействия с сайтом. Например «Купить» или «Каталог» должны оставаться на привычных для пользователей местах. Изменения нужно делать постепенно, чтобы не шокировать постоянных клиентов. К новым, разумеется, это не относится.
8. Все важное должно быть видно сразу
Следует постараться сделать так, чтобы пользователь видел абсолютно все возможности сайта в плане перехода по разделам. Он должен легко ориентироваться в том, куда ему зайти и как вернуться. В идеале – горизонтальное меню сверху, с возможностью открывать подразделы. Все менее важное, например, раздел «О нас» можно расположить в «подвале».
Вполне можно обойтись картой веб-сайта, хотя этим разделом пользуются редко. Но если сайт многоуровневый, без этого не обойтись. Очень хорошим решением будут «хлебные крошки» – навигационная визуальная структура, которая показывает движение пользователя по ресурсу. Это дает возможность в любой момент вернуться в любой предыдущий раздел.
9. Лаконичность формы регистрации
Представьте, что вы зашли на сайт интернет-магазина, вам понравился товар, но для получения скидки нужно зарегистрироваться. Открываете форму регистрации, а там 100500 полей для заполнения, причем обязательных. Вы бы остались на таком сайте или пошли бы на другой, где все проще? Вот в этом и дело. Не нужно создавать сложные формы для регистрации. Компоновка и оформление – это одно, а количество полей – совсем другое. Сложность отталкивает, тем более, если сайт просит заполнить формы о профессии и увлечениях.
10. Поисковая строка
Это Must have! Без вопросов – строка поиска должна быть обязательно, причем она должна быть заметной. Никаких «увеличительных стекол» в уголочке – строка должна буквально висеть сверху. Пользователь должен иметь возможность в любой момент найти именно то, что он хочет. Что касается длины строки, то оптимальным показателем будет 27 символов. В большинстве случаев этого хватает для любых запросов.
11. Дайте пространство
Здесь все просто – пользователь должен чувствовать себя свободно. Не нужно наполнять страницы лишними блоками, картинками и, тем более видео. Остановитесь на принципе минимализма и оставьте посетителю больше свободного пространства. Сосредоточьте его внимание на ключевых факторах и не отвлекайте. На странице должно быть только самое важное.
Графика и изображения должны быть исключительно тематическими и уместными для определенной страницы. Контент должен быть информативным, а не отвлекающим внимание от важного.
После того, как все приведенные составляющие будут учтены, можно переходить к процедуре тестирования. Это очень важный шаг, поскольку допущенные ошибки могут отталкивать пользователей, которые могли бы стать покупателями или клиентами.
Тестирование юзабилити
Оценка проводится с таких позиций:
• качество дизайна;
• функционал в плане удобства;
• грамотность структуры;
• качество контента.
Немаловажными будет также следующие факторы:
• юзабилити сайта в плане отсутствия битых ссылок и 404;
• скорость загрузки страниц;
• время отклика.
Тест можно проводит самостоятельно, либо же при помощи специальных сервисов. Отличным вариантом будет Яндекс.Метрика.
Тестирование мобильной версии
Этим нельзя пренебрегать ни в коем случае. Сейчас большинство пользователей заходят на сайты именно с гаджетов, поэтому мобильная версия сайта должна быть не хуже десктопной. Принцип тестирования мобильной версии схож с обычным, но здесь следует обратить особое внимание на дизайн и расположение кнопок меню. Гаджеты используются разные, поэтому следует сделать так, чтобы на любом мобильном устройстве сайт был удобным как в плане информативности, так и в плане навигации.
Для мобильных версий тестирование юзабилити сайта проводится отдельно. Оценивается в первую очередь удобство. Дизайн, картинки и вся остальная визуальная составляющая в этом случае отходит на второй план. Взаимодействие с сайтом мобильной версии должно быть идеально простым, без необходимости что-то отдельно искать. Впрочем, строка поиска даже в этом варианте должна быть видной. Здесь она важнее, чем даже в десктопной версии.
Вывод
Юзабилити сайта – ключевой фактор популярности ресурса. Будь это интернет-магазин или просто информационная площадка, все должно быть предельно удобно. Если соблюсти все правила – ресурс обязательно станет популярным.
