Удобство использования сайта

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

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

Заказать юзабилити-аудит сайта

Что такое юзабилити сайта и почему это важно?

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

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

Как сделать интерфейс сайта удобным и понятным?

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

Навигация

Хорошо, когда навигация одинакова на всех страницах сайта. Это помогает лучше воспринимать сайт и быстрее находить необходимую информацию. Логотип со ссылкой на главную страницу должен быть на каждой странице. Рекомендуется размещать контактную информацию как в шапке сайта, так и в его «подвале». Указывайте в каждом разделе его название, чтобы посетитель был уверен, что находится на нужной странице. Также не забывайте про «хлебные крошки» — навигационный путь от главной страницы до той, на которой посетитель находится в данный момент.


Юзабилити

Внутренний поиск

Он нужен для крупных сайтов (чаще всего интернет магазинов), в котором 1000+ страниц. Очень многие пользователи для быстрого нахождения нужного товара пользуются внутренним поиском. Обычно на сайтах поле поиска размещают в верхнем правом углу. Поиск должен быть исключительно внутренним (не переходящим на посторонние сайты). Важно, чтобы он мог распознавать ошибки. Без этого пользователь не сможет найти товар, если введёт запрос с ошибкой. В данном случае поиск должен предлагать правильный вариант. Также рекомендуется, чтобы при вводе запроса в поле появлялись ссылки на найденные страницы.

Юзабилити

Главная страница

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


Юзабилити

Текстовый контент

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

Юзабилити

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

Советы по юзабилити


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

F-образные шаблоны для организации контента на сайте

Результатами исследования, проведенного одним из самых известных специалистов в области юзабилити (Якоб Нильсен), пользуются до сих пор. В процессе эксперимента (250 участников) анализировалось движение взгляда пользователей по странице ресурса. Такое сканирование показало, что посетители сайта сначала обращают внимание на элементы, расположенные сверху, в левом верхнем углу. Затем взгляд перемещается вправо и ниже по F-образному шаблону.

Еще одно исследование в области юзабилити (удобство пользования сайтом) провели специалисты маркетинговых компаний Did-it и Enquiro. Они пригласили 50 человек и также проанализировали движение взгляда по странице выдачи поисковой системы Google. Результатом стала фигура, которую сейчас называют «Золотым треугольником Google». Таким образом, мнение Якоба Нильсена подтвердилось.

Скорость загрузки сайта как фактор юзабилити

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

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


Правильное размещение контента на странице

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

gusarov-group.by

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

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


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

Как посмотреть на сайт глазами постороннего посетителя?

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

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

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

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


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

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

Какие факторы влияют на восприятие сайта?

1. Скорость загрузки веб-страниц.

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

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


2. Соответствие тематики и оформления.

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

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

3. Визуальная подача контента.

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

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

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


4. Адаптивность.

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

5. Навигация.

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

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

Вся суть

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


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

Удобство использования сайта

webformyself.com

Что такое юзабилити и на что оно влияет?

Понятие веб-юзабилити, или просто юзабилити (от англ. «usability») подразумевает степень удобства и простоты использования  интернет-ресурса для достижения результата пользователем. Цель повышения юзабилити сайта не в том, чтобы привлечь аудиторию на веб-страницу, а  чтобы удержать ее и побудить к совершению целевого действия: заказу или покупке товара, регистрации нового участника и т.п. Если же функционал  блога или интернет-магазина не понятен и не удобен для посетителя, он, вероятнее всего, откажется от взаимодействия и уйдет со страницы. Таким образом, удобство использования сайта влияет непосредственно на увеличение конверсии ресурса.

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

Базовые правила юзабилити

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

Правило 2х секунд

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

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

Правило семи сущностей

Кратковременная память человека может в среднем удерживать 7 сущностей (от 5 до 9). К таким результатам привели Джорджа Миллера исследования способности мозга воспринимать и обрабатывать полученную информацию. 

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

Правило 3х кликов

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

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

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

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

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

Перевернутая пирамида

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

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

Принцип структуры и логичности

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

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

Правило формата

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

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

Эффект неопределенности

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

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

Синдром утенка

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

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

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

Зеркальный эффект

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

Простые способы сделать проект лучше

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

Увеличьте скорость работы сайта. Чтобы воплотить в жизнь правило 2х секунд, существует немало способов:

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

Проанализировать же реальную скорость работы веб-ресурса можно с помощью различных сервисов, среди которых и PageSpeed Insights от Google. Детальней о том, как работать с этим инструментом и как ускорить загрузку сайта на WordPress, вы можете узнать, перейдя по ссылке.

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

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

простая навигация

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

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

хлебные крошки

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

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

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

регистрация, авторизация

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

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

Разместите на страницах строку поиска. Оптимально – интерактивную, то есть такую, которая будет формировать подсказки во время набора текста.

поиск по сайту

На Вордпресс реализовать форму поиска можно с помощью стандартного виджета, кода php и плагинов. Из статьи по ссылке вы также сможете узнать, как установить Яндекс поиск.

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

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

Работайте над качеством подачи контента:

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

форматирование статьи

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

•	красивое оформление записей

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

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

Анализ удобства веб-ресурса

Оценка юзабилити сайта осуществляется по 5 параметрам:

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

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

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

pro-wordpress.ru

Принципы юзабилити web-ресурса

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

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

1. Дизайн — залог доверия к сайту

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

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

image3.png

Пример сайта, перенасыщенного графикой. Дизайн пестрит рассеивающими внимание цветовыми сочетаниями, обилием картинок.

2. Логичный структурированный контент

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

image5.png

Согласно отчетам компаний Clicktale и CX Partners, длина страницы не влияет на то, будет ли пользователь изучать контент ниже или нет. Важнее грамотно продуманная структура графики и текста: выделение приоритетной информации, последовательность расположения.

3. Важная информация — в левом углу

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

image4.jpg

4. Общение с пользователем

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

image7.jpg

Попав на такую страницу 404, пользователь не растеряется и, скорее всего, не сразу покинет ресурс.

5. Отмена действия

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

6. Ненавязчивое предложение помощи

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

image6.png

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

image9.png

7. Разговор на понятном языке

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

image11.png

image10.png

8. Отказ от резких перемен

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

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

9. Все возможности — на виду

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

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

image12.pngПример удачной карты сайта

10. Форма регистрации и заказа: чем лаконичнее — тем лучше

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

image2.pngimage1.png

11. Заметное длинное поле поиска

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

Еще один важный момент — длина поля поиска. Согласно исследованию Якоба Нильсена, в среднем туда вмещается 18 символов, а оптимальная длина — 27 символов. В 90% случаев сюда поместится даже длинный запрос, чтобы пользователь его полностью увидел и исправил при надобности. Для установки нужной ширины используйте относительную единицу «em», равную размеру используемого шрифта.

image13.png

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

12. Больше свободного пространства

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

image14.png

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

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

www.ashmanov.com

Что есть юзабилити

Давайте рассмотрим путь мышки в руках посетителя вашего проекта:

путь курсора пользователя

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

Чтобы ответить на эти вопросы приведу простой пример из жизни. Вот буквально недавно мы с Антоном ездили в мебельный салон, где купили кресло-качалку. Давно я ее хотела и вот наконец-то получила :). Когда меня спрашивают: «Почему я выбрала именно ее?» Я отвечаю не задумываясь: «Потому что среди всех она оказалась более удобной!» Надеюсь вам понятна аналогия?

пример

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

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

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

Какие же принципы юзабилити можно выделить:

принципы-юзабилити

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

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

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

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

Статьи в тему:

Проверка на ошибки сайта онлайн: предупрежден, значит вооружен

Как проверить пунктуацию и орфографию в тексте онлайн: будь грамотным

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

Статьи в тему:

Цветовая палитра сайта и виды цветовых моделей

Как увеличить посещаемость сайта с помощью психологии цвета

Основные принципы в подборе цветов и как выбрать цвет для сайта

5. Контент. Информация, размещаемая на блоге, является его основой, смыслом. Читатель должен легко воспринимать текст. Если же статья вызовет трудности, то скорее всего пользователь закроет ваш сайт и пойдет искать новый, более понятный и удобный. А вам это надо? Думаю – нет!

Статьи в тему:

Что такое контент для сайта, его виды и правила наполнения

Где брать контент для сайта? Плюсы и минусы платных и бесплатных источников

«Почему важны так эти принципы?» – спросите вы. Да потому что применение этих принципов позволит вам улучшить юзабилити своего ресурса. В свою очередь юзабилити поможет вам:

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

повышение-посещаемости

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

Рекомендации по юзабилити сайта

Давайте рассмотрим 3 кита, на которых стоит юзабилити.

1. Заботимся о восприятии информации посетителем:
— меню не более 8 пунктов. Нагромождение разных пунктов только запутает пользователя, поэтому выделяем самые необходимые и актуальные для ресурса моменты.
— отражение темы статьи в ее начале. А потом уже планомерно раскрываем суть темы. Читатель сразу должен понять: это то, что он искал или нет.
— форматируем текст. Читатель лучше и легче воспринимает текстовую информацию, изложенную аккуратным, читабельным шрифтом. Структурируем текст (выделяем абзацы, подзаголовки, используем нумерацию и таблицы).

2. Экономим время посетителя:
— высокая скорость загрузки страниц (не более 2 секунд). Наверное не стоит объяснять, насколько сейчас важен этот параметр для современного пользователя интернет-ресурсом, который постоянно куда-то спешит. Скорость загрузки зачастую зависит от работы вашего хостинг-провайдера, от работы сервера, от веса страниц. Поэтому к выбору хостинга нужно подойти разумно.

Статьи в тему: 

Что такое домен и хостинг простыми словами

Отличный хостинг для Вордпресс — наш выбор Fullspace

— убираем ошибки в коде и в шаблоне. Если вы не верстальщик и особо не разбираетесь в кодах, то заказать верстку кода лучше специалисту (например, на фрилансе). Шаблон лучше выбирать платный, дабы избежать всевозможных вредоносных кодов и зашитых ссылок.
— правило 3-х кликов. За 3 клика посетитель должен попасть на желаемую страницу. В противном случае слишком длинный путь может надоесть ему и он, не дойдя до нужной ему страницы, просто ее закроет.
— обязательно делаем форму поиска. На крупных блогах накапливается очень много постов на разные темы и чтобы не плутать по всем разделам, пользователь может воспользоваться формой поиска по блогу и в результате находить интересующую его информацию за считанные секунды.

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

blog-bridge.ru

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

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

Удобство освоения

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

Результативность и эффективность

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

Запоминаемость

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

Устойчивость к ошибкам

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

Удобство сайта для пользователей

Соответствие требованиям посетителей

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

Продуктивность и миссия

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

Контроль

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

Проверка юзабилити сайта

Проверка эффективности

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

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

www.darvin-studio.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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

Adblock
detector