Наш блог

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

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

15.03.16
1042

Наверняка вы хотите узнать, как именно посетители воспринимают сайт? Сделать это довольно просто. Просто представьте, что вы говорите по телефону с директором и в это самое время вас набирает кто-то из родственников, у вас еще 4 часа работы, на часах 17:00, а сегодня вам нужно успеть домой к 19:00 на день рождения тещи. Представили? А теперь ко всему этому ужасу прибавьте необходимость выбрать в качестве подарка кухонный комбайн. Вы начинаете ходить по сайтам в поисках самого лучшего варианта. Добро пожаловать в мир посетителей коммерческих сайтов!

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

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

Что такое usability, и почему оно так важно?

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

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

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

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

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

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

Юзабилити и веб-разработчики

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

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

Особенности восприятия информации в интернет-пространстве

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

Приемы и правила юзабилити

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

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

Навигация

1. Желательно сделать одинаковую навигацию для всех страниц сайта.

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

3. В шапке и в "подвале" сайта должна содержаться контактная информация (хотя бы номер телефона).

4. Всех страницы сайта должны иметь меню первого уровня (желательно и второго).

5. Страница должна содержать название раздела.

6. Желательно расположение указателя "Вы находитесь здесь" (выделение текущего раздела в меню).

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

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

Исследования показывают, что пользователи часто ищут информацию на сайте с помощью внутреннего поиска, не прибегая к системе навигации. Каким образом определить - когда необходим внутренний поиск по сайту, а когда нет? Якоб Нильсен приводит следующее правило: "Практика демонстрирует, что если на сайте доступно менее 100 страниц, то посетитель может вполне обойтись и без применения кнопки «Поиск». Если же сайт содержит от 100 до 1000 страниц, то желательно разместить на нем простой поисковый механизм. Если количество страниц превышает 1000, то в этом случае стоит задуматься о создании эффективной поисковой системы на сайте".

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

1. Идеальный вариант – это размещение на всех страницах сайта в верхнем правом углу формы поиска.

2. Наиболее оптимальная длина поля для ввода запроса составляет 27-30 символов.

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

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

5. Используйте функцию проверки орфографии, так же как и в глобальных поисковых системах. Ввод поискового запроса с ошибкой должен выводить строку "Возможно, Вы имеете в виду [правильное написание запроса]?"

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

Главная страница – это в первую очередь лицо сайта, поэтому:

1. Задача главной страницы - объяснение, что из себя представляет сайт и для чего он был создан. Обычно выполнение данных функций осуществляет текст приветствия и слоган.

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

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

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

К главной странице в полной мере относятся все прочие требования по навигации, элементам, поиску и так далее.

Текст и правильное его оформление

Во время написания текста для сайта помните о двух основных правилах:

1. Старайтесь писать короткие тексты.

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

Следующие рекомендации помогут оформить текст самым подходящим образом:

1. Размер основного шрифта должен быть не менее 12 px пунктов (что примерно равняется привычным 10 pt в MS Word).

2. При выборе шрифтов следует прибегнуть к относительными величинами (исключите фиксированный размер).

3. Во время выбора типа шрифта нужно ориентироваться на то, что изображено на мониторе (то, что изображено на бумаге выглядит совсем иначе). Лучше читается текст, набранный шрифтом "без засечек". Это такой шрифт как: Arial, Arial Black, Tahoma, Verdanа. Шрифты "с засечками" – это Times New Roman и Georgia.

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

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

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

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

Дизайн для людей с ограниченными возможностями

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

Приемы, которые смогут сделать сайт доступным для всех:

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

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

3. Научите формы взаимодействию с экранными дикторами. Реализуется это с помощью тэга label, который связывает поля формы и текст подсказок.

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

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

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

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

Что делать в том случае, когда сайт уже существует?

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

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

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

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


Другие статьи категории: Дизайн
Поделиться с друзьями

Сделайте заказ услуги прямо сейчас