Дата публикации: 2017-01-09
От автора: вы когда-нибудь представляли себя на месте пользователя вашего сайта? Представьте, что вы говорите по телефону с начальником, тут вам пишет кто-то из родственников и напоминает о том, что сегодня обязательно нужно быть на дне рождении подруги брата кумы. Подарок у вас еще, естественно, не куплен. И вы понимаете, что у вас очень мало времени, чтобы выбрать подарок в интернете, и еще меньше — чтобы забрать его в магазине. Заходите на какой-то сайт. Блин, долго грузится, нет времени ждать. А на этом ничего не понятно — нет желания разбираться. А где здесь вообще меню?
Как вы уже догадались, в этой статье пойдет речь о том, как повысить юзабилити сайта и направить внимание его посетителей в нужную сторону.
Что такое юзабилити?
Этот термин вошел в широкое употребление относительно недавно, несколько лет назад. Сейчас это значимый аспект создания и продвижения любого сайта — ему посвящены книги, видеокурсы. международные конференции и т. д.
В широком смысле термин usability означает «степень удобства пользования тем или иным предметом». Синонимами этого понятия можно считать «дружественность», «удобство использования», «эргономичность». В частном случае, то есть, применительно к пользовательским интерфейсам, под юзабилити мы подразумеваем:
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении
логичное и комфортное расположение разных элементов;
продуманную структуру меню и элементов управления;
общую легкость восприятия веб-дизайна.
Это обязательно должны учитывать все мастера веб-дизайна и другие специалисты по веб-разработке.
Для чего нужно повышать юзабилити?
Конечно, не все посетители сайта являются суперзанятыми людьми, находящимися в постоянной суете и стрессе. Однако, в наш информационный век, когда количество «мусора» в интернете просто зашкаливает, людям приходится очень быстро фильтровать нужную информацию. Иначе можно просто-напросто погрязнуть в этом обилии сайтов, особенно если учесть, что визуальная и информационная составляющая большинства из них оставляет желать лучшего.
Несомненно, дурацкая навигация, неудобный интерфейс, странное сочетание цветов и т. д. отталкивают посетителей от вашего сайта. Зачем тогда, спрашивается, надо было столько денег тратить на продвижение своего ресурса в ТОП поисковой выдачи, если клиент «разворачивается и уходит» к конкурентам?
Повышение юзабилити сайта — это один из основных способов улучшения его поведенческих факторов и эффективности в целом. Другими словами, если улучшить юзабилити сайта, вы сможете увеличить глубину просмотра и уменьшить процент отказов, удержав посетителя на вашем веб-ресурсе.
Если сравнить два сайта с одинаковым уровнем доходов на рекламу, но разным уровнем usability, то можно сделать такие выводы:
у сайта с более высоким уровнем юзабилити больше поток клиентов;
сайт с более удобным интерфейсом имеет низкие издержки на call-центр и менеджеров, так как у посетителей меньше вопросов, связанных с поиском, навигацией, оформлением заказа;
уровень лояльности клиента выше к той компании, сайтом которой более комфортно пользоваться. Если компания заботится об удобстве посетителей веб-ресурса — значит, ей можно доверять.
Таким образом, улучшение юзабилити сайта можно рассматривать как возможность повысить конкурентное преимущество для компаний, которые используют интернет в качестве способа и источника привлечения клиентов.
С чего начать работы по улучшению юзабилити?
С тщательного анализа или аудита, который позволяет выявить актуальные проблемы сайта относительно его удобства для пользователей. В рамках аудита проводятся следующие работы:
Изучаются сайты конкурентов (дизайн интерфейса, навигационная структура, семантическое ядро, способы привлечения клиентов и т. д.).
Составляется список поисковых запросов по тематике вашего ресурса.
Определяются роль и задачи проекта.
Изучаются отзывы клиентов в соцсетях, форумах, сайтах.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении
Выявление проблем сайта, касающихся разных аспектов (внутреннего поиска, дизайна, навигации, контента и т. д.).
В результате детального анализа и применения наших советов по улучшению usability, представленных в этой статье, вы получите понимание того, что нужно сделать на сайте для удобства пользователей.
Советы по повышению юзабилити
Совет 1. Используйте принципы визуальной иерархии на вашем сайте. Профессиональные веб-дизайнеры знают: люди не читают всю информацию на веб-странице — они ее сканируют, причем, по определенному узору. Обычно это узоры в виде буквы «F» или «Z».
Узор в виде буквы «F» применяется для блогов или других сайтов с большим количеством и плотностью контента. Расположите важную информацию с левой стороны страницы, используйте разделительные элементы, короткие выделенные заголовки, буллиты т. п. В общем, старайтесь выделить и разграничить информацию так, чтобы пользователю было удобно ее воспринимать.
Расположение информации в виде буквы «Z» желательно во всех остальных случаях, когда нет таких больших блоков текста, как в блоге. Важную информацию лучше всего расположить вверху и внизу, так как именно эти части экрана пользователь будет сканировать наиболее тщательно.
К прочим принципам визуальной иерархии, которые нужно соблюдать, можно отнести:
размер и начертание шрифта. Мелкий шрифт люди не будут заморачиваться читать, крупный тоже не всегда уместен. Хотя вот что полезно знать: крупный шрифт посетители веб-ресурса читают в первую очередь. На этом контрасте можно сыграть, чтобы направить внимание пользователя в нужное русло. Разница в начертании шрифтов может сделать текст более динамичным, обеспечить призыв к действию;
цвет и оттенок. Иерархию значения информации также можно выставить с помощью контрастных цветов. С помощью ярких элементов можно выделить что-то важное, то, куда должен быть обязательно направлен взгляд пользователя. Особенно важен этот принцип иерархии для мобильных версий, так как другие принципы там применять проблематично;
модульная сетка. Сайт должен иметь четкую схему расположения всех блоков и элементов, своеобразный каркас, с помощью которого создается визуальный порядок и повышается юзабилити. Сетка из вертикальных и горизонтальных линий, из которых состоит макет, упрощает восприятие информации и является не просто рекомендацией, а обязательным требованием при разработке веб-дизайна.
Совет 2. Сделайте идеальное «лицо» сайта — главную страницу. Вот несколько рекомендацию по улучшению юзабилити главной страницы:
посетителю с первого взгляда должно быть понятно, на каком сайте он находится, и для чего тот был создан. Для этих целей можно использовать слоган, логотип, текст приветствия;
не поскупитесь на выгодные предложения, обзор содержимого сайта, последние публикации, подписку на рассылку новостей, строку поиска. На главной странице самый большой трафик, поэтому грех не использовать ее возможности по максимуму;
пользователю должно быть очевидно, куда ему двигаться дальше, и как перейти к любой необходимой информации. На главной странице можно использовать визуальные подсказки и другие элементы, повышающие удобство пользования сайтом.
Совет 3. Уделите особое внимание оформлению текстов. Что имеет особое значение:
длина и содержание текстов. Если тексты короткие, то они должны отражать суть описываемого предмета, если длинные — то «не переливать из пустое в порожнее». Уважайте время посетителей вашего сайта. Информация в текстах должна быть разделена на логические блоки при помощи абзацев и подзаголовков;
отсутствие резких визуальных эффектов. Ядовитый или сильно контрастный по отношению к фону цвет шрифта, бегущая строка, мигающие абзацы могут раз и навсегда отбить у людей охоту заходить на ваш веб-ресурс;
элементы оформления. Списки, картинки, подзаголовки — не обязательно, но очень желательны. Они позволяют структурировать и оформить текст, чтобы на него «любо-дорого» было глянуть;
отсутствие ошибок. Орфографические, пунктуационные, стилистические ошибки могут сильно подорвать репутацию вашего веб-сайта. Если не уверены в вашем копирайтере — наймите корректора.
Итак, если вы всерьез решили повысить юзабилити своего сайта, внедрите рекомендации, которые мы привели в данной статье. В противном случае, ваш посетитель, потенциальный клиент и покупатель может уйти на другой веб-ресурс. Запомните: у вас есть всего 2 секунды, чтобы донести до пользователя вашу концепцию и заинтересовать его.
Юзабилити — это, в первую очередь, проявление уважения и заботы о ваших клиентах. Чем комфортнее им будет на вашем сайте, тем больше доверия и лояльности они проявят к вашему проекту, бизнесу, компании. Им захочется возвращаться к вам снова и снова, покупать у вас продукты, заказывать услуги, читать статьи, рекомендовать вас друзьям.
Если вам нравится юзабилити нашего сайта, подписывайтесь на новые статьи и рекомендуйте их своим друзьям в соцсетях. А мы уже готовим для вас следующую статью по юзабилити, которая поднимет ваши usability skills до невообразимых высот. До новых встреч на страницах этого блога!
поведенческие факторы риска что это