Точно зная, что интересует пользователей, что ими движет, что увлекает и впечатляет, собственник сайта сможет максимально сориентировать контент на своих пользователей. Прислушавшись к мнению пользователей веб-сайта, можно найти самые серьёзные проблемы и недостатки интернет-магазина и на основании подобных замечаний успешно доработать ресурс. При этом пользователи непременно оценят все плюсы произошедших изменений, о чём собственник узнает, увидев интенсивно растущее число посещений.
10.2 Создание модели юзабильного сайта
Прежде чем вносить изменения непосредственно на сайт, лучше всего подготовить тестовую версию, модель. Проще оценить имеющийся прототип, чем говорить об общей концепции, не имея научного примера.
При создании модели юзабильного сайта важно учитывать следующее:
1. “Правило трех кликов”. Важно, чтобы необходимая пользователю, продающая и важная информация была доступна благодаря не более трем кликам.
2. При разработке сервиса важно не просто обеспечить возможность легко добраться к его основным функциям, но также сделать их сразу заметными для посетителей. К примеру, для досок объявлений на главной странице важно разместить заметную кнопку «Добавить объявление», на других страницах также следует вывести эту кнопку возле списка последних добавлений.
3. Важна на сайте статистика Google Analytics или другая подобная, главное – чтобы она позволяла отслеживать перемещения пользователя, определять его действия. Далее определяются точки выхода и страницы, на которых пользователи дольше всего находятся – им стоит отдельное внимание уделить, когда проводится юзабилити аудит сайта.
4. «Пользователь пришел за чем-то, это что-то он должен получить». К примеру, если найдена главная страница сайта по товару, который находится далеко в каталоге, никто искать эту информацию уже не будет. Посетитель просто уйдет, затаив злобу на «обманщиков».
5. Поиск/фильтры поиска. Дайте пользователю то, что он хочет. Поиск должен выдавать только релевантную информацию. А фильтры должны быть помощниками, эффективно отсеивать ненужные категории.
6. Страница оформления заказа. Как упомянуто выше, количество отказов на странице оформления заказа — это почти половина из всех дошедших до нее пользователей. И хотя, причиной могут быть другие проблемы на сайте, не малую роль в этом играет юзабилити и эргономика сайта.
Желательно наличие небольшого количества полей ввода в форме (если форма очень объемная и требует от пользователя ввода многих данных, лучше разбить ее на несколько шагов, а также по возможности отказаться от необязательных полей). По данным исследований, максимальной конверсией обладают короткие формы (где число полей не превышает 4).
Наличие капчи также существенно снижает конверсию формы, так как усложняет ее, а также говорит о «недоверии» сайта к пользователю и вызывает негативную реакцию.
На примере интернет-магазина http://spellcar.ru рассмотрим, как можно
сократить количество полей в форме оформления заказа, и какие есть для этого
инструменты.
Итак, в этом магазине правильно выбраны обязательные поля, большее их количество не требуется. Максимум, что можно сделать - для дальнейшей обработки заказа требуется e-mail, есть смысл выбрать это поле в качестве обязательного.
Такие поля как «Фамилия», «Имя», а наиболее ленивые еще и отчество просят, можно объединить в одно поле «Представьтесь» или «Ваше имя». Этого достаточно, чтобы позвонить клиенту и уточнить детали заказа. Поля, несущие информацию об адресе, объединить в одно поле - «Адрес». Остальные поля можете объединить в поле - «Комментарий к заказу».
Ниже приведем пример удачной формы оформления заказа:
7. Страницы товаров. Пользователь в первую очередь ориентируется на характеристики предлагаемых товаров или услуг. На основании полученной информации он принимает решение о покупке, именно поэтому она обязана быть исчерпывающей. Хорошим подспорьем станут качественные фотографии или видео.
8. Контент. Тексты на сайте должны побуждать к действию (звонку/покупке/регистрации). Пусть они будут конкретными и краткими. Особенность при чтении онлайн в том, что люди на самом деле не читают, а лишь «сканируют» заголовки и бегло пробегают текст, поэтому избегайте больших не структурированных блоков.
9. Цветовое решение. Один из наиболее важных пунктов. Даже отличный текст можно «убить», поместив на неправильный фон. Также, желательно, чтобы весь сайт был выдержан в одной цветовой гамме, сохраняя общий стиль.
С помощью цветового выделения можно эффективно управлять вниманием пользователя (например, выделяя призывы к действию и CTA-кнопки).
Приведем примеры цветовых решений:
10. Скорость загрузки страницы. Пользователь больше не хочет ждать. Скажем «спасибо» высокоскоростному каналу Интернета и запомним: если раньше за правило было до 8 секунд на загрузку страницы, то сегодняшний тренд — это 1 секунда.
11. Доступность. Помните, что есть люди с ограниченными возможностями. Не стоит пренебрегать ими как потенциальными покупателями.
10.3 Анализируемые параметры
Теперь раскроем основные, базовые моменты, с которых стоит начать проработку юзабилити. Стоит отметить, что все эти моменты достаточно полно и детально раскрыты в рабочих инструкциях, ссылка на которые давалась ранее.
Навигация
Нужно делать одинаковую систему навигации на всех страницах без исключения.
Наличие меню первого уровня на всех страницах улучшает взаимодействие. Если удастся сделать и меню второго уровня – отлично.
Логотип сайта очень важен. Традиционное расположение – верхний левый угол.
Все страницы должны иметь ссылку на главную и предыдущую страницу.
Важно дать пользователю понять, где он находится. Полезно применять в хлебных крошках надпись “вы здесь”
Чем проще система навигации, тем быстрее пользователи найдут искомую информацию.
Внутренний поиск
Исследования показывают, что пользователи редко пользуются навигацией по сайту, а сразу же ищут искомую информацию через систему внутреннего поиска. Но как же понять, нужна ли система внутреннего поиска или нет? Если на сайте менее 100 страниц, то особой необходимости в системе внутреннего поиска нет. Если от 100 до 1000 страниц, то наличие собственной системы поиска поможет посетителям лучше найти информацию. А вот когда количество страниц уже от 1 тысячи, то необходима эффективная система внутреннего поиска.
Форма запроса, в идеале, должна иметь одинаковое месторасположение на всех страницах сайта. Традиционная позиция – верхний правый угол.
Оптимальный размер поля ввода запроса на поиск – 30 символов.
Желательно делать поиск только внутренним, то есть по сайту. Для поиска в сети есть поисковые системы.
Оформляйте страницы поиска в стиле поисковиков.
Желательно включать проверку орфографии в своей внутренней системе поиска, как это делают поисковые системы. Это поможет пользователю понять, что запрос задан неверно, и он потом выберет правильный вариант из предоставленных.
Главная страница
Если говорить в общем, то к главной странице применяют те самые правила и рекомендации юзабилити, что и для всего сайта. Однако стоит помнить, что главная страница – это лицо всего сайта.
Посетитель сразу же должен понять, что это за сайт и зачем он вообще создан. Для этого используют текст приветствия или слоган компании.
Очень полезно сделать удобную систему поиска содержимого на главной.
Исследователи утверждают, что полезная информация, предложения и акции должны размещаться на главной странице, чтобы привлечь внимание.
Как утверждает известный специалист по юзабилити Круг, на главной странице сайта надо сделать ссылку или подсказку “откуда мне начать”. Это поможет пользователям быстрее понять, что надо изучить в первую очередь, чтобы не бродить по сайту в поисках полезной информации.
Текст и его оформление
Написание текста – очень важный и сложный процесс. Самое главное можно сформулировать в двух простых правилах:
Надо писать короткие и простые для восприятия и понимания тексты.
Использование принципа пирамиды дает свои результаты. Дело в том, что посетители намного эффективнее воспринимают информацию, когда сначала идут основные тезисы, а только потом более подробное изложение предложения и материала статьи.
По оформлению текста можно дать следующие рекомендации:
Размер шрифта – минимум 12 р. Если он будет меньше, то посетителям сложно будет что-то прочесть, а значит важная информация просто скользнет от их взора.
При подборе шрифтов для сайта надо помнить, что на экране монитора лучше всего читаются шрифты без засечек, такие как Arial, Tahoma, Verdana. А для печати на бумаге уже нужно применять TimesNewRoman и другие шрифты с засечками.
Не рекомендуется использовать больше двух шрифтов на сайте – это (по законам типографики) усложняет восприятие информации и ухудшает общее впечатление пользователя о сайте.
Не следует использовать более 4-х цветов в оформлении текста. Иначе слишком заметная игра цветов ухудшит восприятие информации.
При подборе размера шрифта лучше руководствоваться относительными величинами, а не абсолютными.
Полезно добавить на сайт возможность самостоятельно изменять размер шрифта. Дизайн для людей с ограниченными возможностями
10.4 Внесение рекомендаций по юзабилити
Для создания тестовой модели сайта важно не только выбрать факторы, по которым необходимо поработать сайт, но и грамотно донести до программиста как именно внести данные правки по юзабилити.
В том, насколько быстро и корректно программист реализует правки, основополагающую роль играет то, насколько грамотно вы донесете поставленную задачу.
Что необходимо знать и учитывать при составлении правок и последующем направлении их на реализацию программисту: