Юзабилити сайта – это такой этап разработки, которым в Рунете почти никогда и никто не занимается. Ни верстальщик, ни программист, ни дизайнер. И только если владелец сайта перед разработкой задастся вопросом удобства своего будущего проекта и опишет пожелания в техническом задании – иногда получится что-то приличное. Но, это скорей исключения, т.к. владелец сайта в 100% случаев полагается на интуицию, а она очень часто подводит.
У меня каждую неделю несколько стандартных писем: «разработчики сделали сайт, рекламщики запустили рекламу, клики есть – продаж нет. Почему?».
В этой статье я не буду рассматривать случаи технической невозможности эффективной рекламы, когда товар или услуга невостребованна вообще или имеет малый спрос в интернете или тема в контексте заоблачно дорогая для начинающего и т.д.
Гораздо чаще, причины неуспеха сайта в более простых вещах: например, если пользователь не увидел в правой части шапки контакты фирмы – владелец теряет около 20% возможной прибыли.
ли забыли в главном экране (без прокрутки) указать, чем конкретно фирма занимается (это не фантастика, такие случаи сплошь и рядом) – отминусуйте ещё 20 процентов прибыли. Несколько таких косяков в оформлении и все усилия по разработке сайта пошли прахом. Большинство принципов юзабилити для простого сайта-визитки предельно просты, просто почти никто про них не знает.
Потому я постараюсь написать кратко и просто, а Вы пройдитесь по своему сайту и сверьтесь, что на нём есть, а чего нет:).
Что такое юзабилити сайта?
Для посетителя — это удобство в достижении цели, с которой он пришел на сайт. А для хозяина сайта — это увеличение посещаемости и конверсии, один из ключевых факторов, влияющих на поведение пользователя сайта. Мало того, юзабилити оценивается даже поисковыми системами и влияет на место в выдаче. Давайте рассмотрим, что именно делает сайт удобным.
Удобство или красота?
Начнем с очевидных вещей, которые, однако, нужно сказать. Просто великолепно, если ваш сайт и удобен, и красив одновременно, но, если для улучшения юзабилити сайта требуется пожертвовать красотой и дизайнерским замыслом, — ими следует пожертвовать. Пользователь всегда предпочтет красивому сайту удобный.
Корректная верстка
Если вы смотрите на сайт, и он прекрасно выглядит и работает, это, увы, еще не значит, что так будет у всех. Существует множество людей, которые всегда будут пользоваться Internet Explorer, а также фанатичные любители любого другого браузера. Потому сайт абсолютно необходимо протестировать для них всех, иначе, какими бы прекрасными услугами и товарами вы его не наполнили, кто-то просто не сможет ими воспользоваться.
F-образный шаблон – один из главных «секретов» юзабилити
Исследования говорят, что приходя на сайт, человек осматривает страницу по F-образному шаблону. Наибольшее внимание концентрируется в левом верхнем углу, а тому, что расположено в правом нижнем, его уделяется минимум. Посетитель просматривает информацию слева направо, потом переводит взгляд вниз, потом снова слева направо и так далее. Получается траектория похожая на букву F.
Вообще, правая сторона привлекает пользователя намного меньше, чем левая. Если речь, конечно, идет о человеке, который пишет слева направо (создавая сайт, например, на арабском, эти рекомендации следует читать с точностью до наоборот). Потому важные смысловые элементы не должны размещаться в правой колонке.
Если же по центру страницы разместить яркое и крупное изображение (например, фото товара), то первоначально взгляд посетителя будет привлечен именно им. В дальнейшем он начнет сканировать страницу по той же F-образной траектории, но информация левого верхнего угла будет уже безвозвратно пропущена. Если в левой колонке вы расположили какие-то важные элементы, лучше, чтобы яркое изображение находилось выше них.
Ну и конечно, целевое действие страницы — например, кнопка заказа услуги или отправления товара в корзину — должно находиться на траектории просмотра.
Ориентация на местности
Посетитель далеко не всегда начинает просмотр сайта с главной страницы. Очень многие приходят с поисковых серверов или с рекламы. Потому никогда не надо думать, что с какой-то информацией пользователь уже ознакомился раньше, информация, важная для понимания о том, где он находится, должна дублироваться на каждой странице.
Обязательные элементы:
- логотип компании
- название компании
- слоган, хотя бы частично поясняющий, что на этом сайте предлагается
- контактные данные компании
- меню
- цепочка ссылок до главной страницы («хлебные крошки») – возможно, но необязательно
В 95% случаях, когда я делаю аудит юзабилити – на сайтах отсутствует один или несколько из вышеперечисленных элементов. А это очень важно для эффективных конверсий.
Для юзабилити сайта очень важно сочетание цветов
На этот счёт есть простые и чёткие принципы юзабилити . О них можно прочитать в статье Подбор цвета для сайта — простые правила сочетания
Прокрутка (скроллинг)
Горизонтальной прокрутке просто следует отказать. Огромная часть посетителей, столкнувшись с ней, покинет сайт сразу.
Вертикальная же прокрутка не раздражает, но на первом видимом экране непременно должно быть что-то, что заинтересует пользователя. Он не должен покинуть сайт, даже не начав прокручивать.
Поля и отступы
Они должны быть обязательно. Текст без полей будет прочитан быстрее, но его смысл во многом ускользнет от посетителя — он будет просмотрен «по диагонали».
Шапка
Не стоит делать ее огромной, ведь кто-то просматривает ваш сайт с небольшого экрана нетбука или планшета. Да и на полноценном мониторе это редко выглядит красиво. Большинство посетителей, увидев одну шапку вместо контента, уже не станут его искать.
Кроме того есть стандартная информация, которую человек ожидает здесь увидеть — как минимум все те же логотип, название и контактные данные. Кстати, все также привыкли, что логотип является ссылкой, ведущей на главную страницу сайта.
Меню — горизонтальное или вертикальное?
Меню — основной инструмент навигации по сайту, потому оно не должно быть сложным. Идеальное меню — горизонтальное и одноуровневое.
Безусловно, огромное количество сайтов использует вертикальное меню. И это хороший выбор, если вам жизненно необходимо использовать в нем множество пунктов, и особенно, если количество этих пунктов будет увеличиваться. Но нередко можно увидеть вертикальное меню из трех-четырех пунктов в левой колонке. Место под ним тогда, зачастую, используют под рекламу. Делая так, вы отдаете рекламе самое ценное место своего сайта. Если вы не планируете расширять меню, лучше сделать его горизонтальным, а вместо левой колонки сразу начать знакомить пользователя с контентом, на котором вам нужно удержать его внимание.
Также, вместо вертикального, можно использовать и такой интересный вариант оформления меню, когда основные ссылки выделяются более ярким и крупным шрифтом, а второстепенные располагаются под ними.

Выпадающее меню тоже вполне можно использовать, но было бы неплохо предупредить посетителя об этом: внезапное мельтешение на экране, когда ничего не предвещало, может раздражать. Лучше всего обозначить это простым маркером вроде треугольника острием вниз около соответствующего пункта меню.
Если предполагается, что содержимое страницы будет длинным и пользователю придется прокручивать его, то горизонтальное меню для ускорения навигации можно продублировать в футере. С вертикальным меню такой номер не пройдет.
Пункты меню
Люди всегда хорошо реагируют на знакомые и привычные элементы интерфейса. Приходя на сайт, он ожидает увидеть в меню что-то вроде «О нас», «Услуги», «Контакты» и так далее. Если такие повсеместно используемые пункты меню будут названы иначе, посетитель просто может не обратить на них внимание.
Форма поиска, входа, регистрации и тому подобное
Как правило, такие формы располагаются вверху справа, и это, опять-таки, привычно для посетителя. Не следует заставлять его искать их по всей странице. Все эти второстепенные формы лучше размещать именно там, связывая с остальными элементами навигации.
(Но, конечно, не стоит полагаться на поиск, как на замену обычной навигации по сайту. Если пользователь не может найти что-то через меню, в большинстве случаев он этого вообще никогда не найдет.)
Ссылки
Ссылки должны быть выделены цветом и подчеркнуты при наведении, чтобы они не сливались с остальным контентом. Лучше, если посещенные и непосещенные ссылки будут разных цветов, — никому не нравится по ошибке ходить по ссылкам несколько раз. Приоритетный цвет ссылок синий и, если цветовая гамма сайта позволяет, стоит использовать для ссылок именно его.
Если ссылки являются картинками, к ним нужно добавить какой-то текст, чтобы пользователь представлял, куда именно при переходе по этой ссылке он попадет.
Анимация
В общем случае, анимация имеет право на жизнь, но ей не следует злоупотреблять. Не стоит развешивать по всему сайту падающие снежинки и мерцающие звезды. Слайдер непременно привлечет внимание посетителя, но излишнее мельтешение вызовет только головную боль и желание немедленно покинуть страницу. В любом случае лучше ограничиться одним анимированным объектом на странице.
Звук
Лучше вообще не использовать: кто-то музыку слушает, у кого-то дети спят, а кому-то начальник голову оторвет. При необходимости можно вставить на страницу плеер, который посетитель сможет включать и выключать самостоятельно.
Реклама
Если на вашем сайте есть реклама, она не должна быть избыточной и не должна затруднять доступ к основному содержимому (за это и в поисковой выдаче задвигают подальше). Также лучше не располагать рекламу во всплывающих окнах.
Мне кажется это, в целом, довольно несложные рекомендации. Тем не менее, соблюдение этих простых правил может очень помочь вам в деле достижения хорошей конверсии вашего проекта.
Если Вам нравится то, что Вы здесь прочитали — покликайте по кнопкам расположенным ниже, поддержите проект. sales-text.ru Термин «юзабилити сайта» вошел в широкое употребление сравнительно недавно, лет 5-6 назад. Но за это короткое время из очень узкой техническо-дизайнерской дисциплины юзабилити развилось в целую подотрасль интернет-маркетинга, которой посвящаются многочисленные международные конференции. И сегодня улучшение юзабилити сайта – такой же значимый аспект продвижения сайта, как, к примеру, проработка его внутренней структуры. Что подразумевается под термином юзабилити? Применительно же к сайтам, а если говорить точнее – к пользовательским интерфейсам, под юзабилити подразумевается: Почему так важно уделять внимание юзабилити? Это означает, что главная цель создателей сайта – суметь заинтересовать пользователя. Причем на достижение этой цели отводится буквально несколько секунд. Менее чем за полминуты случайному посетителю нужно объяснить, где он находится, чем этот ресурс отличается от других и какую выгоду можно здесь получить. Если человек не успеет получить эту информацию за те самые 27 секунд, он просто уйдет на другой сайт. Вопросами того, как привлечь и удержать на сайте посетителя, и занимается юзабилити. Как люди воспринимают информацию в Интернете? Первое, что должны уяснить владельцы и проектировщики сайтов: ни один пользователь не читает тексты в Сети так же, как журнал или книгу. Мы бегло просматриваем страницу, «выдергивая» из нее отдельные абзацы и предложения, которые кажутся нам наиболее интересными. При этом чем меньше в тексте подзаголовков, списков, выделений курсивом и других элементов структурирования, тем меньше его хочется читать. Результаты наблюдений за пользователями показывают, что большие сплошные тексты, без каких-либо признаков оформления, редко дочитывают даже до середины. Кроме того, большинство пользователей постоянно перемещается по сайту, поверхностно изучая его содержимое. За одну минуту они могут просмотреть с десяток страниц, оценивая каждую по степени полезности. Современные пользователи очень динамичны, что также необходимо учитывать при проектировании интерфейсов сайтов. С чего начинаются работы по улучшению юзабилити интернет-ресурса? Правила и приемы юзабилити: навигация — размещать на всех страницах логотип веб-ресурса либо его название со ссылкой на главную. Как правило, логотип находится в верхнем левом углу страницы; Кроме того, на всех страницах пользователю должно быть сразу понятно, что является, а что не является ссылкой. При этом сами ссылки на всем сайте должны быть подчеркнутыми, одинакового цвета и шрифта. Отметим, что разработка удобной и интуитивной навигации – один из краеугольных камней в создании сайтов. Внутренний поиск Итак, чтобы поиск на сайте был удобным, необходимо: — размещать его в верхнем правом углу на всех страницах; Кроме того, специалисты по юзабилити советуют оформлять страницу с результатами поиска по образу и подобию выдачи известных поисковых систем. На ней должны присутствовать поле для ввода запроса, ссылки на найденные страницы с их дескрипшеном (описанием). Также рекомендуется указывать раздел сайта, к которому относятся найденные страницы. Но всегда ли сайту нужен внутренний поиск? Известный эксперт по юзабилити Якоб Нильсен считает, что эффективный поиск обязательно нужно делать только на крупных ресурсах, содержащих более 1 000 страниц. Если же сайт содержит от 100 до 1 000 страниц, вполне можно обойтись и более простым поисковым механизмом. А на небольших сайтах с менее чем сотней страниц функции поиска должна выполнять навигация. Главная страница — С первого взгляда на главную страницу посетителю должно быть понятно, на каком сайте он находится и для чего он был создан. Чтобы облегчить процесс «опознания» ресурса, на главной странице не помешает разметить слоган компании и текст небольшого приветствия. Оформление текста — Тексты должны быть короткими, но содержательными. Помните, что посетители не читают длинные «простыни», а просматривают отдельные абзацы и предложения, за которые «зацепился» их взгляд. Пользователи с ограниченными возможностями — разработать навигацию с учетом того, чтобы управлять ресурсом можно было и без мыши, при помощи одной лишь клавиатуры; Конечно, аудит юзабилити не ограничивается лишь упомянутыми аспектами. Однако именно они во многом и определяют удобство использования того или иного сайта. Кто проводит аудит юзабилити? Словом, заботьтесь о вашем сайте и людях, которые на него приходят. Помните, что все деньги, вложенные в ваш сайт, рано или поздно обязательно окупятся! Доверьте ваш сайт Webcom Performance, специалисты проведут вам аудит сайта и разработают рекомендации по его улучшению. www.promo-webcom.by Структура сайтаОдним из главных и основных принципов юзабилити сайта является легкий доступ ко всем страницам ресурса, который поможет осуществить только грамотная структура сайта и правильная организация внутренней перелинковки. Когда для перехода с главной страницы на целевую пользователь должен сделать около 20 кликов, то подобная структура считается провальной. Ведь мало кто из посетителей дойдет в таком случае до конца. Еще на стадии проектирования необходимо создать четкую иерархию страниц сайта таким образом, что на любую его страницу можно было попасть практически в 3 клика. Внутренняя перелинковка сайта также должна помогать посетителям: например, ссылки на соседние разделы избавят их от лишних кликов, так они могут перейти туда, куда им надо, минуя возвращение на главную страницу. Оформление и дизайнОсновная задача дизайна сайта в рамках его юзабилити – это обеспечение максимального удобства для посетителей. В этом случае будет очень важно помнить и применять на практике принципы расположения основных элементов на интернет-странице. Ведь ее четкая и ясная организация поможет посетителям сайта легко ориентироваться на нем.
Иными словами страницы вашего сайта должны быть такими, чтобы пользователь, находясь на сайте впервые, при зрительном сканировании, смог сразу разобраться в его структуре. Контент страницыТекстовый контент страницы должен быть грамотно ориентирован на посетителей, отвечая на их вопросы и предоставляя именно ту информацию, которую они искали. А не вызвать у них новые вопросы. Учитывая тот факт, что пользователи обычно лишь бегло просматривают страницу, подавайте информацию в легкой и лаконичной форме. Отсюда следующее требование к контенту – он не должен быть слишком объемным. Обязательно правильно структурируйте текст, для того чтобы он легко читался. Разделение текста на отдельные абзацы поможет пользователям, быстро просмотрев страницу «по диагонали», найти необходимую им информацию. Также используйте информативные иллюстрации – иногда что-то проще показать, чем рассказать. Быстродействие страниц сайтаСкорость работы является еще одним слагаемым грамотно организованного юзабилити. Ведь в случае, когда страницы сайта долго загружаются, а огромные изображения долго открываются, это может вызвать только раздражение и желание уйти на другой сайт. Оптимизируйте свой сайт таким образом, чтобы его страницы загружались как можно быстрее, даже ценой отказа от красивых, но замедляющих работу элементов. ТестированиеТак юзабилити сайта направлено именно на живых посетителей, то тестирование также желательно проводить при их участии, т.к. автоматический инструмент в этом случае не даст вам достоверных результатов. Можно, например, из вашей потенциальной целевой аудитории отобрать группу людей. Во время тестирования поставьте им несколько задач: заказать услугу или оформить покупку на сайте, найти какую-то конкретную информацию или воспользоваться встроенным сервисом на сайте. На всех этапах отмечайте то, не вызывал ли у них затруднение переход на другие страницы сайта, как быстро участники тестирования находили нужные ссылки, сколько ошибок допустили и т.д. vlg1.ru Для самостоятельной разработки интерфейса нужно учитывать несколько простых правил:
Но даже спроектированный по всем правилам интерфейс стоит протестировать. Фокус-группы – самый доступный способ для тестирования «своими силами». Тестирование состоит из четырех этапов:
Оценка качества интерфейса должна проводиться на каждом этапе проекта. Не откладывайте тестирование юзабилити до самого последнего момента. Серьёзные ошибки просто нельзя будет исправить из-за того, что проект находится на завершающей стадии. И тогда — либо переделывать заново, либо получить низкий показатель юзабилити. Пример по теме Напоследок разберем типичные ошибки на примере сайта известного исполнителя Влада Топалова. Предположим, мы хотим договориться о выступлении с его менеджментом и хотим найти на сайте их контакты. И вот тут начинается квест! habr.com Зачем это нужноСогласно различным исследованиям, в среднем на одной странице люди проводят около 30 секунд. Кроме того, немногие пользователи просматривают страницу до конца. Это объясняется огромным количеством сайтов, на многих из которых размещена бесполезная или плохая информация. Люди привыкли к этому, и их нужно зацепить буквально в первые секунды. Помимо этого, человек должен легко ориентироваться на ресурсе, навигация должна быть интуитивно понятной. В этой области есть ряд стандартных и эффективных решений, но о них я расскажу ниже. Получается, что сайт с хорошим юзабилити должен сразу захватить внимание пользователя и удержать его, а также позволить ему легко попадать в любой раздел, даже если он на вашем ресурсе в первый раз. Многие разработчики стремятся к простым решениям, что совершенно правильно. В данном случае простота — залог успеха. В отдельных случаях простотой жертвуют из-за необходимости, но при этом всегда нужно быть очень аккуратным. Например, зеленый текст на черном фоне точно привлечет внимание, но вот пользоваться таким сайтом будет никому неудобно. Делаем удобный сайтКак человек воспринимает информациюЯкоб Нильсен проводил исследование, в ходе которого создал карту движения взгляда пользователя на сайте. Большинство людей воспринимают информацию так: На изображении видно, что люди смотрят в левую часть экрана. Это происходит подсознательно. Именно поэтому меню и прочие самые важные элементы на сайте добавляют чаще всего именно в левую часть. Это стало уже стандартом, поэтому в данном случае ничего нового придумывать не стоит. Люди привыкли к тому, что меню будет находиться либо слева, либо вверху сайта. Другие решения могут дезориентировать человека. Правило трех кликовДавным-давно кто-то придумал правило трех кликов, согласно которому пользователь с любой страницы сайта на любую другую должен перейти, совершив не более трех кликов. Очевидно, что для ресурсов со сложной структурой это не подойдет. Пример: «Главная страница – магазин – велосипеды – горные велосипеды – бренд». Уже получается, что человеку нужно сделать четыре клика. Но в данном случае нельзя сказать, что это плохо. Если исключить любой пункт, например, «горные велосипеды», то у пользователя на странице будет слишком много товаров, часть из которых ему не нужна (например, шоссейные велосипеды). Данный пример показывает, что на сайтах с большим количеством страниц и сложной структурой нужно думать не о трех кликах (или любом другом числе), а об удобстве пользователя. О навигацииНавигацию рекомендуется делать одинаковую на всех страницах сайта, то есть, однотипное меню, которое будет находиться в одном месте. Также к общепринятым нормам я отношу:
Не соблюдать эти нормы глупо. Просто потому, что все пользователи уже к ним привыкли. Их соблюдение можно назвать основами юзабилити в области навигации, выдумывать тут точно ничего не стоит, разве что этого требуют нестандартные решения в области дизайна, но это уже частные случаи. Если на сайте большое количество страниц, то обязательно нужно делать внутренний поиск. Обычно строку располагают в правом верхнем углу (как на моем сайте). Если количество страниц не превышает 900–1000, то будет достаточно совсем простого поиска, а если их гораздо больше, то имеет смысл делать сложный поиск (исправление ошибок, поисковые подсказки и т.д.). При этом никогда не стоит пытаться заместить плохую навигацию внутренним поиском. Возможность быстро найти нужную информацию — это всего лишь дополнительная опция. О контентеКачество контента и его оформление также напрямую относится к юзабилити сайта. Если у вас на ресурсе бессмысленные статьи плохого качества, то совершенно не важно, насколько хороши другие элементы. А если у вас отличные статьи, но ужасно оформленные, то уже их качество не имеет никакого значения — их не будут читать. Существуют общепринятые правила оформления текста, которые подойдут практически для любого сайта, и стоит им следовать, хотя бы из-за удобства для пользователей. Используйте стандартные шрифты вроде Arial, Tahoma, Verdana или похожие на них. Нестандартные шрифты можно использовать для заголовков, но для основного текста это будет не лучшим решением. Не каждому будет комфортно читать большую статью с таким шрифтом, пусть он и смотрится интересно: Черный шрифт на белом фоне — стандартное и оптимальное решение. Нестандартные варианты встречаются, но текст и фон должны быть контрастны, а ярких цветов следует избегать. Например, красный шрифт на зеленом фоне создаст сильную нагрузку на зрение, и большинству посетителей вашего сайта будет просто неприятно читать такой текст. Темный фон использовать допустимо, но и тут нужно очень тщательно выбирать сочетание цветов и оттенков. Хороший пример: Размер шрифта не должен быть меньше 12 пикселей. Также избегайте бегущих строк и мигающего текста — подобные приемы затрудняют чтение и многих людей попросту раздражают. Не нужно злоупотреблять жирным текстом, ключевые моменты можно выделять, но не стоит этого делать в каждом предложении. Важное значение имеет и качество контента. Существуют определенные правила написания и оформления статей, которые актуальны практически для любого ресурса. Вообще, это тема для отдельной статьи, но основные моменты, которые очень сильно влияют на юзабилити, я упомяну.
Как выявить проблемыПроблемы с юзабилити можно найти на любом сайте, в этом смысле предела совершенству быть не может. Существуют различные методы, анализ можно сделать самому, а можно прибегнуть к помощи специалистов. Явным сигналом о проблемах с удобством может служить снижение конверсии сайта. Изучение статистических данныхСтатистические данные могут дать довольно много пищи для размышлений. Есть очень продвинутые инструменты, например, «Вебвизор Яндекса», который позволяет посмотреть на ваш сайт глазами пользователя. Да, изучение таких данных займет много времени, но вам не требуется смотреть глазами каждого посетителя. Обычно обращают внимание на отказы и только на те, которые пришли по целевым запросам. Кроме того, обычная статистика также может подсказать слабые места на ресурсе. Вот скриншот из «Яндекс Метрики» с данными о посещаемости разных разделов на сайте: Я подчеркнул данные по одному разделу, который явно отличается от других. Глубина просмотра здесь значительно выше, чем в среднем, это можно сказать и про время на сайте. Количество отказов чуть ниже среднего значения по всему сайту. В чем тут дело? Все просто: этот раздел сайта полностью закончен, там есть перелинковка между статьями и дополнительные элементы навигации (рекомендуемые статьи). Уже это дало +0,64 глубины просмотра и +1 минуту и 13 секунд ко времени на сайте. Крайне простой способ, который позволит вам оперативно найти слабые места у вашего проекта. Далеко не факт, что проблемы будут именно в области юзабилити, но работать с веб-аналитикой все равно необходимо. Оценка пользователямиВ этом случае просят реальных людей оценить удобство сайта и дать развернутый отзыв. Можно попросить друзей, можно нанять сторонних специалистов, которые предоставят развернутые отчеты и дадут рекомендации. Если вы будете просить своих друзей или родственников, главное — соблюсти одно условие: они должны зайти на ваш сайт в первый раз. Есть такой эффект как «замыливание глаз», поэтому только новый пользователь сможет обратить внимание на слабые места, которые вы сами не замечаете, так как привыкли к своему ресурсу. ТестированиеТестирование — самый сложный способ, зато он дает самый лучший результат. Обычно используют фокус-группы из 5–8 человек, которые должны оценить сайт. Перед тестом определяют параметры, которые тестировщики должны будут оценить. Вариант не самый дешевый, но он действительно самый лучший. Собственно методов тестирования существует очень много, на эту тему есть приличное количество научных публикаций, поэтому я не буду вдаваться в подробности, так как в рамках одной статьи раскрыть тему полностью не получится совершенно точно. Для рядового вебмастера первых двух способов оценки юзабилити сайта будет вполне достаточно — они выявят самые критичные проблемы. ЗаключениеУдобство для пользователя сегодня должно быть на первом месте для любого сайта. Если вы хотите сделать действительно успешный проект, то у него не должно быть слабых мест. Ведь всегда найдутся конкуренты, у которых все идеально. Уделяя повышенное внимание юзабилити, вы закладываете прочный фундамент для будущего вашего сайта. И не забывайте, что хоть и есть общепринятые стандарты и рекомендации, экспериментировать никто не запрещает, а успешность каждого решения можно определить только после реальных тестов. www.seostop.ru 5 принципов юзабилитиТестировать юзабилити в теории невозможно, метрики Яндекса и Google отражают только фактические действия пользователей: страницы входа и выхода, отказы, время на сайте. Метрики не говорят, почему пользователь не оставил контакт, не купил, не подписался. 1. Простота и ясностьПользователь должен с первого взгляда понять, что он может получить на сайте и как он может этого достичь. Правильному пониманию сайта способствуют два параметра: дизайн и навигация. В рамках дизайна это:
В рамках навигации это:
Пример Headsets.comУровень отказов на сайте Headsets.com зашкаливал по отчетам Google Analytics. Проведя юзабилити тест, компания выяснила, что виной тому стала навигация, устроенная слишком сложно для пользователя. Товары на сайте были организованы, исходя из их технических характеристик. Не каждый пользователь обладал достаточными знаниями, чтобы сделать правильный выбор, а так, это приводило к бесцельным и безрезультатным переходам с одной страницы на другую. Задав потенциальным покупателям вопрос, для какого устройства они выбирают наушники, компания смогла реорганизовать навигацию по сайту, тем самым упростить задачу пользователю. Теперь меню сайта предлагает проводные и беспроводные наушники для офиса, для дома, наушники для компьютера и мобильных устройств. Правда, так легче выбрать?
Помочь пользователям можно. Для этого необходимо:
3. Качественно работающий поискПользователи, пришедшие на сайт за конкретным товаром, не хотят просматривать весь каталог, а хотят сразу найти интересующий товар. Именно поиск сокращает количество кликов к достижению цели. Совет. В интернет-магазинах с десятками тысяч позиций в каталоге невозможно реализовать доступность любого товара в 2-3 клика. Такие сайты могут размещать подсказку для пользователей:
4. Техническая сторона вопросаОптимизация внешнего вида сайта, контактов, навигации, футера бесполезны, если сайт недоступен или работает некорректно. Проверить:
5. ДоступностьИ здесь мы говорим не о скорости загрузки сайта и не о его отображении на различных типах устройств, а о возможности связаться с живым представителем компании в момент, когда пользователь испытывает трудности в работе с сайтом. Решение: проанализируйте контакты на сайте, какие действия требуются от пользователей, чтобы найти контакты на сайте, предлагает ли сайт достаточно каналов связи, понятно ли пользователю, кому адресовать проблему. GetGoodRank рекомендует:
Доступность компании — фактор доверия. Если компания не предоставляет пользователю возможности перейти в живое общение, доверие критично снижается.
Видимость контактов и различные способы связи — факторы, повышающие коммерческость сайта. Среди прочих равных сайт с правильно организованными контактами ранжируется выше. Как понять, чего хочет пользовательДля оптимизации юзабилити недопустимо полагаться на результаты исследований других компаний. Пользователи должны стать частью вашей команды. Только в ходе собственных тестов вы сможете понять, чего же хочет ваша целевая аудитория. Какие пользователи нужны для проведения юзабилити-теста?Истинно целевые пользователи — это аудитория, для которой непосредственно создан продукт или услуга. Четко определите, кто ваш пользователь. Создайте пользовательские прототипы. Опытные пользователи — это пользователи «в теме», которые уже являются постоянными посетителями других сайтов и сервисов и знают все «косяки» пользовательского опыта. Именно они укажут на все недостатки и дадут ценные рекомендации. Неопытные пользователи — такой подход поможет выявить слабые места в доступности и понятности, простоте для тех, кто не обладает достаточными знаниями для использования таких сайтов.
Почему юзабилити-анализ всегда неточен?Любое тестирование сайта на фокус-группе даст неточный результат. Потому как пользователи будут подготовлены и настроены именно на тестирование, а не на обычное взаимодействие с сайтом. Юзабилити-тест проводится на достаточно небольшой выборке пользователей. Получить объективные результаты оценки юзабилити можно без дорогостоящих юзабилити-аудитов, проводя рандомные опросы посетителей сайта в момент завершения сессии. Реализовать опрос можно через Google Forms. Недостаток метода:
Помните: пользователи редко изучают сайт в идеальных условиях, сидя в спокойной обстановке за компьютером и имея достаточно времени на понимание того, как же работает ваш сайт, и как воспользоваться сервисом. Как правило, пользователи изучают сайты в спешке, между делом, в потоке других задач. Именно в таких ситуациях ваш сайт должен быть максимально доступен, понятен пользователю и прост в использовании. Тестер выполняет поставленную задачу. Пользователь выполняет «хотелку», если желание пропадет, пользователь даже не завершит начатое. Не все тесты проводятся на разных типах устройств. Исследование Google показывает, что: «…Только за последние три года частота одновременного использования нескольких устройств возросла на 500%, при этом 90% интернет-пользователей решают такие задачи, как совершение покупок, планирование поездки или просто просмотр чего-либо, с помощью нескольких устройств.» blog.getgoodrank.ru Основное определение юзабилити сайта
Говоря простым языком что это такое? Правильно построенную и понятную страницу можно сопоставить с витриной магазина. Таким образом, нужно понимать и разрабатывать интерфейс так, чтобы за минимум времени объяснить посетителю, где он и что ему следует сделать далее. Кроме того, заинтересованность еще никто не отменял, в худшем случае человек просто уйдет. Факторы юзабилити
Существует лучшие критерии основы, которые помогают правильно организовать юзабилити сайта. К ним относятся:
Основные правила юзабилити
Дизайн сайта Веб Дизайн обязательно нужно делать приятным и красивым, чтобы смог понравиться пользователю. Контент с легкостью читаться и восприниматься, а юзеры не должны уставать при долгом нахождении здесь. Я бы порекомендовал делать фон светлее, а буквы черными, что, на мой взгляд, улучшает восприятие информации. В идеале, сделайте сайт отличным от других. Скорость загрузки страниц На качество юзабилити огромное значение оказывает скорость загрузки, ведь люди не привыкли долго ждать, а лучше перейдут на другой ресурс. Именно для того, чтобы удержать посетителей, необходимо позаботиться о скорости. На загрузку влияют верстка, оптимизация, хостинг и другие факторы. От себя рекомендую выбирать качественный и надежный хостинг, об этом у меня есть отдельная статья. Универсальность браузеров Сайт должен работать быстро и качественно в различных браузерах, не исключение составляют мобильники и планшеты. Для этого просто установите разные браузеры и протестируйте сами на них свой ресурс. Если все видно хорошо, то вообще отлично. Качество статей Качество контента в информационном плане должно быть на высшем уровне. Статьи следует делать актуальными и полезными, в тексте полностью устранить опечатки и недочеты. В этом случае чем чаще сайт будет проходить обновления, тем больше опубликуется свежих материалов, отсюда и высокая посещаемость и более правильное seo. Навигация «хлебные крошки» и интерфейс Навигация и удобный интерфейс – это вообще отдельная тема. Думаю, вы со мной согласитесь, что на простом и понятном сайте намного комфортнее находиться, чем искать часами нужную информацию. Посетитель должен сразу видеть куда ему кликнуть. Рекомендую делать горизонтальное меню вверху, сайтбар и нижнее меню. Для наиболее легкой навигации пригодится кнопка «вверх». Особенно полезна карта сайта со всеми подразделами и статьями. Реклама Огромное множество рекламы может оказать неблагоприятное влияние в дальнейшем на посещаемости. Именно поэтому она должна находиться в пределах разумного. Назойливые всплывающие окна также не приносят радости и отпугивает посетителей. Гарантия надежности Какой сайт лично у вас бы вызвал доверие? Конечно с присутствием контактных данных, вкладки «О компании», различными сертификатами, отзывами и реквизитами (если речь идет об интернет – магазине). Позаботьтесь об этом обязательно, тогда посетители начнут доверять вам. Кнопка поиска Данный критерий является вторым по важности после основной иконки. Благодаря поиску, посетитель моментально найдет нужную ему информацию и останется на сайте. Простота использования сайта Сделайте пребывание посетителя максимально простым, то есть используйте правило 3 кликов, правило 1 секунды, неправильной пирамиды, близости элементов и прочие идеи. Мобильная версия Наличие мобильной версии сайта делает его еще более привлекательным. Сейчас большинство пользователей сидят в интернете с мобильных телефонов, поэтому им важно быстро найти ту или иную информацию в любом удобном месте. Titles (заголовки) Заголовки нужно делать конкретными, но полностью отображающими суть темы и содержание контента. Посетитель, перейдя по ссылке, должен сразу понимать, о чем идет речь. Поисковики так намного быстрее сканируют релевантность и контент страниц, определяя уместность этих заголовков. Важность юзабилитиВы спросите меня: «Почему же настолько важна проверка юзабилити?» Все потому, что эти правила позволяют увеличить параметры юзабилити. То есть оно поможет вам:
Тестирование юзабилити онлайнАнализировать юзабилити сайта особенно важно, ведь именно этот процесс позволяет проверить различные возможные проблемы с интерфейсом, а также улучшить его удобство. Оценка юзабилити бывает количественной и качественной. Расскажу вам о них вкратце. К качественной оценке относятся:
К количественной оценке относятся:
Тест на юзабилити сайта можно осуществлять самостоятельно с помощью специальных онлайн сервисов. Приведу примеры самых надежных и проверенных из них. и дам советы по данной проблеме. Оценка с помощью сервисов бесплатно
Разработка улучшения юзабилитиДля того, чтобы повысить юзабилити блога, необходимо сделать его аудит или тестирование. На первый взгляд звучит легко и просто? На самом же деле это упорная работа. Не бойтесь, я расскажу вам как провести аудит самостоятельно. Тестирование проводится в три этапа:
Для того, чтобы выявить проблемы с проектом достаточно будет пяти человек. В этом случае, чем больше страниц будет протестировано, тем лучше. Не стоит откладывать аудит на самый последний момент, так как провести корректировку лучше на начальном этапе. Мини чек лист по юзабилити
Чтобы сделать хорошее юзабилити, необходимо планировать свой ресурс, то есть понять, зачем он разрабатывается, кто должен его посещать, когда и зачем юзеры должны переходить по ссылке. Ответив на данные вопросы, вы сможете определиться с целями вашего ресурса. Они, в свою очередь, зависят от самого сайта и его целевой аудитории. То есть в зависимости от предполагаемых целей, сайт должен быть:
Эти цели являются основополагающими для множества ресурсов, но можно определить и другие. В заключениеСегодня мы узнали о юзабилити сата следующее:
Главное понять, что людям совершенно не важно, как построен ваш проект и какие могут возникнуть трудности во время его разработки. Им намного важнее, чтобы было удобно использовать. Именно поэтому так важно правильное юзабилити и ответить на вопрос как провести аудит. И в заключении видео, от практиков улучшения, видео очень полезное, я посмотрел и многое осознал. wpsovet.ru |