Рубрика развивается при поддержке

Почему правило трёх кликов кликов на самом деле не работает

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

В закладки

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

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

Чаще всего к «правилу 3-х кликов» обращаются дизайнеры: они полагаются на него, когда разрабатывают навигацию сайта и тестируют, насколько пользователям удобно искать информацию, или, например, заполнять формы. Считается, что гости вашего ресурса будут глубоко разочарованы и, скорее всего, откажутся от выполнения задачи/закроют страницу/уйдут к конкурентам, если им потребуется больше трех кликов мышки для решения проблемы. В чем правило действительно может помочь — так это в оценке стоимости взаимодействия (interaction cost) любой важной задачи по поиску информации. Но, опять же, не будем забывать: нет никаких официально опубликованных данных, которые доказали бы эффективность этой практики. А исследование, проведенное Джошуа Портером (Joshua Porter) — соучредителем компании по дизайну продукта Rocket Insights и бывшим главой UXHubSpot — даже опровергло его. С учетом всех фактов можно было сделать вывод, что задачи, на выполнение которых требуется больше 3-х кликов, не особо отпугивают пользователей и не влияют на их интерес к сайту.

В чем адепты «правила 3-х кликов» правы — оптимизировать стоимость взаимодействия действительно нужно. Однако при этом не следует сокращать весь путь клиента до 3-х нажатий клавиши. Здесь нужны комплексные решения.

Соответствие дизайна «правилу 3-х кликов» нельзя назвать показателем его эффективности по нескольким причинам:

1. Если задача клиента действительно сложная, то даже самый удачный дизайн не сможет предложить для нее решение в рамках 3-х кликов — ставить какие-то ограничения на количество шагов для пользователя просто глупо.

2. Далеко не все клики на сайте равнозначны: некоторые из них приводят к длительному времени ожидания (например, при загрузке новой страницы), а другие — к мгновенному ответу системы (например, раскрытию меню-аккордеона).

3. В очень редких случаях число кликов отражает реальную ситуацию с качеством разработанного вами UX/UI-дизайна. Дизайн крупного многостраничного сайта может быть удобным и интуитивно понятным. Дизайн креативного одностраничника может сбить с толку уже через минуту работы, пряча нужный вам ответ под бегающей анимацией и кричащими яркими цветами. Кроме того, все люди совершают ошибки и периодически жмут на неактивные элементы или фрагменты текста. Так что вместо того, чтобы дотошно подсчитывать клики пользователей на вашем сайте, лучше обратитесь к сути и подумайте — помогает ли ваш ресурс решать проблемы посетителей? Если нет — то как это исправить? А если да — то как помочь им найти решение быстрее и проще?

Происхождение правила трех кликов

Первые упоминания о «правиле 3-х кликов» встречаются еще в 2001 году в книге Джеффри Зельдмана (Jeffrey Zeldman) «Возьми свой талант в интернет» (Taking Your Talent to the Web). Господин Зельдман называет это правило «широко распространенной в сообществе дизайнеров практикой».

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

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

Как правило 3-х кликов приводит к разработке перегруженного интерфейса

«Правило 3-х кликов» дает «зеленый свет» для сложных (и зачастую переоцененных) дизайнерских решений. К примеру, одним из таких решений можно считать отказ от многоуровневого меню в панели навигации. Да, на первый взгляд эта идея кажется разумной, однако ее реализация требует отдавать приоритет плоской (широкой) информационной архитектуре (IA), а не глубокой.

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

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

NYC.gov: поиск формы, где можно сообщить о вышедшем из строя счетчике воды. Формально пользователю нужно сделать всего 3 клика. На самом деле ему придется скроллить десятки ссылок в поисках нужной.

Что интересно, на практике многим дизайнерам приходится выбирать между двумя UX-мифами: «правилу 3-х кликов» противоречит принцип, согласно которому в меню навигации не должно быть больше 7 категорий.

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

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

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

Как улучшить навигацию сайта без правила 3-х кликов?

Так нужно ли учитывать все эти факторы и число пользовательских кликов в принципе? Да, безусловно.

Но для создания удобной навигации по сайту следует предпринять и другие шаги:

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

2. При помощи навигационной цепочки (дублирующего меню или «хлебных крошек») помогите пользователям быстро определять, в каком именно месте сайта они находятся в текущий момент.

3. Отдайте свое предпочтение не многоуровневым выпадающим меню (на десктопе), а так называемым «мега-меню». Каскадные меню лучше не использовать, так как при обращении к ним пользователи часто совершают ошибки — такие меню требуют точных движений мыши и показывают только один срез IA сайта за раз. В то же время, мега-меню обычно отображают несколько уровней информационной иерархии и позволяют пользователям увидеть разные маршруты, ведущие к нужной им информации. Также мега-меню помогает оценить, что еще интересного можно найти на вашем ресурсе, и быстро вернуться к исходной точке в случае ошибки.

Пример мега-меню на сайте одежды.​

4. Определите самый популярный у аудитории контент и разместите ссылки на него на главной и других ключевых страницах сайта;

5. Если маршруты состоят из нескольких шагов — дополните их ключевые этапы хорошо продуманными, но при этом простыми и понятными лендингами или так называемыми «навигационными хабами». На них можно разместить группы ссылок, которые для удобства восприятия дополняют изображениями или другими поясняющими элементами. Такие страницы выполняют роль неких «пит-стопов» и обеспечивают легкое перемещение к одноуровневым страницам той же категории. Помните, что в большинстве информационных структур высокие уровни иерархии представлены общими категориями (например, женская одежда), а глубокие — более конкретными (например, футболки с V-образным вырезом).

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

Заключение

Многие сайты и digital-продукты стремятся к максимальному упрощению — так они облегчают поиск информации для пользователей, помогают им быстрее сориентироваться и совершить целевое действие. Но при этом надо понимать, что ничего магического именно в «правиле 3-х кликов» нет. Люди вряд ли покинут действительно полезный сайт из-за того, что им придется совершить чуть большее количество действий.

Поэтому действительно важными задачами можно назвать следующие:

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

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Антонина Мотова", "author_type": "self", "tags": [], "comments": 5, "likes": 0, "favorites": 23, "is_advertisement": false, "subsite_label": "marketing", "id": 107172, "is_wide": false, "is_ugc": true, "date": "Thu, 27 Feb 2020 16:36:36 +0300", "is_special": false }
Простой коллтрекинг
для малого бизнеса
Новый алгоритм с
настройкой в два клика
Узнать больше
Коллтрекинг
без боли
Простые настройки
Умный алгоритм
Чистая аналитика
Подробнее
Простой коллтрекинг
для малого бизнеса
Знание источников продаж
постичь ты сможешь
познать
Простой коллтрекинг
для малого бизнеса
Знание источников продаж
постичь ты сможешь
постичь
(function(d, w) { var analyticsCategory = "CoMagic branding"; var sendEvent = function sendEvent(label) { var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "Click"; var value = "" .concat(analyticsCategory, " \u2014 ") .concat(label, " \u2014 ") .concat(action); console.log("Analytics: %c".concat(value), "color: #E87E04"); if (window.dataLayer !== undefined && analyticsCategory) { window.dataLayer.push({ event: "data_event", data_description: value }); } }; var rand = function rand(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1)) + min; }; var id = rand(1, 4); var head = document.querySelector(".comagic-branding-head"); head.setAttribute("data-comagic", id); sendEvent(id + " — Header", "Init"); head.addEventListener("click", function() { sendEvent(id + " — Header"); }); var branding = document.querySelector( '.comagic-branding[data-comagic="' + id + '"]' ); branding.style.display = "block"; sendEvent(id + " — Footer", "Init"); branding.addEventListener("click", function() { sendEvent(id + " — Footer"); }); })(document, window);
0
5 комментариев
Популярные
По порядку
1

Спасибо за статью. Но автор мешает в кучу мух и котлеты. Необходимо разделить задачу сайта и мотивацию аудитрии. Сайты сервисов со сложными интерфейсами действительно не должны ориентироваться на правило 3х кликов. А вот конверсия сайтов, ортентированных на быстрое получение лидов в высококонкурентной теиатике, напрямую зависит от количества кликов которые необходимо сделать, чтобы выполнить целевое действие.
Так же необходимо учитывать что трафик на сайт часто поступает из поисковых систем и контекстной рекламы. В этом случае посадочные страницы должны содержать всю необходимую информацию и желательно вообще исключить необходимость уходить с неё!

Ответить
1

Добрый день, спасибо за Ваш комментарий!

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

Ответить
1

Действительно полезная статья, каких тут мало. Спасибо.

Ответить
0

Вам спасибо, что ознакомились с материалом и дочитали до конца!

Ответить
0

Вот что на форбсе написано. (где собственно вц и взял статью) Согласно американскому СЕОшнику, главное чтобы сайт был понятен. Я вот недавно зашел покрутить барабаны игровых автоматов https://twow.ru/slotsmoney/ с быстрыми выплатами выигрышей на карту и остался доволен!

Ответить

Прямой эфир