Правило трех кликов

169 вебинар UX RussiaМария Новикова и Максим Королев

4 октября 2012

Интерпретации

• «У пользователя должна быть возможность найти информацию не больше, чем за 3 клика»– http://en.wikipedia.org/wiki/Three-click_rule

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

http://www.steptwo.com.au/papers/cmb_threeclicks/index.html

Интерпретации

• У пользователя, пришедшего на сайт из поиска, есть не больше одного клика для доступа к нужной информации– 1й клик – запрос– 2й клик – выбор ссылки в поисковой

выдачи– 3й клик – тот, который он может

сделать на сайте

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

http://vitrum-media.ru/slovar_terminov/pravilo_treh_klikov.html

Обсуждаемая формулировка

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

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

Поиск источника правила

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

Автор и время: Зельдман?

• Jeffrey Zeldman, книга «Taking Your Talent to the Web» (2001 год)– http://en.wikipedia.org/wiki/Three-click_rule

• Утверждается, что правило поможет делать сайты с интуитивно-понятной иерархической структурой.

• Никакого обоснования, кроме того, что «люди так используют Интернет».

• В книге правило упоминается как уже сформулированное и уже известное.

Автор и время: Безос?

• Джефф Безос ввел правило при основании Амазона (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

• Пруфлинк?• Даже если это так, значит, к тому

времени правило уже было.

История упоминаний правила

• Появление: 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.»

Дальнешее развитие

• 1995-1996 год – обзор на сайт «Museum of computer Art». Упоминается, что на сайте выполнено правило трех кликов.– http://

www.usc.edu/users/help/flick/Infofilter/computer_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

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

Переломный момент: 2003 год

• Портер: «Testing the three-click rule»

• 44 респондента, 620 разных заданий, 8000 кликов

• Успешные и неуспешные задания не отличаются по числу кликов

• Число кликов не связано с удовлетворенностью– http://www.uie.com/articles/three_click_rule/

• Исследование произвело переворот в головах, хотя и вызывает много вопросов.

После 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 типа публикаций:– правило – непреложная

истина;– правило – рекомендация,

которой можно придерживаться;

– о правиле надо забыть.

Что в итоге

• Правило существует столько же, сколько Всемирная Паутина.

• До 2003 года в правиле (почти) никто не сомневается.

• 2003 год – первое и единственное исследование, правило не подтвердилось.

• Автор неизвестен, источник неизвестен, обоснований нет.

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

Проблема оптимальной глубины меню

• Систематических исследований глубины меню для веб-сайтов не проводилось.

• 1980е: сайтов нет, есть базы данных.

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

Схема типичного эксперимента

• Искусственно созданная база данных с определенным числом конечных элементов

• Задача испытуемому: найти определенный элемент

• Варьируется глубина (количество уровней) и ширина (количество опций на каждом уровне) меню.

• Измеряется успешность, время выполнения задания, количество ошибок, субъективная сложность.

Один из первых: Миллер, 1981

• 24 испытуемых• База данных из 64

существительных и имен собственных

• Задача – найти слово• 4 варианта меню:

– 6 уровней по 2 опции– 3 уровня по 4 опции– 2 уровня по 8 опций– 1 уровень, все 64 слова

• Результат: оптимальное меню – 2 уровня по 8 опций

1984: Kiger

• Видеотекс• База данных из 64 элементов• 22 испытуемых• Задания типа «Найдите и купите

цветной телевизор»• Меню из 2, 3 и 6 уровней• Результаты аналогичны

Миллеру. • Вывод: «Широкие и мелкие

структуры предпочтительнее как с объективной точки зрения, так и с точки зрения респондентов».

1986: MacGregor• Видеотекс• 900 конечных страниц• Разные версии меню: 2, 4, 8 и 16

опций• 24 испытуемых• Задание: «Узнайте, что можно

использовать вместо говядины для вегетарианского гамбургера» (и 40 аналогичных вопросов)

• Результат: Для больших систем с длинными названиями пунктов меню оптимальное количество элементов на каждом уровне – 4-5.

• Это значит, что оптимальная глубина меню – 5-6 уровней.

1984 Savage Habinek• Первая версия системы: 3-4

уровня меню, 9 опций на каждом уровне

• Юзабилити-тестирование• Улучшение меню по результатам

тестирования– некоторые меню разбили на

более мелкие, добавив новые уровни

– добавили описания ссылок и структурировали меню

• Результат:– время выполнения задания

сократилось на 61%– количество ошибок уменьшилось

на 93%– количество невыполненных

заданий уменьшилось на 75%• Т.о. понятность оказалась важнее,

чем количество уровней.

Продолжение исследований

• Исследование «формы» дерева (Norman and Chin 1988, Bernard 2002)

• Что будет, если каждый уровень меню содержит неодинаковое количество ссылок?

• В целом, «вогнутое» дерево показало лучший результат, чем другие варианты.

• Современные исследования проводятся на html-страницах.

Итог

• В 1980х уже все изучено • Научные исследования

показывают, что оптимальная глубина меню – 3-4 уровня

• Но исследования:– проводятся на очень простых

интерфейсах (наборы ссылок, без графических элементов);

– нет прямой связи с правилом трех кликов;

– не проводились на современных веб-сайтах.

Итог: возможные источники правила

• Исследования оптимальной глубины меню.

• Неаккуратно проинтерпретированные результаты исследований оперативной памяти.

• Внешний вид, принцип устройства и скорость загрузки веб-сайтов в 1990е.

• Чья-то неосторожная фраза, запомнившаяся из-за броскости и точности формулировок.

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

Где может быть важно считать клики

• Системы с большой ценой каждого клика:– CRM, СЭД и другие

профессиональные системы.– банкоматы и терминалы;– мобильные интерфейсы;– системы с низкой скоростью

загрузки экранов.• Системы со специфической ЦА:

– люди с ограниченными возможностями в области моторики или чтения/понимания текстов.

• Системы, где совершать каждое лишнее действие неприятно:– оплата заказа в ИМ.

Приоритезация: что выносить наверх

• Теория «запаха информации» Пирелли

• Анализ деятельности ЦА:– последовательность задач;– информация, которую

необходимо внести в систему/ получить из системы;

– частота/ важность задач.• Анализ потребностей бизнеса:

– что хотим продвигать в первую очередь.

Окончательный итог

• Правила трех кликов не существует

• Меньше кликов, как правило, лучше.

• Иногда увеличение количества кликов ведет к повышению удобства системы.

• Нельзя верить догмам.

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