169 Правило трех кликов
DESCRIPTION
169 вебинар UX Russia. Вместе с Максимом Королевым обсудили правило трех кликов, его источники и основания.TRANSCRIPT
![Page 1: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/1.jpg)
Правило трех кликов
169 вебинар UX RussiaМария Новикова и Максим Королев
4 октября 2012
![Page 2: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/2.jpg)
Интерпретации
• «У пользователя должна быть возможность найти информацию не больше, чем за 3 клика»– http://en.wikipedia.org/wiki/Three-click_rule
• «Нужная пользователю информация должна располагаться не дальше, чем за 3 клика от Главной страницы»– (например)
http://www.steptwo.com.au/papers/cmb_threeclicks/index.html
![Page 3: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/3.jpg)
Интерпретации
• У пользователя, пришедшего на сайт из поиска, есть не больше одного клика для доступа к нужной информации– 1й клик – запрос– 2й клик – выбор ссылки в поисковой
выдачи– 3й клик – тот, который он может
сделать на сайте
• Важная информация должна располагаться не дальше трех кликов от Главной страницы, потому чем глубже страница, тем хуже она индексируется
http://vitrum-media.ru/slovar_terminov/pravilo_treh_klikov.html
![Page 4: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/4.jpg)
Обсуждаемая формулировка
«Нужная пользователю информация должна располагаться не дальше, чем за 3 клика от Главной страницы»
![Page 5: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/5.jpg)
Появление правила
![Page 6: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/6.jpg)
Поиск источника правила
• Кто автор?• Когда правило появилось?• Почему именно три клика?• Какие есть доказательства?
![Page 7: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/7.jpg)
Автор и время: Зельдман?
• Jeffrey Zeldman, книга «Taking Your Talent to the Web» (2001 год)– http://en.wikipedia.org/wiki/Three-click_rule
• Утверждается, что правило поможет делать сайты с интуитивно-понятной иерархической структурой.
• Никакого обоснования, кроме того, что «люди так используют Интернет».
• В книге правило упоминается как уже сформулированное и уже известное.
![Page 8: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/8.jpg)
Автор и время: Безос?
• Джефф Безос ввел правило при основании Амазона (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
• Пруфлинк?• Даже если это так, значит, к тому
времени правило уже было.
![Page 9: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/9.jpg)
История упоминаний правила
• Появление: 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.»
![Page 10: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/10.jpg)
Дальнешее развитие
• 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
• Правило воспринимается как догма, доказательств почти нет.
![Page 11: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/11.jpg)
Переломный момент: 2003 год
• Портер: «Testing the three-click rule»
• 44 респондента, 620 разных заданий, 8000 кликов
• Успешные и неуспешные задания не отличаются по числу кликов
• Число кликов не связано с удовлетворенностью– http://www.uie.com/articles/three_click_rule/
• Исследование произвело переворот в головах, хотя и вызывает много вопросов.
![Page 12: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/12.jpg)
После 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 типа публикаций:– правило – непреложная
истина;– правило – рекомендация,
которой можно придерживаться;
– о правиле надо забыть.
![Page 13: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/13.jpg)
Что в итоге
• Правило существует столько же, сколько Всемирная Паутина.
• До 2003 года в правиле (почти) никто не сомневается.
• 2003 год – первое и единственное исследование, правило не подтвердилось.
• Автор неизвестен, источник неизвестен, обоснований нет.
![Page 14: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/14.jpg)
Немного науки
![Page 15: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/15.jpg)
Проблема оптимальной глубины меню
• Систематических исследований глубины меню для веб-сайтов не проводилось.
• 1980е: сайтов нет, есть базы данных.
• Проблема оптимальной глубины меню («depth-breadth tradeoff») – объект научных экспериментов.
![Page 16: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/16.jpg)
Схема типичного эксперимента
• Искусственно созданная база данных с определенным числом конечных элементов
• Задача испытуемому: найти определенный элемент
• Варьируется глубина (количество уровней) и ширина (количество опций на каждом уровне) меню.
• Измеряется успешность, время выполнения задания, количество ошибок, субъективная сложность.
![Page 17: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/17.jpg)
Один из первых: Миллер, 1981
• 24 испытуемых• База данных из 64
существительных и имен собственных
• Задача – найти слово• 4 варианта меню:
– 6 уровней по 2 опции– 3 уровня по 4 опции– 2 уровня по 8 опций– 1 уровень, все 64 слова
• Результат: оптимальное меню – 2 уровня по 8 опций
![Page 18: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/18.jpg)
1984: Kiger
• Видеотекс• База данных из 64 элементов• 22 испытуемых• Задания типа «Найдите и купите
цветной телевизор»• Меню из 2, 3 и 6 уровней• Результаты аналогичны
Миллеру. • Вывод: «Широкие и мелкие
структуры предпочтительнее как с объективной точки зрения, так и с точки зрения респондентов».
![Page 19: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/19.jpg)
1986: MacGregor• Видеотекс• 900 конечных страниц• Разные версии меню: 2, 4, 8 и 16
опций• 24 испытуемых• Задание: «Узнайте, что можно
использовать вместо говядины для вегетарианского гамбургера» (и 40 аналогичных вопросов)
• Результат: Для больших систем с длинными названиями пунктов меню оптимальное количество элементов на каждом уровне – 4-5.
• Это значит, что оптимальная глубина меню – 5-6 уровней.
![Page 20: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/20.jpg)
1984 Savage Habinek• Первая версия системы: 3-4
уровня меню, 9 опций на каждом уровне
• Юзабилити-тестирование• Улучшение меню по результатам
тестирования– некоторые меню разбили на
более мелкие, добавив новые уровни
– добавили описания ссылок и структурировали меню
• Результат:– время выполнения задания
сократилось на 61%– количество ошибок уменьшилось
на 93%– количество невыполненных
заданий уменьшилось на 75%• Т.о. понятность оказалась важнее,
чем количество уровней.
![Page 21: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/21.jpg)
Продолжение исследований
• Исследование «формы» дерева (Norman and Chin 1988, Bernard 2002)
• Что будет, если каждый уровень меню содержит неодинаковое количество ссылок?
• В целом, «вогнутое» дерево показало лучший результат, чем другие варианты.
• Современные исследования проводятся на html-страницах.
![Page 22: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/22.jpg)
Итог
• В 1980х уже все изучено • Научные исследования
показывают, что оптимальная глубина меню – 3-4 уровня
• Но исследования:– проводятся на очень простых
интерфейсах (наборы ссылок, без графических элементов);
– нет прямой связи с правилом трех кликов;
– не проводились на современных веб-сайтах.
![Page 23: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/23.jpg)
Итог: возможные источники правила
• Исследования оптимальной глубины меню.
• Неаккуратно проинтерпретированные результаты исследований оперативной памяти.
• Внешний вид, принцип устройства и скорость загрузки веб-сайтов в 1990е.
• Чья-то неосторожная фраза, запомнившаяся из-за броскости и точности формулировок.
![Page 24: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/24.jpg)
Альтернативы
![Page 25: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/25.jpg)
Где может быть важно считать клики
• Системы с большой ценой каждого клика:– CRM, СЭД и другие
профессиональные системы.– банкоматы и терминалы;– мобильные интерфейсы;– системы с низкой скоростью
загрузки экранов.• Системы со специфической ЦА:
– люди с ограниченными возможностями в области моторики или чтения/понимания текстов.
• Системы, где совершать каждое лишнее действие неприятно:– оплата заказа в ИМ.
![Page 26: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/26.jpg)
Приоритезация: что выносить наверх
• Теория «запаха информации» Пирелли
• Анализ деятельности ЦА:– последовательность задач;– информация, которую
необходимо внести в систему/ получить из системы;
– частота/ важность задач.• Анализ потребностей бизнеса:
– что хотим продвигать в первую очередь.
![Page 27: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/27.jpg)
Окончательный итог
• Правила трех кликов не существует
• Меньше кликов, как правило, лучше.
• Иногда увеличение количества кликов ведет к повышению удобства системы.
• Нельзя верить догмам.
![Page 28: 169 Правило трех кликов](https://reader035.vdocuments.mx/reader035/viewer/2022081420/558638a3d8b42a962c8b4824/html5/thumbnails/28.jpg)
Спасибо за внимание!