Как повысить юзабилити сайта — 3 важных совета

Как повысить юзабилити сайта — 3 важных совета

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

Как повысить юзабилити сайта — 3 важных совета

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

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

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

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее

удобство и простоту навигации;

логичное и комфортное расположение разных элементов;

продуманную структуру меню и элементов управления;

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

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

Для чего нужно повышать юзабилити?

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

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

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

Если сравнить два сайта с одинаковым уровнем доходов на рекламу, но разным уровнем usability, то можно сделать такие выводы:

у сайта с более высоким уровнем юзабилити больше поток клиентов;

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

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

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

С чего начать работы по улучшению юзабилити?

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

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

Составляется список поисковых запросов по тематике вашего ресурса.

Определяются роль и задачи проекта.

Изучаются отзывы клиентов в соцсетях, форумах, сайтах.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее

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

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

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

Совет 1. Используйте принципы визуальной иерархии на вашем сайте. Профессиональные веб-дизайнеры знают: люди не читают всю информацию на веб-странице — они ее сканируют, причем, по определенному узору. Обычно это узоры в виде буквы «F» или «Z».

Как повысить юзабилити сайта — 3 важных совета

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

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

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

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

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

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

Как повысить юзабилити сайта — 3 важных совета

Совет 2. Сделайте идеальное «лицо» сайта — главную страницу. Вот несколько рекомендацию по улучшению юзабилити главной страницы:

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

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

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

Совет 3. Уделите особое внимание оформлению текстов. Что имеет особое значение:

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

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

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

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

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

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

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Рисуй крутые сайты, получай заказы и путешествуй!

Пройди практический видео курс по веб-дизайну

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree