169 вебинар UX Russia. Вместе с Максимом Королевым обсудили правило трех кликов, его источники и основания.

1. Правило трех кликов
169 вебинар UX Russia
Мария Новикова и Максим Королев
4 октября 2012

2. Интерпретации
• «У пользователя должна
быть возможность найти
информацию не больше,
чем за 3 клика»
– http://en.wikipedia.org/wiki/Three-click_rule
• «Нужная пользователю
информация должна
располагаться не дальше,
чем за 3 клика от Главной
страницы»
– (например)
http://www.steptwo.com.au/papers/cmb_threeclic
ks/index.html

3. Интерпретации
• У пользователя, пришедшего на
сайт из поиска, есть не больше
одного клика для доступа к
нужной информации
– 1й клик – запрос
– 2й клик – выбор ссылки в поисковой
выдачи
– 3й клик – тот, который он может
сделать на сайте
• Важная информация должна
располагаться не дальше трех
кликов от Главной страницы,
потому чем глубже страница,
тем хуже она индексируется
http://vitrum-
media.ru/slovar_terminov/pravilo_treh_klikov.html

4. Обсуждаемая формулировка
«Нужная пользователю
информация должна
располагаться не дальше, чем
за 3 клика от Главной
страницы»

5. Появление правила

6. Поиск источника правила
• Кто автор?
• Когда правило появилось?
• Почему именно три клика?
• Какие есть доказательства?

7. Автор и время: Зельдман?
• Jeffrey Zeldman, книга «Taking
Your Talent to the Web» (2001
год)
– http://en.wikipedia.org/wiki/Three-click_rule
• Утверждается, что правило
поможет делать сайты с
интуитивно-понятной
иерархической структурой.
• Никакого обоснования, кроме
того, что «люди так используют
Интернет».
• В книге правило упоминается
как уже сформулированное и
уже известное.

8. Автор и время: Безос?
• Джефф Безос ввел правило при
основании Амазона (1994 год?)
– http://www.patlah.ru/biznes/biz-01/int-torg/int-
torg-06.htm
– http://articles.bplans.com/running-an-online-
business/online-business-strategy/making-your-e-
commerce-site-work/156
• Пруфлинк?
• Даже если это так, значит, к тому
времени правило уже было.

9. История упоминаний правила
• Появление: 1994 год
• В середине 1994 года было 2738
сайтов. В конце – более 10000.
• Статья «Planning and Organizing
Websites», L.L.Larsen, декабрь
1994.
– http://www.oit.umd.edu/webdeveloper/planning/
organizing.html
• Правило уже сформулировано и
действует:
– «The three click rule - users
want to find what they are
looking for in "three clicks.«
You take your chances with
losing them after that.»

10. Дальнешее развитие
• 1995-1996 год – обзор на сайт
«Museum of computer Art».
Упоминается, что на сайте
выполнено правило трех кликов.
– http://www.usc.edu/users/help/flick/Infofilter/co
mputer_art.html
• Каждый год постепенно
появляются новые упоминания.
• 2000 год – Tom Kuegler в статье
«Make your Site a better
Information Delivery tool»
обосновывает правило своим
практическим опытом из
середины 90х.
– http://www.clickz.com/clickz/column/1716496/ma
ke-your-site-better-information-delivery-tool
• Правило воспринимается как
догма, доказательств почти нет.

11. Переломный момент: 2003 год
• Портер: «Testing the three-
click rule»
• 44 респондента, 620 разных
заданий, 8000 кликов
• Успешные и неуспешные
задания не отличаются по
числу кликов
• Число кликов не связано с
удовлетворенностью
– http://www.uie.com/articles/three_click_rule/
• Исследование произвело
переворот в головах, хотя и
вызывает много вопросов.

12. После 2003 года: раскол
• "For me it was a very interesting
article that certainly challenges a
maxim that I have always held
true in designing user interfaces
and navigation systems: 3-Clicks at
most!"
– http://www.webmasterworld.com/forum21/4867.
htm
• Попытки переосмыслить,
переформулировать правило
• 3 типа публикаций:
– правило – непреложная
истина;
– правило – рекомендация,
которой можно
придерживаться;
– о правиле надо забыть.

13. Что в итоге
• Правило существует столько же,
сколько Всемирная Паутина.
• До 2003 года в правиле (почти)
никто не сомневается.
• 2003 год – первое и
единственное исследование,
правило не подтвердилось.
• Автор неизвестен, источник
неизвестен, обоснований нет.

14. Немного науки

15. Проблема оптимальной глубины меню
• Систематических исследований
глубины меню для веб-сайтов не
проводилось.
• 1980е: сайтов нет, есть базы
данных.
• Проблема оптимальной глубины
меню («depth-breadth tradeoff»)
– объект научных
экспериментов.

16. Схема типичного эксперимента
• Искусственно созданная база
данных с определенным числом
конечных элементов
• Задача испытуемому: найти
определенный элемент
• Варьируется глубина
(количество уровней) и ширина
(количество опций на каждом
уровне) меню.
• Измеряется успешность, время
выполнения задания,
количество ошибок,
субъективная сложность.

17. Один из первых: Миллер, 1981
• 24 испытуемых
• База данных из 64
существительных и имен
собственных
• Задача – найти слово
• 4 варианта меню:
– 6 уровней по 2 опции
– 3 уровня по 4 опции
– 2 уровня по 8 опций
– 1 уровень, все 64 слова
• Результат: оптимальное меню –
2 уровня по 8 опций

18. 1984: Kiger
• Видеотекс
• База данных из 64 элементов
• 22 испытуемых
• Задания типа «Найдите и купите
цветной телевизор»
• Меню из 2, 3 и 6 уровней
• Результаты аналогичны
Миллеру.
• Вывод: «Широкие и мелкие
структуры предпочтительнее как
с объективной точки зрения, так
и с точки зрения респондентов».

19. 1986: MacGregor
• Видеотекс
• 900 конечных страниц
• Разные версии меню: 2, 4, 8 и 16
опций
• 24 испытуемых
• Задание: «Узнайте, что можно
использовать вместо говядины
для вегетарианского
гамбургера» (и 40 аналогичных
вопросов)
• Результат: Для больших систем с
длинными названиями пунктов
меню оптимальное количество
элементов на каждом уровне –
4-5.
• Это значит, что оптимальная
глубина меню – 5-6 уровней.

20. 1984 Savage Habinek
• Первая версия системы: 3-4
уровня меню, 9 опций на
каждом уровне
• Юзабилити-тестирование
• Улучшение меню по результатам
тестирования
– некоторые меню разбили на
более мелкие, добавив новые
уровни
– добавили описания ссылок и
структурировали меню
• Результат:
– время выполнения задания
сократилось на 61%
– количество ошибок
уменьшилось на 93%
– количество невыполненных
заданий уменьшилось на 75%
• Т.о. понятность оказалась
важнее, чем количество
уровней.

21. Продолжение исследований
• Исследование «формы» дерева
(Norman and Chin 1988, Bernard
2002)
• Что будет, если каждый уровень
меню содержит неодинаковое
количество ссылок?
• В целом, «вогнутое» дерево
показало лучший результат, чем
другие варианты.
• Современные исследования
проводятся на html-страницах.

22. Итог
• В 1980х уже все изучено 
• Научные исследования
показывают, что оптимальная
глубина меню – 3-4 уровня
• Но исследования:
– проводятся на очень простых
интерфейсах (наборы
ссылок, без графических
элементов);
– нет прямой связи с
правилом трех кликов;
– не проводились на
современных веб-сайтах.

23. Итог: возможные источники правила
• Исследования оптимальной
глубины меню.
• Неаккуратно
проинтерпретированные
результаты исследований
оперативной памяти.
• Внешний вид, принцип
устройства и скорость загрузки
веб-сайтов в 1990е.
• Чья-то неосторожная фраза,
запомнившаяся из-за броскости
и точности формулировок.

24. Альтернативы

25. Где может быть важно считать клики
• Системы с большой ценой
каждого клика:
– CRM, СЭД и другие
профессиональные системы.
– банкоматы и терминалы;
– мобильные интерфейсы;
– системы с низкой скоростью
загрузки экранов.
• Системы со специфической ЦА:
– люди с ограниченными
возможностями в области
моторики или
чтения/понимания текстов.
• Системы, где совершать каждое
лишнее действие неприятно:
– оплата заказа в ИМ.

26. Приоритезация: что выносить наверх
• Теория «запаха информации»
Пирелли
• Анализ деятельности ЦА:
– последовательность задач;
– информация, которую
необходимо внести в систему/
получить из системы;
– частота/ важность задач.
• Анализ потребностей бизнеса:
– что хотим продвигать в первую
очередь.

27. Окончательный итог
• Правила трех кликов не
существует 
• Меньше кликов, как
правило, лучше.
• Иногда увеличение
количества кликов ведет к
повышению удобства
системы.
• Нельзя верить догмам.

28. Спасибо за внимание!