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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этапы анализа юзабилити сайта

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

Первое впечатление о сайте

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

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

Предоставление необходимой информации

  • Скидки
  • Наличие
  • Условия оплаты
  • Срок отгрузки
  • Описание и характеристики
  • Дополнительные опции

Но параллельно с этой информацией вам нужно рассказать человеку почему нужно обращаться именно к вам!

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

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

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

Расскажите, что ему будет очень удобно.

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

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

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

  • Преимущества компании
  • Награды
  • Дополнительные товары и услуги

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

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

Важно понимать, что есть два типа страниц выхода с сайта:

  1. Посетитель сайта нашел нужную информацию и ушел для принятия решения
  2. Пользователь сайта не нашел нужную информацию и покинул сайт

Доверие

Еще один важный момент в — это доверие.

Чтобы человека не интересовало, прежде чем обратиться в компанию, он обычно смотрит всю информацию в интернете.

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

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

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

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

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

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

Мотивация к целевому действию

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

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

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

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

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


Всплывающее окно на сайте с уточнением города

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

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

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

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


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

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

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


Цифры на счетчике появляются только через несколько секунд

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

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

Простой каталог

В принципе у всех все было одинаково. Заходишь и читаешь эту скучную техническую информацию.

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


Хороший пример привлечения клиентов

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

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

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

Расположение информации

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

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

Он не создавал солидные впечатления о хорошей компании.

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

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

Еще одна страница ухода, это когда люди отправили вам какую-то заявку.

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

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

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

Аудит юзабилити сайта внутри страницы

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

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

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

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

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

Поэтому чем меньше времени человек провел на коммерческом сайте до коммуникации с вами, тем лучше.

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

Что можно отследить?

Какую часть информации смотрели

Для начала можно узнать, на какую часть информации пользователи смотрели.

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

Иногда они даже выделяют что-то важное для себя.

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

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

Точки прерывания просмотра

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

На что тут нужно смотреть!

Скорость просмотра

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


Вебвизор

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

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

Бывает так, что человек что-то прочитал, но потом вернулся к ранее просмотренной информации. Потом он что-то выделил, что-то перечитал еще раз и так далее.

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

Лишняя информация

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

Такая проблема присутствует на очень многих сайтах!

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


Много лишней информации о товаре

Например, пишут, а что такое телевизор. Или для чего предназначена данная услуга.

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

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

Клики

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

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

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


Карта кликов

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

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

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

По сути, количество одновременно работающих счетчиков не ограничено.

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

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

В итоге такие люди расстраиваются и уходят.

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

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

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

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

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

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

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

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

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

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

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

Конверсия форм

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

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


Конверсия формы заказа

Представляете, 60% из тех, кто хотел отправить заказ, не совершили целевого действия!

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

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


Не видно кнопки заказа

И только 40% пользователей догадались закрыть онлайн-консультант и нажать на кнопку «отправить заказ».

Остальные начали искать эту кнопку. Посмотрели, что ее нет и просто ушли с сайта.

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

Почему уходят с форм?

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


Большая форма на сайте

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

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

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

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

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

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

Здравствуйте, уважаемые читатели моего блога!

Давненько я не был на связи. В прошлой статье: « », я рассказывал о важности юзабилити сайтов и основных ошибках, которые встречаются у новичков.

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

За последнее время было много различных дел. На самом деле я не переставал работать над своим блогом, редактировал некоторые статьи на блоге (зачем это нужно я писал ), добавлял новые статьи. Блог регулярно обновляется, вот посмотрите . В общей сложности за январь я опубликовал 11 новых постов (некоторые из них довольно объемные), это для меня немало, учитывая, что за весь 2014 год было опубликовано всего 42 поста. Большинство статей теперь не попадает на главную страницу и в RSS ленту и пишутся для . Если вы хотите их читать, то просто смотрите рубрику «Новичкам». На всех страницах блога в сайдбаре отображаются последние записи, там эти статьи отображены.

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

Критерии анализа юзабилити сайта

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

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

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

3. Удобство навигации. Насколько легко пользоваться блогом. Соответствует ли навигация на всех страницах. Правильно ли работают ссылки. Есть ли постраничная навигация. Имеется ли карта блога/сайта. Удобно ли пользователю в целом перемещаться по сайту и находить нужную информацию. Имеется ли Мобильная версия сайта. Эти и многие другие вопросы будут рассмотрены в этом разделе.

4. Внутреннее содержание сайта. Соответствуют ли статьи блога тематике. Насколько качественно и полно изложен материал и подобраны «ключи». Имеется ли релевантный поиск по блогу. Объем и оформление текста.

5. Технические ошибки на сайте. Есть ли . Настроена ли . Правильная ли настройка индексации, наличие карт сайта и другие важные моменты.

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

Анализа юзабилити сайта – пример

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

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

Это далеко не все ошибки, которые имеются на этом блоге, я смотрел далеко не все. Если вы увидите что-либо еще, то пишите в комментариях. Думаю, что автор анализируемого блога будет вам благодарен!

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

Итоги акции «Угадай главную ошибку на блоге»:

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

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

Итоги акции «Лучший комментатор месяца»:

Лучшим комментатором в январе 2015 года стал Александр Белый, который уже второй месяц является самым активным комментатором.

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

На этом у меня все. До встречи в следующих постах!

    На 8 раз перешерстила весь Ваш блог) Ночью, с закрытыми глазами найду любой пост))) А про мобильную версию даже не стукнуло) Шагать мне еще и шагать до собственного блога))

    Привет Саша! Будет ли статья у тебя о мобильной версии сайта, точнее как это было сделано?

    Владимир

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

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

    R103494329577 (мой приз)

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

    Да, мобильная версия сайта это довольно востребованная тема.

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

    Столько ждал. Даже мимолетно все как-то прошло.

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

    Александр Бобрин

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

    Владимир Манеров

    А каким вы плагином пользуетесь?

    Привет, Александр. Удачного дня, тебе и всем читателям блога. Давно подозревал, что у меня на блоге что-то не так. А вот теперь ты мне четко указал что и где. Огромное спасибо. Что ж, будем двигаться в нужном направлении. И ты верно подметил может по ходу кто-то еще мне на какие-либо «косяки» укажет — буду только рад. Всем удачи.

    Если говорить серьёзно, то не хватает качественных ссылок от тиц-30, что дали бы рост поискового трафика. Ну и конечно должны быть объемные статьи от 7000 символов.

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

    Как люди умудряются столько накомментить?)

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

    Интересная идея с премированием комментаторов.

    Такого еще не видел в блогах. Вы молодец, Александр!

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

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

    Владимир Манеров

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

    2 Перевести английские слова на русские

    3 Поиск невзрачный и маленький

    4 Блок одноклассники и фейсбук вылазят

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

    Это мое мнение о блоге, такие ошибки я увидел, а в целом блог неплохой, правда требует доработки)

    Готовимся к рыбалке

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

    Здравствуй Александр. Недавно ты разбирал анализировал мой блог и указал мне на некоторые ошибки. Со многими я разобрался и исправил. Но вот сейчас мучает один вопрос: у меня на каждой странице стоит ссылка на главную. Мне кажется это играет минусом при распределении веса на страницы. Как ты думаешь стоит ли мне убрать все ссылки с каждой страницы на главную или не то что стоит, а просто необходимо. Я же продвигаю по НЧ, то есть должно задействовано как можно больше страниц блога. Подскажи пожалуйста. И еще, на страницах у меня в среднем 5-7 внутренних ссылок на другие страницы. Это тоже плохо? Может оставить по 2-3. Заранее благодарю, может и другой кто, чего посоветует...

    возьму на заметку

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

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

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

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

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

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

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

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

Альтернативные методы проверки юзабилити

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

1.Проведение анализа статистики при помощи таких сервисов, как Google Analytics или Яндекс.Метрики. Данные с этих сервисов предоставляются полностью бесплатно, единственным недостатком этого метода является поверхность выводов.

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

Список сервисов для SEO анализа сайта

Алоха, гайз!

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

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

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

Анализ юзабилити сайта

Любые изменения следует начинать с анализа текущей ситуации.

Для начала определите портрет своей ЦА. Это важно для выбора формата подачи информации. Чем подробнее будет портрет, тем лучше. Вот отличный пример портрета ЦА, который мне как-то прислали:

Портрет покупателя (писался по данным опросов операторов колл-центра, курьеров компании):

Open Site Explorer Анализатор ссылок сайта
Ahrefs Проверка обратных ссылок
Quick Sprout Инструмент для полного анализа сайта
Wordpress SEO by Yoast Оптимизация WordPress сайтов
SEO Site Checkup SEO техосмотр сайта
Hubsport Marketing Grader Оценка согласно маркетингу
SimilarWeb Статистика любого домена
Alexa Ranking Рейтинг вашего ресурса
SERPs Rank Checker Рейтинг ключевых слов
Keywordtool.io Поиск ключевых слов
Nibbler Тест вашего сайта
Browseo Посмотреть как поисковики видят сайт
Broken Links
“Женщина, 33 года, замужем, один ребенок, в ближайший год-два появится второй (как минимум они будут с мужем стараться). Живет почти на окрайне Москвы (метро войковская) на семью есть одна машина, есть собака. Она русская, православная. Доход на семью около 80-100 т.р.. У нее часто болит спина (после родов особенно) она недовольна своими волосами (они выпадают и секутся), у нее есть проблемы со здоровьем по женской части. Она очень хочет выспаться, хочет секса, хочет быть хорошей женой, матерью и дочкой, хочет чтобы ей завидовали и мечтает переехать в свой дом или большую квартиру. Она боится остаться одна и боится старости, она переживает за детей и мужа и боится остаться без денег, еще она боится растолстеть, остаться без денег и сглаза, когда она делает покупки — она боится что ее обманут. Она позитивная (часто проявляет позитивные эмоции, воспринимает шутки), не скандальная (ей проще уйти, чем доказывать свою правоту), в целом, она не обращает слишком пристального внимания на товар перед покупкой (по крайней мере не лезет вовнутрь), она увлекается рукоделием (или хотя бы ей это интересно), имеет профили в соцсетях и активно ими пользуется. (Особенно после 21-30, после того как укладывает ребенка спать.) Ее часто можно встретить в ТЦ, поликлинике и на детских шоу (например «Фиксики» в Крокусе)”

Сразу становится ясно, в какой форме лучше всего преподнести УТП для данной аудитории, да?

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

Постарайтесь ответить на следующие вопросы:

  • Почему люди приходят к вам на сайт?
  • Что они ожидают найти на нем?
  • И, наконец, что нужно сделать, чтобы им было проще это найти?

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

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

  • Обозначайте важные утилиты (вход/регистрация/условия доставки)
  • Делайте меню с ориентацией по левому краю с углубленностью не более чем в 3 клика (категория/подкатегория/товар)
  • Не перегружайте навигационное, верхнее меню, оно должно содержать максимум 5-6 пунктов.
  • Расположите корректно следующие 5 элементов на главной странице сайта:

1. Уникальное торговое предложение

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

Пример:

2. Обзоры популярных товаров/услуг

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

Так же, эта подборка ориентирована на заботливого потребителя — тип для которого важны отзывы, рейтинг товара, тут отлично работает элемент: «Этот товар здесь не просто так, ведь многие уже купили его!»

Пример:

Не заставляйте покупателя думать!

3. Корзина

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

Тут есть всего два правила:

  1. Она должна находиться в правом верхнем углу страницы.
  2. Она должна быть контрастной.

Пример:

Пример оформления кнопки «корзина» на сайте

4. Контактная информация

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

Что нужно учесть:

  • Не используйте разный цвет и размер шрифта при написании номера.
  • Располагайте контакты в правом верхнем углу экрана.
  • Укажите время для звонка.

Не надо так:

Код города указан шрифтом меньшего размера, это затрудняет восприятие

Лучше так:

Код города и основной телефон хорошо читаются

5. Поиск по сайту

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

Пример размещения:

  • Снизится процент отказов
  • Увеличится время проведенное пользователем на сайте
  • Вырастет количество просмотренных страниц

Меняйте сайт, упрощайте навигацию, тестируйте и делитесь результатами в комментариях!

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