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

sales-text.ru

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

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

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

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

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

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

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

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

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

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

— размещать на всех страницах логотип веб-ресурса либо его название со ссылкой на главную. Как правило, логотип находится в верхнем левом углу страницы;
— размещать подробную контактную информацию не только в «подвале» (самом низу страницы), но и в шапке сайта;
— делать меню первого уровня на всех страницах;
— указывать на веб-страницах название раздела сайта;
— предусмотреть "хлебные крошки".

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

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

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

Итак, чтобы поиск на сайте был удобным, необходимо:

— размещать его в верхнем правом углу на всех страницах;
— ограничить длину поля для ввода запроса 27-30 символами (оптимальное значение);
— сделать поиск исключительно внутренним, только по страницам ресурса. Не стоит предлагать посетителям еще и внешний поиск, по сторонним сайтам в Интернете – это будет отвлекать их от вашего;
— использовать функцию проверки орфографии запросов. Если пользователь вводит запрос с ошибкой, должна появляться строка с сообщением «Возможно, Вы имели в виду [запрос с правильной орфографией]?». Поиск должен «уметь» распознавать ошибки в запросах, иначе клиент не сможет найти искомый товар.

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

Но всегда ли сайту нужен внутренний поиск? Известный эксперт по юзабилити Якоб Нильсен считает, что эффективный поиск обязательно нужно делать только на крупных ресурсах, содержащих более 1 000 страниц. Если же сайт содержит от 100 до 1 000 страниц, вполне можно обойтись и более простым поисковым механизмом. А на небольших сайтах с менее чем сотней страниц функции поиска должна выполнять навигация.

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

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

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

— Тексты должны быть короткими, но содержательными. Помните, что посетители не читают длинные «простыни», а просматривают отдельные абзацы и предложения, за которые «зацепился» их взгляд.
— Наиболее важная и полезная информация всегда должна размещаться в самом верху, желательно – в первых же предложениях текста, чтобы не приходилось прокручивать страницу. Это правило известно как «правило пирамиды» и основано, опять-таки, на специфике нашего восприятия текстов в Интернете. Более развернутые описания и доводы всегда оставляйте в нижней части текста.
— Для написания текстов используйте простые и наиболее распространенные шрифты размера не меньше 12 px и без засечек – они лучше всего воспринимаются. Один из возможных вариантов – классический, привычный всем нам шрифт «Calibri». А вот понять, о чем идет речь в тексте, написанном пускай и красивым, но чрезвычайно витиеватым готическим шрифтом – задача не из легких.
— Про бегущие строки, мигающие абзацы и радужные предложения, в которых каждое слово окрашено в разный цвет, лучше забыть сразу и навсегда. Опросы показывают, что большинство пользователей негативно относится к таким «спецэффектам» – они слишком назойливы и раздражительны.
— Обратите внимание и на цвет фона, на котором размещены тексты. Он должен контрастировать с цветом шрифта и как минимум не вызывать у посетителя дискомфорта. Классический вариант – черный шрифт на белом фоне. От экспериментов вроде размещения красного текста на зеленом фоне или синего на оранжевом необходимо решительно отказаться. Сочетания слишком ярких и кричащих оттенков создают на зрение очень сильную нагрузку, раздражают и утомляют.
— Не забывайте про заглавные буквы и пробелы между словами и целыми предложениями. Их отсутствие, опять-таки, заметно усложняет восприятие информации.
— Старайтесь всеми силами избегать в текстах орфографических, пунктуационных и других ошибок. Они мгновенно подрывают репутацию любого сайта и вызывают к нему недоверие пользователей.
— Используйте списки, подзаголовки, картинки и другие элементы оформления. Чем более текст структурирован, тем проще он читается и воспринимается.

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

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

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

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

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

Доверьте ваш сайт Webcom Performance, специалисты проведут вам аудит сайта и разработают рекомендации по его улучшению.

www.promo-webcom.by

Структура сайта

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

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

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

Оформление и дизайн

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

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

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

Контент страницы

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

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

Быстродействие страниц сайта

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

Тестирование

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

vlg1.ru

Для самостоятельной разработки интерфейса нужно учитывать несколько простых правил:

1. Правило 7-ми.
   Известно, что способности человеческого мозга небезграничны. Человек способен держать в кратковременной памяти не более 5-9 сущностей. Поэтому не следует размещать в навигации больше 7 пунктов.
   С этой точки зрения сайт tutu.ru, безусловно, заслуживает хороших отзывов, поскольку основной функционал удалось разместить в шапке сайта, ограничиваясь 4 пунктами меню и выпадающим списком.
   В то время как сайт Российских Железных дорог — отличный пример того, как делать не надо. От количества разрозненной информации пестрит в глазах, хочется просто закрыть его и больше никогда не заходить.
2. Правило 2х секунд.
   Чем меньше пользователь ждет отклика программы, сайта или приложения, тем больше вероятность того, что он не откажется от использования этого продукта. 2 секунды – это оптимальный временной интервал отклика программы, именно к нему стоит стремиться. Так что стоит сто раз подумать, прежде чем ставить на сайт тяжелую флэшевую заставку, как это сделали на mtv.ru.
3. Правило 3х кликов.
   Никому не нравится серфить страницы, в поисках необходимой информации и функционала. У посетителя должна быть возможность попасть с главной страницы на любую другую страницу сайта, сделав не более 3-х кликов. Это способствует и более успешной индексации сайта поисковыми роботами.
4. Правило Фиттса
   Опубликованная Паулем Фиттсом в 1954 году модель движений человека, определяет время, необходимое для быстрого перемещения в целевую зону как функцию от расстояния до цели и размера цели.
   Метафорически правило можно объяснить так: легче указать на зажигалку, чем на спичку. Но указать на утес или огромный дирижабль одинаково просто. Если объект интерфейса, например ссылка, и без того достаточно крупный, нет смысла делать его еще крупнее.
5. Перевернутая пирамида
   Этого принципа придерживается сам гуру юзабилити, Якоб Нильсен. Статья должна начинаться с итогового вывода, за которым следуют ключевые моменты, а завершаться наименее важной для читателей информацией. Это оптимально для веба, где пользователь хочет получить информацию максимально быстро.

Но даже спроектированный по всем правилам интерфейс стоит протестировать. Фокус-группы – самый доступный способ для тестирования «своими силами».

Тестирование состоит из четырех этапов:

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

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

Пример по теме

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

Кнопка «enter» звучит как призыв попасть на главную страницу сайта. Но вместо главной страницы попадаем на «чистый лист».

Здесь взгляд приковывает изображение красной ленты, и мы, конечно, думаем, что это ссылка, и может даже на меню. Но нет – это всего лишь символ борьбы со СПИДом, который призван обозначить общественную позицию певца и не более. И тогда рука тянется в левый верхний угол. А там и не меню вовсе, а кнопка полноэкранного режима. Несколько секунд в замешательстве, и поиски окончены, вожделенное меню внизу, в центре экрана. Кликаем… и видим ПЛЕЕР! Нас снова обманули.

Пока в плеере транслируется клип, мы продолжаем искать меню. Теперь оно наверху, в самом центре. В выпадающем списке мы, наконец, наблюдаем желанное слово «Контакты». Но и тут не все так просто. Эти контакты нельзя скопировать. Придется переписывать вручную!

Теперь о цифрах. Время ожидания отклика в зависимости от скорости соединения может разниться, но в любом случае это будет больше 2х секунд. А путь до страницы контактов менеджмента занял 7 кликов. А мог бы занять всего один.
Влад Топалов, конечно, может позволить себе такие «креативные» решения. Но очевидно, что такие решения просто губительны для бизнеса.

habr.com

Зачем это нужно

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

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

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

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

Делаем удобный сайт

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

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

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

Правило трех кликов

Давным-давно кто-то придумал правило трех кликов, согласно которому пользователь с любой страницы сайта на любую другую должен перейти, совершив не более трех кликов. Очевидно, что для ресурсов со сложной структурой это не подойдет. Пример: «Главная страница – магазин – велосипеды – горные велосипеды – бренд». Уже получается, что человеку нужно сделать четыре клика. Но в данном случае нельзя сказать, что это плохо.

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

О навигации

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

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

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

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

О контенте

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

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

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

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

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

• Статьи правильнее писать в виде «перевернутой пирамиды», то есть, самая важная информация и ключевые выводы должны быть в самом начале, а наименее важная — в конце. Это помогает сразу завладеть вниманием пользователя: он должен быстро понять, будет ли ему статья полезна или нет;
• Размер статьи не имеет значения (в том числе и с точки зрения SEO), она должна полностью отвечать на вопрос пользователя. Понятное дело, что если в топе статьи размером 10–15 тысяч знаков, то со статьей размером 2–3 тысячи знаков вы не займете лидирующие позиции. Просто потому, что не сможете в таком объеме достаточно полно ответить на вопрос пользователя;
• Для больших статей стоит делать оглавление (с якорями в тексте), которые позволят быстро попасть в нужный раздел;
• Заголовки, списки и продуманная структура материала существенно облегчают его восприятие.

Как выявить проблемы

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

Изучение статистических данных

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

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

Я подчеркнул данные по одному разделу, который явно отличается от других. Глубина просмотра здесь значительно выше, чем в среднем, это можно сказать и про время на сайте. Количество отказов чуть ниже среднего значения по всему сайту. В чем тут дело? Все просто: этот раздел сайта полностью закончен, там есть перелинковка между статьями и дополнительные элементы навигации (рекомендуемые статьи). Уже это дало +0,64 глубины просмотра и +1 минуту и 13 секунд ко времени на сайте.

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

Оценка пользователями

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

Тестирование

Тестирование — самый сложный способ, зато он дает самый лучший результат. Обычно используют фокус-группы из 5–8 человек, которые должны оценить сайт. Перед тестом определяют параметры, которые тестировщики должны будут оценить. Вариант не самый дешевый, но он действительно самый лучший.

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

Заключение

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

www.seostop.ru

5 принципов юзабилити

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

1. Простота и ясность

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

В рамках дизайна это:

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

В рамках навигации это:

• Логичная структура меню
• Хлебные крошки, показывающие пользователи его текущую точку дислокации
• Пункты и подпункты меню содержат не более 7-9 опций. Выпадающее меню «вписывается» в формат страницы и не требует прокрутки.

Пример Headsets.com

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

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

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

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

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

Помочь пользователям можно. Для этого необходимо:

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

• убрать глубокую вложенность (правило 3 кликов никто не отменял, пользователи не считают, сколько кликов они делают, чтобы найти товар, но не стоит испытывать их терпение!)

3. Качественно работающий поиск

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

Совет. В интернет-магазинах с десятками тысяч позиций в каталоге невозможно реализовать доступность любого товара в 2-3 клика. Такие сайты могут размещать подсказку для пользователей:

«В нашем магазине более 100 000 товаров. Знаете, что хотите? Воспользуйтесь поиском!»

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

4. Техническая сторона вопроса

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

Проверить:

• корректность верстки, правильность отображения страниц на разных типах устройств
• скорость загрузки
• настройку редиректа (пользователи, вводящие www.site.com и site.com, попадают на одну и ту же страницу).
• отсутствие битых ссылок

5. Доступность

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

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

GetGoodRank рекомендует:

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

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

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

5 уровней формирования доверия пользователей

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

Как понять, чего хочет пользователь

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

Какие пользователи нужны для проведения юзабилити-теста?

Истинно целевые пользователи — это аудитория, для которой непосредственно создан продукт или услуга. Четко определите, кто ваш пользователь. Создайте пользовательские прототипы.

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

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

Пользователей надо привлекать не на стадии готовности продукта/сайта, не на стадии «шеф, все пропало», а когда сайт/продукт еще находится в стадии разработки.

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

Почему юзабилити-анализ всегда неточен?

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

Юзабилити-тест проводится на достаточно небольшой выборке пользователей.

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

Недостаток метода:

• длительность сбора данных
• самостоятельная интерпретация полученных результатов
• отсутствие хоть каких-либо профессиональных рекомендаций

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

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

Тестер выполняет поставленную задачу. Пользователь выполняет «хотелку», если желание пропадет, пользователь даже не завершит начатое.

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

«…Только за последние три года частота одновременного использования нескольких устройств возросла на 500%, при этом 90% интернет-пользователей решают такие задачи, как совершение покупок, планирование поездки или просто просмотр чего-либо, с помощью нескольких устройств.»

blog.getgoodrank.ru

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

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

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

Факторы юзабилити

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

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

• Простое обучение. То есть, насколько быстро посетитель сможет освоить площадку.
• Эффективность. Быстро ли клиент решает поставленные задачи.
• Запоминаемость. Легко ли запоминается ваш сайт, если перейти на него повторно.
• Ошибки во время работы. Часто ли пользователи ошибаются и серьезны ли эти недочеты.
• Удовлетворение. Посетителю должно нравиться работать с вашим проектом.

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

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

Дизайн сайта

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

Скорость загрузки страниц

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

Универсальность браузеров

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

Качество статей

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

Навигация «хлебные крошки» и интерфейс

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

Реклама

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

Гарантия надежности

Какой сайт лично у вас бы вызвал доверие? Конечно с присутствием контактных данных, вкладки «О компании», различными сертификатами, отзывами и реквизитами (если речь идет об интернет – магазине). Позаботьтесь об этом обязательно, тогда посетители начнут доверять вам.

Кнопка поиска

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

Простота использования сайта

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

Мобильная версия

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

Titles (заголовки)

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

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

Вы спросите меня: «Почему же настолько важна проверка юзабилити?» Все потому, что эти правила позволяют увеличить параметры юзабилити. То есть оно поможет вам:

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

Тестирование юзабилити онлайн

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

К качественной оценке относятся:

• Целевая аудитория.
• Функциональность.
• Целевая направленность сайта.
• Аудит имеющихся текстов.
• Анализирование структур.
• Другие параметры, например, ссылки, редиректы, страницы 404.
• Наличие мобильной версии.

К количественной оценке относятся:

• Быстрота загрузки страниц.
• Время на отклик.
• Время клика.
• Время на поиск нужной кнопки.
• Время перехода по страницам.

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

Оценка с помощью сервисов бесплатно

1. Usabilityhub.com. Здесь имеются три показателя, которые позволяют сделать анализ. Один из них оценивает легкость ориентирования пользователя на сайте, второй – элементы в дизайне, на которые обращают внимание посетители, третий – карту сайта и на каких страницах больше всего кликов. В общем получите полный аудит.
2. Feng-gui.com. Данный сервис отображает модель со стороны посетителя на протяжении нескольких секунд. Благодаря этому вы получаете отчет и карту движения глаз человека по страницам вашего ресурса.
3. WebVisor (вебизор) . Программа представлена нашим любимым Яндексом в метрике. Площадка дает возможность сделать анализ поведения юзеров.
4. Fabuza.ru. Русский сервис, не тестил его, но отзывы в интернете положительные.
5. Обратная связь. Это самый простой и эффективный способ проверить бесплатно юзабилити сайта, то есть спросить непосредственно у пользователей.

Разработка улучшения юзабилити

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

Тестирование проводится в три этапа:

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

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

Мини чек лист по юзабилити

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

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

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

• Простым и понятным.
• Эффективным.
• Легко запоминающимся.
• Нравиться пользователям.

Эти цели являются основополагающими для множества ресурсов, но можно определить и другие.

В заключение

Сегодня мы узнали о юзабилити сата следующее:

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

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

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

wpsovet.ru

Лучшие статьи читаем:

Как проверить сайт на вирусы Размещение сайта на сервере Как сделать вебмани кошелек Как пользоваться filezilla

You May Also Like

Разметка html5

Файл htaccess

About the Author: admind