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

Юзабилити по Якобу Нильсену: как создать сайт, который принесет клиентов

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

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

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

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

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

Знание этих методов помогают сделать сайт удобным для посетителя.

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

Уровень юзабилити — не абстрактная величина, он имеет единицу измерения, которая определена в международном стандарте ISO 9241-210. Характеризуется количеством физических и умственных усилий, которые тратят пользователи на достижение своей цели, и называется стоимостью взаимодействия.

Travel Web Picker by Ramotion

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

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

Сокращают количество кликов до цели.
Увеличивают скорость загрузки страницы.
Убирают отвлекающие факторы.
Делают шаги до цели как можно проще.

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

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

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

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

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

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

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

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

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

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

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

Сообщение о статусе заказа в «Лабиринт.ру»

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

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

«Дадата» объясняет принцип работы сервиса простым языком

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

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

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

И уменьшать шансы их возникновения.

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

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

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

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

«М.Видео» показывает всю необходимую информацию о iPhone 8 на одном экране

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

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

Лишние элементы, длинный текст и страница, перегруженная баннерами, — все это отвлекает от цели.

Длинная и запутанная форма заказа в магазине Wellfix. Нужно сократить и убрать ненужные лишние пункты.

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

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

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

Источник: https://skillbox.ru/media/design/yuzabiliti_po_yakobu_nilsenu/

14 способов удержать посетителей на сайте

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

1. Воронка

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

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

2. Рассылка

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

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

3. Капельный маркетинг

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

Капельная кампания направляет пользователей и помогает достичь цели.

4. Блог

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

5. Подписка

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

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

6. Опрос

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

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

7. Опрос на выходе

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

А Hubspot превращает грустное событие в праздник и отправляют отписавшимся клиентам видео.

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

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

9. Поддержка клиентов

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

10. Сообщество

Создайте сообщество, чтобы клиенты и посетители сайта были в зоне досягаемости. Для вдохновения: inbound.org, созданный HubSpot и Moz. На этой платформе маркетологи обмениваются статьями на интересующие темы.

11. Геймификация

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

Примеры: мэрство в Foursquare, бейджи в Codecademy.

12. Программа лояльности

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

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

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

13. Виджеты для браузеров

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

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

14. API

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

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

Источник: https://www.seonews.ru/analytics/14-sposobov-uderzhat-posetiteley-na-sayte/

Юзабилити сайта. Улучшить за 11 шагов – Академия SEO (СЕО)

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

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

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

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

То есть: общий дизайн веб-ресурса, логотип, название – все должно тематичным, чтобы посетитель интуитивно понимал, что этот сайт может содержать нужную ему информацию.
Удобство чтения Значительно улучшить юзабилити сайта поможет подбор удобных для чтения размера шрифта, цвета текста и фона страницы. Ведь какой бы полезной ни была информация, если при ее чтении «вытекают» глаза, гораздо проще продолжить поиск и найти более приятный вариант. Также повышение юзабилити наблюдается при упрощенном структурировании текстового контента. То есть нужно использовать: – короткие предложения и абзацы (4-6 строк); – широкие интервалы между строчками; – поля по краям текста.
Сложности никто не любит
Особенно посетители сайтов. Поэтому нужно соблюдать основные принципы юзабилити сайта – все должно быть просто и полезно: тексты поконкретнее и покороче, картинки лишь для разбавления текста и подтверждения прописанной информации (а не для того, чтобы в глазах рябило), навязчивой рекламы поменьше.
Удобная навигация и структура
Гарантирует повышение юзабилити, поскольку посетитель чувствует себя намного комфортнее, если без проблем может ориентироваться на страницах веб-ресурса. В частности, нужно использовать «хлебные крошки», способные в любой момент показать пользователю, на каком уровне вложенности он находится.

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

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

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

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

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

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

Чего делать не стоит

Принципы юзабилити сайта нарушают:

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

Вывод

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

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

Введите ссылку на Ваш сайт и мы за 31 секунду проанализируем его на ошибки, изменив которые, Вы можете увеличить посещаемость сайта на 200 – 400%

▲

Источник: https://seo-akademiya.com/baza-znanij/vnutrennyaya-optimizacziya/uluchshit-yuzabiliti-sajta/

Улучшение поведенческих факторов с помощью юзабилити

Термин «юзабилити» прочно вошел в обиход владельцев и разработчиков сайтов. Но многие до сих пор не до конца корректно понимают его значение.

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

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

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

Связь юзабилити и поведенческих факторов

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

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

Именно это заставило посмотреть в сторону юзабилити тех, кто раньше им пренебрегал.

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

общий объем трафика;
лояльные пользователи (возвраты);
время, проведенное на сайте;
отказы;
глубина просмотра.

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

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

Но некоторые считают, что плохой и неудобный сайт – это повод отказываться от счетчиков, чтобы «не показывать» Яндексу поведенческие факторы.

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

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

Показатель отказов

Отказы – самый серьезный и значительный поведенческий фактор, с которым у многих проблемы. Чем меньше у сайта показатель отказов, тем он качественнее в глазах поисковых роботов. Нормальный показатель отказов – до 15%, но варьируется в зависимости от тематики и особенностей сайта.

В Метрике визит считается отказом, если для него одновременно выполнены следующие условия:

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

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

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

Отчет по Посещаемости, график по отказам:

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

Отчет по Страницам входа, график по отказам:

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

Как можно снизить отказы с помощью небольших улучшений юзабилити?

Сделать первый экран посадочной страницы более информативным. Проверить, что с первого экрана (до прокрутки) понятна тематика. Желательно тестировать первый экран на небольших мониторах, например, 1366 × 768 px.Если посетитель не поймет в первые пару секунд, о чем страница, на которую он попал, то он может сразу уйти, то есть будет отказ. Пример неинформативного первого экрана – нельзя догадаться, для чего предназначен данный сайт.Неинформативный первый экран Главной страницы – не понятно, чем занимается компания:Простое решение, которое повысит информативность первого экрана и снизит отказы – добавить теглайн, то есть краткое описание сайта рядом с логотипом.Заполнен теглайн и сразу понятно, о чем сайт:
Убрать все всплывающие окна, возникающие сразу после загрузки сайта. Посетитель только зашел на ваш сайт, не успел толком понять где он, а вы его сразу же атакуете всплывающим окном со ссылкой/подпиской и прочим? Скорее всего, вы получите за это высокий показатель отказов.Навязчивые всплывающие окна:Сюда же относятся излишне агрессивные сервисы по заказу обратного звонка. Например, посетитель на сайте всего 13 секунд, а ему перекрывают контент окном «Вы нашли, что искали?». Количество сторонних сервисов сбора лидов не должно быть более одного, иначе сайт превратится в «мусорку».Навязчивые консультанты и сервисы обратного звонка засоряют сайт:
Показать на первом экране товар/услугу, которые предлагаются на сайте. Если используется слайдер, то клик по слайдеру обязательно должен вести на соответствующую товару/услуге внутреннюю страницу. Просто красивые картинки на первом экране, без привязки к товару, также могут стать причиной высокого показателя отказов.Красивый слайдер с фруктами, но не понятно, что предлагает сайт:
Показать как можно выше основные предлагаемые товары/услуги с ценами, не стоит прятать эту информацию слишком далеко внизу посадочной страницы. Преимущества можно показать уже после того, как показаны услуги/товары.На втором экране преимущества, а ожидают видеть услуги:Показать услуги и цены на них на втором экране – вполне своевременно, ниже прятать не нужно.Цены на услуги с ценами во втором экране:Главное должно быть выше второстепенного на любой посадочной странице, иначе будет высокий показатель отказов. А если еще и ссылки сделать с основных услуг, то можно и глубину просмотра увеличить.

Глубина просмотра

Глубина просмотра – это количество просмотров страниц сайта в рамках одного визита. Является отношением общего числа просмотров страниц к общему числу визитов за отчетный период.

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

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

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

Отчет по страницам входа, график по глубине просмотра:

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

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

Как можно повысить глубину просмотра с помощью небольших улучшений юзабилити?

Сделать логичную и наглядную навигацию по сайту. Не стоит делать много пунктов в главном меню сайта, от них глаза разбегаются и сложно что-либо выбрать. Группировать и называть пункты меню стоит логично, чтобы пользователь легко смог понять, что скрывается за каждым пунктом меню. Например, плохие названия для пунктов меню: «Информация», «Для вас» – совсем не понятно, что в них может быть. Контактная информация должна быть в разделе Контакты, а не где-то еще. Чем логичнее названы разделы, тем проще и непринужденнее посетители будет переходить на нужные им страницы, улучшая вам глубину просмотра.Пункты меню названы нелогично и запрятаны глубоко:
Расставить ссылки на основные услуги/товары. Можно, например, прямо в тексте сделать ссылки на основные услуги, тогда посетители сразу будут переходить в нужную услугу, а не искать её по всему сайту. Важно, чтобы ссылки были оформлены наглядно, иначе посетители могут их и не заметить. Например, переписывая текст, копирайтеры расставили ссылки на основные услуги, и глубина просмотра с 1,4 возросла до 2 страниц. Ну а отказы сократились с 40% до 20%.Ссылки на услуги с указанием цен:
Сделать ссылки на сопутствующие товары/услуги. Если посадочной страницей является карточка товара/услуги (ведь не всегда же посадочная страница – Главная, посетители переходят и на другие страницы сайта), то на ней нужно обязательно делать перелинковку: добавить похожие товары/услуги, разместить меню каталога. Это нужно, чтобы посетитель остался на сайте, понял, что есть еще много интересных предложений. Например, на странице с Грантами на обучение сделали предложения по другим университетам на общих основаниях для тех, кому не подходит обучение по грантам.Ссылки на другие университеты для тех, кому не подходят гранты на обучение:
Сделать хлебные крошки – они удобны для посетителей, так как показывают, в каком месте в структуре сайта они находятся, и не дают потеряться. Также хлебные крошки служат для перелинковки, поисковые роботы относятся к ним положительно.Навигационная цепочка просто незаменима для навигации по каталогу товаров со сложной структурой.Хлебные крошки в каталоге интернет-магазина:

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

Время на сайте

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

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

Отчет по страницам входа, график по времени на сайте:

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

Как можно повысить время на сайте с помощью небольших улучшений?

Писать интересные и уникальные тексты. Важен текст на Главной – он дает понимание того, чему вообще посвящен сайт и чем может быть полезен. Ну и поисковым роботам текст на Главной нужен не меньше, чем посетителям сайта.Также важны тексты описания товаров/услуг, читая которые, хоть и по диагонали, посетитель тратит время, а значит улучшает показатель «время на сайте». Если тексты будут полезные и хорошо отформатированные, то посетители будут изучать их еще дольше. Для товаров вроде духов можно делать более эмоциональные описания.Пример эмоционального текста в карточке товара:Страницы без текстов посетители сайта просматривают во много раз быстрее, тексты требуют больше внимания и несут больше информации, чем картинки.Нет текста на Главной, читать нечего, нехватка информации:Именно поэтому нельзя пренебрегать текстами на сайте, без них не улучшить ни один из поведенческих факторов.
Добавить изображения/видео туда, где они будут, что называется, «в тему», то есть помогут рассказать о чем-то более подробно, наглядно. Например, для выбора товара будет полезен видео-ролик о его использовании. На сайте нового жилого комплекса будет полезна 3D-экскурсия.3D-тур на сайте нового жилого комплекса:Ну и фотографий никто не отменял. Создание видео-роликов и 3D-экскурсий может оказаться затратным, а сделать качественные фотографии стоит в разы дешевле. При этом посетители не менее охотно их просматривают. Такой контент способен в разы увеличить время пребывания посетителей на сайте.
Дополнительно разместить на сайте интересный и полезный контент, например, Статьи. Посетители очень любят читать статьи, способные им помочь в решении проблем. Наличие нескольких качественных статей способно значительно увеличить время на сайте, так как у посетителей будет инфо-повод «задержаться подольше». Блог – отличные инвестиции в поведенческие факторы и лояльность. Его можно сделать практически на любом сайте.Пример Блога на сайте для аренды недвижимости:

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

На пути к улучшению поведенческих факторов:

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

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

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

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

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

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

Источник: https://1ps.ru/blog/dirs/2016/na-kakie-povedencheskie-faktoryi-mozhno-povliyat-s-pomoshhyu-yuzabiliti/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

Юзабилити сайта примеры. 8 секретов читай тут..

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

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

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

Если по простому — сайт должен быть понятен посетителю!

1) Оформление главной страницы сайта

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

интернет магазин моего клиента

2) Размещение логотипа компании

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

Хороший пример логотипа. Сразу понятно чем занимается этот магазина. (сайт — zavarka.net.ua)

3) Интерфейс сайта и скорость обработки данных

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

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

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

Рекомендую прочесть 2 мои статьи про увеличение скорости работы сайта:

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

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

Мода на цыганские юбки прошла 574568734 лет назад.

Для удобства можно воспользоваться следующими источниками:
https://color.adobe.com/ru/create/color-wheel/
http://paletton.com/

5) Подбор и оптимизация фотографий

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

Тут еще раз рекомендую прочесть статью:

6) Кликабельные ссылки и кнопки

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

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

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

7) Текстовое оформление сайта

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

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

8) Использование таблиц и диаграмм

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

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

Помни, что сайт ты делаешь для ЛЮДЕЙ! Хватит клепать сайты с пустыми seo статьями. Статья на сайте должна отвечать на вопрос пользователя, дизайн должен помогать читать твои статьи!

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

Источник: https://protsenko2.ru/technical-moment/yuzabiliti-sajta/