10 советов по юзабилити сайта, основанных на результатах исследований

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

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

1. Забудьте про правило "трех кликов"

Идея о том, что пользователь будет расстроен, если ему придется кликнуть более трех раз, чтобы найти нужный контент на вашем сайте, уже много лет витает в воздухе. В 2001 Джефри Зелдман (Jeffrey Zeldman), признанный авторитет в сфере веб дизайна, написал, что правило "трех кликов" "может помочь вам создать сайт с интуитивной, логической и структурной иерархией", в своей книге "Реализуйте свой талант в веб" (Taking Your Talent to the Web).

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

Но почему устанавливается предел из трех кликов? Есть ли какие-нибудь сведения о том, что пользователь внезапно отказывается от того, что искал, если ему приходится кликнуть более трех раз?

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

Результаты исследования, проведенного Джошуа Портером (Joshua Porter) и опубликованные на сайте User Interface Engineering (Технология интерфейса пользователя), показывают, что желание пользователя отказаться от результатов не увеличивается с ростом числа кликов. "Едва ли кто-то откажется от результата после трех кликов," утверждает Портер.  На рисунке ниже показана зависимость отказов и успешных завершений задачи от количества кликов. Если бы правило трех кликов работало, то кривая успешных завершений задач должна была бы опуститься и находиться значительно ниже кривой количества отказов. Но они расположены на одном уровне. Пользователь может отказаться от достижения желаемого результата уже на втором клике, а может терпеливо пролистать 25 страниц.

Зависимость количества отказов от количества кликов

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

Источники:

2. Используйте для размещения контента F-образный шаблон

Якоб Нильсен (Jakob Nielsen), пионер в области юзабилити, провел исследования движения взгляда пользователя при чтении веб страниц с участием более 250 человек. Результаты показали, что участники сканируют страницу взглядом по F-образному шаблону.

Исследования Якоба Нильсена

Похожее исследование проводили маркетинговые фирмы Enquiro и Did-it при участии исследовательской фирмой Eyetools. Были получены схожие результаты при оценке движения взгляда по странице с результатами поиска Google у 50 участников. Полученная фигура концентрации взгляда получила  название "Золотой треугольник Google" , потому что внимание концентрировалось в верхнем левом углу. Результаты исследования соответствовали F-образному шаблону, который получил Нильсен при проведении независимых опытов.

Золотой треугольник Google

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

Источники:

3. Не позволяйте пользователю ждать: увеличьте скорость вашего веб сайта

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

Есть. Поисковая система компании Microsoft проводила анализ зависимости между скоростью страницы и несколькими индикаторами, такими как, удовлетворение пользователя, доход с пользователя, и количество кликов. В результате выяснилось, что увеличение на 2 секунды задержки отклика страницы уменьшает удовлетворение пользователя на 3.8%, уменьшает доход с пользователя на 4.3%, и уменьшает количество кликов на 4.3%, и это без учета остальных факторов. Для такой большой компании как Microsoft, даже 4.3% потерь в доходе с пользователя оборачиваются многомиллионными потерями в доходах.

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

Что можно сделать для улучшения производительности страницы? Использовать CSS спрайты и различные инструменты для тестирования страниц, чтобы выявить узкие места и направления работ по оптимизации кода.

Источники:

4. Сделайте ваш контент более легким для чтения

Пользователи интернет в действительности не читают содержимое страниц в онлайне, по крайней мере, в соответствии с исследованием доктора Нильсена посвященного поведению людей на его веб сайте. Его анализ показывает, что читают только 28% текста на странице, причем, чем больше текста, тем меньше процент прочитанного.

Зависимость усваиваемого текста от количества слов на странице

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

Источники:

5. Не беспокойтесь о "сгибе" и вертикальном прокручивании

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

Значит длинные страницы - это плохо? Следует ли нам впихивать все в верхнюю часть шаблона, потому что люди не хотят ничего читать ниже сгиба?

Ответ на поставленные вопросы - "Нет", в соответствии с отчетом аналитической компании Clicktale. Результат их исследований показывает, что длина страницы не влияет на вероятность того, что пользователь прокрутит страницу вниз.

Зависимость вероятности прокрутки страницы от длины страницы

А исследование, проведенное Джо Личем из компании CX Partners, показывает, что малое количество контента над сгибом побуждает пользователя искать продолжения ниже.

Исследования Джо Лича

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

Источники:

6. Размещайте важный контент слева на странице

Основная масса посетителей наших сайтов - это люди, выросшие в культурной среде с направлением письма слева направо. Поэтому основное внимание посетителей направлено на левую сторону страницы - как минимум 69% времени посещения страницы, в соответствии с результатами исследования доктора Нильсена, в котором участвовало более 20 пользователей.

Зависисмость времени просмотра элемента от расстояния от левой границы

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

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

Источники:

7. Пробелы в тексте влияют на уровень восприятия информации

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

Изучение легкости чтения, которые проводились на 20 участниках,  заключалось в представлении испытуемым одинакового текста с различными установками отступов окружающего текста и высоты строки (расстоянием между строками). Результаты показали, что текст без отступов читается быстрее, но его восприятие ухудшается. Более высокая скорость чтения при отсутствии полей объясняется тем, что текст и параграфы расположены более плотно, а в результате требуется меньше времени на перемещение взгляда с одной строки на другую.

Влияние полей на вопрсиятие текста

Источник:

8. Маленькие детали делают большие изменения

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

Но иногда что-то мелкое, как, например, кнопка формы, может оказать существенное влияние на успех сайта. Эксперт по дизайну интерфейсов Джаред Спул (Jared Spool), написал статью о том, что удаление кнопки и замена ее простым сообщением об ошибке, позволило пользователям избегать ошибки в процессе работы, что в конечном итоге привело к увеличению прибыли на $300 миллионов в год.

Дизайнерская компания Flow также отмечала важность внимания к деталям. Они обнаружили, что ревизия страницы с информацией об ошибке так, что в нее включили полезный текст с подсказкой, увеличила финансовую отдачу на 0.5% в месяц, что в конечном итоге привело к получению дополнительной четверти миллиона фунтов в год с сайта.

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

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

Источники:

9. Не надо полагаться на поиск в качестве поддержки плохой навигации

Пользователи предполагают, что навигация по сайту будет простой и хорошо организованной. Даже при наличии отличного поискового механизма по сайту, посетители предпочитают сначала использовать навигацию. В соответствии с исследованием, проведенным Джерри Макговерном(Gerry McGovern), более 70% участников выполняли поставленную задачу на сайте с помощью ссылок на странице и не использовали функцию поиска.

Подобные результаты были получены в UIE(User Interface Engineering) в ходе исследований, в которых принимало участие 30 пользователей, по отслеживанию задач электронной коммерции. Анализ результатов показал, что "пользователи часто склоняются к использованию поискового механизма в случаях, когда ссылки на страницах не устраивают их по каким-либо причинам." Таким образом, поиск часто используется только если пользователь не может найти то, что ему нужно на текущей странице.

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

Источники:

10. Ваша главная страница не так важна, как вы думаете

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

В соответствии с результатами анализа, который провел Джерри Макговерн, количество просмотров страниц, которые направлены с главной страницы сайта, уменьшается драматически. Он отмечает падение с 39% в 2003 до 2% в 2010 для количества переходов с главной страницы на большом сайте, созданном для исследований. Такая тенденция дважды подтверждалась  на другом сайте, который он исследовал.

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

Источники:

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: sixrevisions.com/usabilityaccessibility/10-usability-tips-based-on-research-studies/
Перевел: Сергей Фастунов
Урок создан: 5 Ноября 2010
Просмотров: 127226
Правила перепечатки


5 последних уроков рубрики "Юзабилити"

  • Мифы о почтовом маркетинге

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

  • Когда пользователи оставляют поле поиска пустым...

    Думаю, вы как и я уделяете кучу времени, пытаясь усовершенствовать каждую деталь вашего сайта: от превосходного отображения на различных устройствах, до создания занимательных страницы 404! В то же время, вы когда-то задумывались, что произойдёт, если пользователь оставит поле поиска пустым, а затем нажмёт Enter?

  • Разумная достаточность: что это означает при заполнении форм?

    Термин “разумная достаточность” относится к склонности человека использовать минимальные ресурсы для успешного завершения работы. Это явление, которое осуществляется на подсознательном уровне: чаще всего мы даже не задумываемся о том, что сейчас нам необходимо использовать самый минимум усилий для выполнения определённой задачи.

  • Семёрка дизайнерских тенденций, формирующих будущее UX

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

  • Три устаревших UX подхода и их альтернативы

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

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 5 Ноября 2010 18:37
    cbell
    Они исследовали движения глаз на F-образном шаблоне и пришли к выводу, что глаза движутся по F-образному шаблону? Гениально.
  • 5 Ноября 2010 18:51
    Валерий
    Я знаком с другими исследованиями, глаза "сканируют" S(S-зеркально)-образом.
  • 6 Ноября 2010 11:07
    allximik
    По поводу правила трех кликов написан какой-то бред. В чем смысл проводить такое исследование? Ясно лишь одно, что чем дальше ты в структуре запрячешь информацию, тем меньше людей её увидит. В любом случае при каждом клике будут отсеиваться посетители и желание тут не причем. З.Ы. Кто-нибудь объяснит мне суть их графика? Как они соотносят "успешно" и "отказ" с процентами завершения задачи? Например, в точке 50%?
  • 7 Ноября 2010 09:55
    koles
    cbell во во))))))))))
  • 7 Ноября 2010 13:39
    RADenot
    британские ученые доказали......
  • 7 Ноября 2010 14:18
    Никита
    с таким успехом можно вспомнить и Z образные сайты... Все что тут написано не значит что так должно быть просто информируют нас о некоторых моментах кт можно бы использовать... ну а если вам не хочется вас никто не принуждает...)) я же уверен что все кто это прочитали что то для себя запомнили..)
  • 9 Ноября 2010 11:43
    Cheiz
    Есть одна статья, по юзабилити, которую запомнил надолго, единственно правдивая, там сказано что глаза сканируют по графическим ярлыкам, которые притягивают глаз, и от них отталкиваются дальше, там реальный пример, фото полуголой девушки, и справа в углу небольшой фиолетовый круг, как ни смотри на полуголую красавицу, глаз так и тянет в правый угол где этот фиолетовый круг. А по поводу F шаблона, сами приучили пользователя к тому что выдача контента и первых позиций начинается с левого верхнего угла, да и как ни странно преимущественно текст читается мля слева на право.
  • 1 Января 2012 20:29
    artemmian
    F/ Интересно, надо будет побольше узнать. Спасибо за информацию
  • 12 Апреля 2012 19:36
    iKNG
    У меня 7 из 10 этих правил нарушены. И ничего, я проводил на одном форуме опрос на юзабилити и читабельность моего сайта. У 40 из 50 человек ответ был позитивный.
  • 15 Апреля 2013 11:42
    nightgremlin
    Специально, зарегился чтобы откомментировать. По пуектам 1. Отчасти не согласен, кто захочет 15 раз кликать чтобы что-то найти? 2. Бред сивой кобылы. Допустим я поставлю на странице где-то внизу красивый блок и больше ничего, куда вы будете смотреть. 3. Согласен 4. Хреновый наверное сайт у доктора Нильсена. Посетителям скорее всего неинтересно читать его бред)))) 5. Согласен 6. Отчасти согласен, лишь потому что мы так читаем 7. Согласен 8. Согласен 9. Согласен 10. Главная страница - это визитка сайта. Если я посетил другую страничку с поисковика, то могу посмотреть главную, если сайт мне понравится.
  • 6 Июня 2014 09:36
    ivanivan789
    Отличная статья . Советую по этому поводу еще тут почитать http://kvinta-a.ru/yuzabiliti-sayta/
  • 6 Декабря 2015 22:53
    valentin2
    для понимания, что на сайте хорошо, а что не очень нужны реальные исследования по юзабилити. Соблюдение определенных правил (описанных в статье в том числе) хорошо конечно, но если вы тестируете сайт на реальных пользователях это намного реалистичнее. Вы задаете вопросы, на которые получаете ответы тех, кто пользуется сайтом...а профессиональное замыливание взгляда очень часто мешает увидеть "косяки". Есть сервис AskUsers, там исследования проводят независимые асессоры, выдают ошибки по сайту, и запись экрана предостваляют. За 10 тыс я провел исследование, внедрил результаты по чек листу и получил результат в 2 раза рост конверсии. Поэтому правила правилами и исследования с участием реальных пользователей могут принести более ощутимый эффект.
    • 31 Мая 2016 15:30
      Татьяна Дегтярева
      valentin2, работали с этим сервисом в плане улучшения юзабилити интернет-магазина (брендовая одежда). Делали проверку (их респонденты проверяли). В результате предложено было двадцать девять правок из которых двадцать семь внедрила на сайте, остальные две правки решила не трогать. При этом рост конверсии спустя четыре месяца проверки - 67 процентов.
      • 4 Августа 2016 17:37
        Алексей Столетов
        Смотрю на фейсбуке у них объявление - скидка в 30% на стандартный пакет!? Что реально такой хороший сервис? Немножко не понятно а кто там у них проверяет сайт(ы): спецы, респонденты?
    • 31 Октября 2016 15:59
      Дмитрий Кралевич
      По поводу оценки реальными пользователями согласен. Часто такие заморочки, которые в статье описаны, могут только навредить сайту. По факту, главным правилом в юзабилити можно считать, что чем проще ориентироваться на сайте и интересней контент, тем лучше будут и поведенческие факторы и конверсия и т.д. Самому аудит сайта юзабилити делал сео хаус. Рост конверсии 40 процентов.
^ Наверх ^