Usability что это такое
Юзабилити сайта: что это, анализ, примеры и чек-лист
Реклама, контент-маркетинг, многоэтапные воронки. Какими бы средствами вы не привлекали клиента, рано или поздно он остается один на один с вашим веб-ресурсом. И в этом момент юзабилити сайта определяет, оформит он заказ или закроет страницу.
Вас встречают по одежке. А точнее — по тому, как выглядит ваш сайт и насколько он удобен для пользователей. И порой даже небольшие улучшения юзабилити способны весомо повысить доход.
Например, Nature Air получили ошеломляющий рост конверсии с 3% до 19%, просто разместив кнопку call-to-action рядом с прайсом и продающим текстом. А Underwater увеличили конверсию в три раза, сделав анализ юзабилити и убрав все лишнее с целевой страницы.
Как добиться таких результатов? Прочесть эту статью до конца и внедрить рекомендации
Юзабилити сайта: что это такое
Юзабилити — ( англ. use ability — возможность пользоваться) термин, который означает удобство использования. Простой, удобный и интуитивно понятный для пользователя сайт = сайт с высоким юзабилити.
Как юзабилити влияет на конверсию
Кстати, юзабилити — важный критерий успеха не только сайта, но и любого продукта. К примеру, согласно исследованию Latirman, 58% мужчин, живущих в Великобритании, не пользуются стиральными машинами, потому что считают их слишком сложными. Дизайнер Питер Фабор даже выпустил специальные наклейки, которые помогают мужчинам постирать вещи.
Инструкция Питера Фабора для стиральной машины, чтобы ей могли пользоваться даже мужчины.
Конверсия и доход бизнеса напрямую зависят от того, насколько просто и удобно человеку совершать покупку. Поэтому так важно регулярно проводить анализ юзабилити сайта и улучшать взаимодействие во всех точках касания с клиентом.
Как провести анализ и улучшить юзабилити сайта
Анализ юзабилити — это тестирование и поиск моментов, которые мешают пользователю комфортно взаимодействовать с ресурсом. Вы анализируете пользовательский опыт (user experience, UX), который человек получает на вашем сайте — и стремитесь сделать его более комфортным.
Какие же элементы сайта важно анализировать и как их улучшить? Давайте разбираться.
Навигация
Структура сайта должна быть максимально простой и предсказуемой. Попадая на сайт, пользователь должен сразу интуитивно понять, куда нужно нажать и что он прочтет на странице, на которую перешел. Грамотно проработанная структура поможет пользователю не «ходить» из раздела в раздел, а быстро узнать все нужное и оформить заказ.
Пример простой и интуитивно понятной структуры сайта — разработка для наших клиентов GoIT
Если у вашего сайта сложная структура (например, крупный информационный ресурс или интернет-магазин), обязательно используйте «хлебные крошки». Они показывают, как соотносятся между собой страницы сайта и помогают быстро вернуться в любой раздел.
Хлебные крошки в магазине Цитрус
И если ценовая политика это отдельная тема, то путь оформления заказа — как раз вопрос юзабилити. Только вспомните, как бесит обязательная регистрация, подтверждение через е-мейл, четыре шага «Да, я точно хочу оформить заказ». так и хочется бросить корзину!
Путь от добавления товара в корзину до страницы «Спасибо за заказ» должен быть максимально простым и коротким. В то же время, не стоит утрировать процесс заказа до максимума. Согласно исследованию Джошуа Портера, желание пользователя отказаться от результатов не увеличивается с ростом числа кликов.
Результаты исследования Джошуа Портера
Фокусируйтесь не на минимальном количестве кликов, а на том, чтобы сделать путь клиента проще. Например, заказывая еду, удобнее полностью оформить заказ онлайн и не общаться с продавцом по телефону. Поэтому Domino’s Pizza автоматически ставит галочку в поле «Не перезванивать для подтверждения заказа». Это освобождает клиента от бесполезного разговора, где он произносит только «Да, правильно» и экономит ресурсы пиццерии.
Согласно Web site design survey, 83% посетителей покидают сайт, если почувствуют, что им приходится слишком долго искать товар. Например, в этом случае клиенту придется отыскивать часы в нужном диапазоне стоимости.
Неудачная реализация фильтров в магазине часов и ювелирных украшений
А здесь посетитель вынужден вручную считать, на каком ряду он приобретает билет. Снова трата нервов и времени.
При покупке билетов не видно, какой ряд вы выбираете
Обязательно следите за тем, насколько легко и быстро покупатель может найти желаемый продукт и оформить заказ.
Упрощая поиск товара, вы помогаете пользователю быстрее оформить заказ и тем самым повышаете конверсию. Например, компания Waterfilters.net, добавив опцию поиска по сайту, увеличила конверсию на 11%.
Бытует мнение, что поисковой механизм нужен только крупным ресурсам и интернет-магазинам с тысячами товаров. Однако, поиск может быть полезен и для небольших сайтов: например, если вы ведете блог, читатель может искать материалы на интересную для него тему.
Выделенное поле поиска: строку поиска хорошо видно на странице, ее не нужно выискивать взглядом.
Информация
Многие говорят о том, что люди устали читать лонгриды. Но, согласно отчету аналитической компании Clicktale, длина страницы не влияет на вероятность того, что пользователь прокрутит страницу вниз.
Сколько же текста готов прочесть потенциальный клиент? Это зависит только от качества вашего контента. Мало кто согласен выискивать суть в «простыне» текста, но гораздо больше людей прочтут грамотную и хорошо структурированную статью.
Проведите аудит всех текстов на вашем сайте — уберите устаревшую и неточную информацию, отследите орфографические ошибки и дайте посетителю все, что ему нужно знать для заказа.
Ваш потенциальный покупатель хочет узнать о товаре\услуге как можно больше: как выглядит, какие у него характеристики, сколько стоит, где используется и чем полезен в решении его проблемы. Помогайте ему в этом.
К чему стоит стремиться: максимальное количество фото, видео, отзывов и информации. Кстати, Розетка дает 100 грн. на бонусный счет за распаковку товара, чтобы будущие покупатели получали как можно больше информации о продукте.
Некоторые онлайн-магазины выдают информацию о себе так скупо, что самый наивный покупатель поневоле заподозрит неладное. Их «Контакты» — это е-мейл, под которым расположена форма обратной связи. Где находится офис, как туда позвонить — непонятно.
Покажите, что вы готовы к живому общению с клиентами. На каждой странице в заметном месте размещайте телефон, иконки мессенджеров, адрес или другую важную информацию для связи. По возможности добавьте кнопку обратного звонка.
Интерфейс
Распространенная ошибка — уделять много внимания красоте и дизайну сайта, забывая при этом об удобстве пользователей. Так получаются очень красивые, но слишком запутанные сайты, на которых сложно оформить заказ. Словно женские туфли на высоком каблуке, которые годами пылятся в шкафу, такие сайты становятся тупиковой ветвью развития веб-дизайна.
Обратная сторона медали — полное невнимание к дизайну, интерфейс из 90-тых. Если человек попадет на такой сайт, он может подумать, что компания уже давно не работает, и поэтому не обновляла дизайн.
Дизайн сайта, давно утративший актуальность
Чтобы ваш сайт был приятен глазу пользователя, его интерфейс нужно регулярно обновлять в соответствии с современными тенденциями.
Поисковые алгоритмы не жалуют сайты с низкой скоростью загрузки — и все же такие еще бывают. Согласно Якобу Нильсену, человек согласен ждать загрузки страницы всего 3 секунды. Если каждая ваша страница загружается гораздо дольше, посетителям быстро надоест ждать — быстрее уйти к конкурентам, где страницы грузятся по щелчку пальцев.
Согласно StarCounter, два года назад произошел поворотный момент — количество мобильного трафика впервые превысило десктопный. При этом Cisco прогнозирует, что к 2021 году мобильный трафик превысит показатели 2016 года в семь раз.
Еще одна приятная новость: мобильная аудитория готова совершать покупки максимально быстро. Например, один из самых популярных утренних запросов — «отправка в тот же день».
Сегодня в мобайл-версии ушли все: существуют даже русский Tinkoff-банк и украинский Monobank, которые работают исключительно в приложениях. Поэтому важность адаптивной версии сайта и (если в этом есть надобность) разработки приложения сложно переоценить. Проверьте, логично ли отображается ваш сайт на мобильных устройствах и планшетах и удобно ли им пользоваться даже с маленького экрана.
Самая худшая 404 — та, которая ведет человека в никуда. Страница, которой нет на сайте, должна быть настроена таким образом, чтобы посетитель мог вернуться на главную или сделать другой выбор. Это поможет удержать пользователя на сайте, даже если он ошибся с URL.
Информативная 404 страница Facebook
Инструменты для анализа юзабилити
Кроме мануального анализа, для аудита юзабилити можно использовать специальные сервисы. Самые популярные среди них — Google Analytics, Яндекс.Метрика, Liveinternet. Все эти инструменты схожи по функционалу: вы можете посмотреть, сколько пользователь находился на сайте и на какие страницы переходил, какой процент пользователей захотел вернуться и т.д.
Также существуют сервисы, способные заранее оценить, насколько привлекателен для пользователя сайт. Для сравнения вкратце рассмотрим Google Аналитику и два сервиса из второй категории.
Google Analytics
Usability Hub
Вашим сервисам дают оценки реальные люди, которые дают комментарии и делают скриншоты. Вы получаете детальные отчеты со статистикой и тепловыми картами.
Feng-GUI
В отличии от предыдущего сервиса, здесь ваш сайт тестируют не реальные люди, а программный алгоритм. Он автоматически и бесплатно генерирует карту внимания посетителей на вашем сайте. Для этого достаточно просто ввести URL и нажать клавишу Analyse.
Чек-лист юзабилити сайта
И напоследок. Генри Форд сказал:
«Если бы я спросил людей, чего они хотят, они попросили бы более быструю лошадь».
Но Форд вышел за рамки привычного и все мы знаем, к чему это привело. Даже если вам кажется, что ваш сайт прекрасен (как лучшая беговая лошадь), всегда стремитесь к тому, чтобы создать автомобиль.
Что такое Юзабилити?
Если говорить простыми словами, то юзабилити — это то, насколько продукт удобен, понятен и легок в освоении для пользователей. В наше время термин, как правило, употребляется по отношению к системам с графическим интерфейсом пользователя: веб-сайты, софт, операционные системы, приложения для мобильных устройств, интерфейсы банкоматов и терминалов и т. п.
К «железной» составляющей продукта (кнопки, переключатели, форма корпуса и т. п.) обычно применяется термин «эргономичность». Тем не менее, такое разделение не является строгим, и при желании можно говорить о юзабилити чайников, дверных ручек и любых других предметов, с которыми человеку приходится сталкиваться в реальной жизни.
Формальное определение юзабилити по стандарту ISO 9241–11 выглядит следующим образом:
«Юзабилити — степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью».
Знаменитый кофейник гуру юзабилити Дональда Нормана, попавший на обложку его книги «Дизайн повседневных вещей» как образец предмета, непригодного для использования
Юзабилити — свойство продукта
Яркий пример юзабилити-проблемы. На какую кнопку должен нажать пользователь?
Пользователи, контекст, цели
Далее в определении идут три очень важных понятия: определенные пользователи; определенный контекст использования; определенные цели.
Это значит, что «юзабилити вообще», для всех сразу, не бывает. Вещь, удобная для одного человека, будет совершенно непригодной для другого (вспомните, как вы учили своих пожилых родственников пользоваться мобильным телефоном).
Например, в одной крупной компании была разработана серия обучающих видеороликов по работе с внутренней системой документооборота. Инструкции в видеороликах давались при помощи голосового сопровождения, а видеоряд иллюстрировал, что именно надо делать и куда нажимать. Однако разработчики не учли, что ни у одного сотрудника этой компании не было колонок или даже наушников, поэтому обучающие материалы оказались бесполезными. Здесь не был учтен контекст использования, поэтому юзабилити конечного продукта (обучающей программы) оказалось низким.
Для того, чтобы предотвращать подобные неприятные ситуации и делать продукты действительно удобными для целевой аудитории, сотрудники USABILITYLAB до начала проектирования интерфейса проводят целую серию исследований. При помощи массовых опросов, глубинных интервью и других мероприятий (например, анализа данных веб-аналитики сайта заказчика), мы определяем:
Только после обработки полученных данных мы приступаем к проектированию интерфейса. Такой подход гарантирует, что созданный интерфейс действительно будет подходить для целевой аудитории продукта.
Создатели этого платежного автомата явно не думали о своих пользователях и создали крайне запутанный интерфейс. Пользователям пришлось улучшать интерфейс самостоятельно. (источник www.flickr.com)
Эффективность, продуктивность, удовлетворенность
Эффективность, продуктивность и удовлетворенность — это основные метрики юзабилити, то есть, измерив их, можно определить юзабилити интерфейса. Недостаток этих метрик заключается в том, что их определения недостаточно конкретны — чем, например, эффективность отличается от продуктивности?
При проведении удаленных юзабилити-тестирований мы в USABILITYLAB приняли для себя следующие определения:
Пример таблицы из отчета по юзабилити-тестированию с показателями эффективности, продуктивности и удовлетворенности
Ценность юзабилити
У слова «юзабилити» есть второе значение. Можно сказать, что юзабилити — это подход к разработке и оценке интерфейсов, который предполагает обязательное вовлечение в процесс потенциальных пользователей продукта.
Официально такой подход называется Human Centered Design (дизайн, ориентированный на человека) и регламентируется стандартом ISO 9241–10. В этом значении слово «юзабилити» используется, когда говорят о «внедрении юзабилити в компанию», «юзабилити-услугах» или «ценности юзабилити».
Почему полезно задумываться о юзабилити при разработке интерфейсов? Благодаря этому можно:
Подробнее о том, как юзабилити помогает бизнесу, можно прочитать здесь.
После внедрения рекомендаций USABILITYLAB при редизайне сайта vtb.ru показатель отказов снизился на 52,8%
Юзабилити и магия
Исходя из всего сказанного выше может показаться, что юзабилити — это некая магия, после применения которой продукт немедленно станет востребованным пользователями и начнет приносить прибыль. Однако на самом деле для удовлетворения пользователей одного юзабилити недостаточно. Возьмем типичный пример: сайт интернет-магазина. Хороший юзабилити-специалист может сделать прекрасный сайт, с логичным меню, красивыми страницами товара и прозрачным процессом оформления заказа. Но сайт не будет приносить прибыль, если:
Чем реально может помочь юзабилити-специалист
Специалист по юзабилити — это, в первую очередь консультант, который пытается построить мостик между потребностями бизнеса и пользователями. Выполняя свои основные задачи, он может:
Справедливости ради надо сказать, что и работа всех этих замечательных профессионалов может быть перечеркнута ошибкой юзабилити-специалиста. Оптимальный результат можно получить, только если вся команда, заинтересованная в продукте, будет работать слаженно. Сотрудники USABILITYLAB понимают это, поэтому в начале каждого проекта мы знакомимся с представителями заказчика из самых разных департаментов (маркетологи, менеджеры по продажам, программисты, руководители отделений и т. д.). После окончания проекта мы предлагаем услугу авторского надзора, то есть консультируем сотрудников заказчика, занимающихся внедрением наших рекомендаций.
Но, как уже говорилось в предыдущем разделе, успех продукта зависит не только от удобного интерфейса. Добросовестный юзабилити-специалист сообщит также о любых других замеченных им проблемах, даже если они не связаны напрямую с интерфейсом. Если же какая-либо компания примет такого сотрудника в штат, он будет пытаться наладить взаимодействие между подразделениями, чтобы обеспечить максимально возможное качество разрабатываемого продукта.
Если вы хотите, чтобы мы спроектировали для вас сайт или оценили удобство уже существующего — оставьте заявку на сайте. Также мы можем провести обучение юзабилити для сотрудников вашей компании.
Что такое usability и зачем нужны usability тестирования?
Из этой статьи Вы узнаете:
Начнем с самого термина usability, который многие часто путают с UX (user experience). UX — это весь опыт, который получает пользователь в процессе использования продукта. Некоторые иногда включают в понятие UX также и этапы до и после контакта с продуктом (маркетинговые материалы, впечатления от использования, обсуждения продукта с друзьями), однако это уже на самом деле относится уже к более широкому понятию customer experience (CX). Вот так это можно представить на схеме:
В сложившейся сейчас ситуации на рынке мобильных приложений, когда цена привлечения одного пользователя постоянно растет, UX становится краеугольным камнем вовлечение и долгосрочного удержания новых пользователей.
В отличие от UX, который формируется на стороне пользователя, usability — это свойство самого продукта быть простым и удобным в использовании. Usability сложно измерить в каких-то численных показателях: обычно он измеряется наличием или отсутствием у пользователя проблем или фрустрации во время использования продукта. Usability — это основа, фундамент UX вашего продукта, который должен обеспечить Вам рост вовлечение и удержание.
Выделяют пять основных критериев usability:
Зачем тестировать? Одной из самых сложных задач в разработке игры ил иприложения является необходимость принятия дизайнерских решений в условиях минимальной или отсутствующей информации. Будет ли понятна игрокам основная механика? Ясно ли пользователям, для чего служит этот пункт меню? Как должен выглядеть HUD и какая информация на нем должна быть отображена?
Основной задачей usability тестирование является понимание того, как целевая аудитория воспринимает и взаимодействует с продуктом. Это помогает принимать информированные дизайнерские решения, видеть возникающие проблемы заранее и знать, как изменять продукт, чтобы сделать пользовательский опыт лучше. Юзабалити тесты, как и сам продукт, должны служить одной общей цели — сделать пользователей вашего продукта счастливыми.
Когда тестировать? Многие разработчики задаются вопросом. Всегда хочется показать свой продукт игрокам/пользователям в лучшем виде. А вот тут еще модели не закончены. А здесь хочется чуть-чуть баланс получше настроить. А здесь еще не все кнопки отрисовали и т.д.
На самом деле, проводить юзибилити тесты можно (и нужно!) уже начиная со стадии первых прототипов. Это позволит вам сэкономить время и деньги на работу над тем, что заведомо пользователю не подойдет. Нет ничего страшного в том, чтобы показывать пользователю прототип, собранный на Wireframe. Главное — заранее задать рамки и объяснить пользователю, какие функции нужно оценивать, а какие пока не готовы.
Безусловно, внешний вид и общий функционал приложения важны для пользователя, и когда он оценивает такую “урезанную” версию продукта это влияет на его впечатление в целом. Однако данные, собранные даже в таких условиях, намного ценнее полного информационного вакуума.
Разобрались, значит тестировать лучше раньше, чем позже. Однако это не значит, что usability тестирования не нужны на поздних стадиях разработки и даже после релиза. Просто на каждом этапе разработки usability тестирования, хоть и служат общей цели, выполняют, как правило, выполняют свою роль. Подробнее о том, на каких этапах какие виды тестирований (и не только) применять мы подробнее поговорим в следующих статьях.
Как часто тестировать? Если Ваша цель — создание хорошего UX в вашей игре или приложении, то usability тестирования стоит проводить несколько раз в процессе разработки, с каждой итерацией учитывая фидбек, полученный от пользователей, и тем самым улучшая продукт.
Во многих постмортемах игр в последнее время очень часто повторяется одна и та же проблема — недостаточное количество плейтестов. Хорошей практикой является проведение небольших плейтестов/usability тестов (с выборкой 5-10 человек) раз в две-три недели, когда ваша версия значимо меняется (вводятся новые фичи, изменения по сравнению с предыдущими тестами). Также в процессе разработки мы обычно рекомендуем проводить 2-3 плейтеста с большей выборкой (30-50 человек) для сбора оценок разных составляющих продукта и оценки его рыночного потенциала (Движется ли разработка в правильном направлении?)
На сегодня все. В следующей статье поделюсь с вами алгоритмом проведения usability тестирования, который мы используем у себя и которого рекомендуем придерживать нашим клиентам.
Что такое юзабилити сайта: руководство
Узнайте, как протестировать и повысить юзабилити вашего сайта
Юзабилити — это показатель качества сайта, с помощью которого оценивают его простоту и удобство использования.
На нашем YouTube-канале в записи вебинара Мария Зайцева, руководитель отдела интернет-маркетинга Bquadro Agency, рассказала о юзабилити, структуре сайта и технической оптимизации.
Содержание
Почему юзабилити так важно?
Юзабилити представляет собой комплексную оценку сайта. Она зависит от удобства навигации, структуры, качества контента, оформления текстов, дизайна и ряда технических характеристик. Юзабилити влияет на время пребывания пользователей на сайте, уровень конверсии и лояльность потребителей.
Например, первое впечатление пользователей на 94% зависит от дизайна. Более того, 48% посетителей считают его показателем надежности бизнеса. Согласно статистике, человек оценивает внешний вид сайта всего 2-3 секунды. Поэтому, у вас есть буквально мгновение, чтобы произвести хорошее первое впечатление на посетителей, заинтересовать их и удержать.
Сайт с низкой скоростью загрузки, плохой цветовой гаммой и сложной навигацией однозначно оттолкнет пользователя. Вот почему
для продвижения компании, ее товаров и услуг так важен высокий уровень юзабилити. Далее вы узнаете, по каким основным критериям его оценивают.
Критерии оценки юзабилити сайта
Выделяют пять критериев оценки юзабилити. Ниже вы подробнее ознакомитесь с каждым из них.
Теперь, когда вы знаете, что влияет на юзабилити и на основании каких критериев его оценивают, самое время узнать, как протестировать удобство и простоту использования сайта.
Как протестировать юзабилити сайта?
Тестирование сайта проводят, чтобы оценить его удобство и качество перед запуском, увеличить конверсии и улучшить функционал. Есть два пути оценки юзабилити. Первый подразумевает подключение тестировщиков, а второй заключается в самостоятельной работе. Ниже мы рассмотрим, как самому провести тестирование сайта. Вот основные этапы этого процесса.
При самостоятельном тестировании сайта можно использовать Google Analytics Content Experiments. Он позволяет проанализировать различные изменения и увидеть, как они влияют на уровень конверсии и показатель отказов. Чтобы узнать поведенческие факторы пользователей, выявить наиболее и наименее кликабельные элементы сайта, используют «Карту кликов» Яндекс.Метрики и статистику Google Analytics.
Помимо этих инструментов еще применяют платные сервисы вроде AskUsers. С их помощью проводят тестирование среди пользователей, схожих с целевой аудиторией. Читайте дальше, чтобы узнать, как повысить юзабилити сайта.
Как повысить юзабилити сайта?
Для повышения удержания посетителей на сайте и увеличения продаж, следуйте рекомендациям ниже:
Помните, какой бы классный продукт вы не предлагали, юзабилити решает все. Поэтому нельзя пренебрегать дизайном, навигацией, расположением текстов, размером шрифтов, качеством изображений и другими составляющими сайта. Для повышения юзабилити важно продумать каждую деталь и убрать все лишнее. Далее вы ознакомитесь с хорошими примерами сайтов разных компаний.
Примеры сайтов с хорошим юзабилити
Одежду и обувь бренда Nike носят как профессиональные спортсмены, так и любители. Возрастная категория клиентов компании варьируется от нуля и до ста лет. Среди фанатов бренда есть футболисты, баскетболисты, бегуны,регбисты, теннисисты и просто те, кто любит активный образ жизни. Поэтому, продукты на сайте разделены на основании их назначения, пола клиентов и вида спорта. Благодаря такому подходу, несмотря на широкий ассортимент, каждый клиент легко может найти для себя необходимый продукт.
Сайт Apple — это идеальный пример минималистичного дизайна. В верхней строке меню расположены категории товаров и строка поиска. С помощью интерактивного логотипа пользователь в любой момент может вернуться на главную страницу. Обратите внимание, что нет никаких лишних кнопок и текстовых блоков. Ничто не отвлекает внимание пользователя от изучения сайта и продуктов компании.
Образовательный журнал Tilda Education содержит руководства, статьи, видеоуроки и курсы на такие темы как SEO, SMM, контент-маркетинг, дизайн сайтов и так далее. Чтобы пользователи не потерялись среди обучающих материалов и легко находили необходимые темы, на первом экране сайта есть строка поиска, которая позволяет всего за несколько секунд найти нужные ответы. У сайта Tilda Education легкая навигация, грамотно продуманный дизайн и структура.
Хорошее юзабилити улучшает пользовательский опыт, а также способствует повышению продаж и конкурентоспособности. Поэтому, проводите тестирования, а также опрашивайте целевую аудиторию, чтобы шаг за шагом совершенствовать дизайн, структуру и функционал сайта.