ݺߣ

ݺߣShare a Scribd company logo
Правило трех кликов

     169 вебинар UX Russia
Мария Новикова и Максим Королев
         4 октября 2012
Интерпретации


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

• «Нужная пользователю
  информация должна
  располагаться не дальше,
  чем за 3 клика от Главной
  страницы»
   –   (например)
       http://www.steptwo.com.au/papers/cmb_threeclic
       ks/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/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

• Правило воспринимается как
  догма, доказательств почти нет.
Переломный момент: 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, СЭД и другие
     профессиональные системы.
   – банкоматы и терминалы;
   – мобильные интерфейсы;
   – системы с низкой скоростью
     загрузки экранов.
• Системы со специфической ЦА:
   – люди с ограниченными
     возможностями в области
     моторики или
     чтения/понимания текстов.
• Системы, где совершать каждое
  лишнее действие неприятно:
   – оплата заказа в ИМ.
Приоритезация: что выносить наверх



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


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

More Related Content

Viewers also liked (10)

Writing Great Alt Text
Writing Great Alt TextWriting Great Alt Text
Writing Great Alt Text
Whitney Quesenbery
Falling in Love with Forms [BlendConf 2014]
Falling in Love with Forms [BlendConf 2014]Falling in Love with Forms [BlendConf 2014]
Falling in Love with Forms [BlendConf 2014]
Aaron Gustafson
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
Yury Vetrov
9 Secrets of Kano Model
9 Secrets of Kano Model9 Secrets of Kano Model
9 Secrets of Kano Model
Gena Drahun
Расшифровка интервью
Расшифровка интервьюРасшифровка интервью
Расшифровка интервью
Собака Павлова
Wearable Sensors and UX Development
Wearable Sensors and UX DevelopmentWearable Sensors and UX Development
Wearable Sensors and UX Development
Mark Melnykowycz
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
Yury Vetrov
Rethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuRethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by Yiibu
Bryan Rieger
Stop Doing What Youre Told
Stop Doing What Youre ToldStop Doing What Youre Told
Stop Doing What Youre Told
Stephen Anderson
Falling in Love with Forms [BlendConf 2014]
Falling in Love with Forms [BlendConf 2014]Falling in Love with Forms [BlendConf 2014]
Falling in Love with Forms [BlendConf 2014]
Aaron Gustafson
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
Yury Vetrov
9 Secrets of Kano Model
9 Secrets of Kano Model9 Secrets of Kano Model
9 Secrets of Kano Model
Gena Drahun
Wearable Sensors and UX Development
Wearable Sensors and UX DevelopmentWearable Sensors and UX Development
Wearable Sensors and UX Development
Mark Melnykowycz
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
Yury Vetrov
Rethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuRethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by Yiibu
Bryan Rieger

Similar to 169 Правило трех кликов (20)

Репутация и конфиденциальность в интернете
Репутация и конфиденциальность в интернетеРепутация и конфиденциальность в интернете
Репутация и конфиденциальность в интернете
Roman.ua
Пётр Зайцев, Percona
Пётр Зайцев, PerconaПётр Зайцев, Percona
Пётр Зайцев, Percona
Ontico
10 основных метрик для анализа вашего сайта - 1.12.2014
10 основных метрик для анализа вашего сайта - 1.12.201410 основных метрик для анализа вашего сайта - 1.12.2014
10 основных метрик для анализа вашего сайта - 1.12.2014
O K
Как государственным учреждениям использовать Интернет
Как государственным учреждениям использовать ИнтернетКак государственным учреждениям использовать Интернет
Как государственным учреждениям использовать Интернет
Tania Evlampieva
Ageev
AgeevAgeev
Ageev
NLPseminar
Как быстро получить трафик в высококонкурентных нишах
Как быстро получить трафик в высококонкурентных нишахКак быстро получить трафик в высококонкурентных нишах
Как быстро получить трафик в высококонкурентных нишах
NaZapad
Jpoint 2017 - как это было (обзор конференции)
Jpoint 2017 - как это было (обзор конференции)Jpoint 2017 - как это было (обзор конференции)
Jpoint 2017 - как это было (обзор конференции)
CleverDATA
Эффективные ретроспективы
Эффективные ретроспективыЭффективные ретроспективы
Эффективные ретроспективы
Boris Volfson
Start prezenten
Start prezentenStart prezenten
Start prezenten
rinto2
Машинное обучение в Дзене - Евгений Соколов и Дмитрий Ушанов
Машинное обучение в Дзене - Евгений Соколов и Дмитрий УшановМашинное обучение в Дзене - Евгений Соколов и Дмитрий Ушанов
Машинное обучение в Дзене - Евгений Соколов и Дмитрий Ушанов
AvitoTech
Dev {highload}. When you should do your own db.
Dev {highload}. When you should do your own db.Dev {highload}. When you should do your own db.
Dev {highload}. When you should do your own db.
Oleg Kwerty
20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...
20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...
20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...
IT-Portfolio
01ia-seminar01ia-seminar01ia-seminar.ppt
01ia-seminar01ia-seminar01ia-seminar.ppt01ia-seminar01ia-seminar01ia-seminar.ppt
01ia-seminar01ia-seminar01ia-seminar.ppt
YanaSemakina1
Презентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайтаПрезентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайта
Andrew PersonBh
О общих подходах к отображению данных на сайте
О общих подходах к отображению данных на сайтеО общих подходах к отображению данных на сайте
О общих подходах к отображению данных на сайте
Anton Kovalenko
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
Evgeny Kaziak
Построение системы аналитики
Построение системы аналитикиПостроение системы аналитики
Построение системы аналитики
Илья Середа
Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...
Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...
Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...
Ontico
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сети
immachka
Репутация и конфиденциальность в интернете
Репутация и конфиденциальность в интернетеРепутация и конфиденциальность в интернете
Репутация и конфиденциальность в интернете
Roman.ua
Пётр Зайцев, Percona
Пётр Зайцев, PerconaПётр Зайцев, Percona
Пётр Зайцев, Percona
Ontico
10 основных метрик для анализа вашего сайта - 1.12.2014
10 основных метрик для анализа вашего сайта - 1.12.201410 основных метрик для анализа вашего сайта - 1.12.2014
10 основных метрик для анализа вашего сайта - 1.12.2014
O K
Как государственным учреждениям использовать Интернет
Как государственным учреждениям использовать ИнтернетКак государственным учреждениям использовать Интернет
Как государственным учреждениям использовать Интернет
Tania Evlampieva
Как быстро получить трафик в высококонкурентных нишах
Как быстро получить трафик в высококонкурентных нишахКак быстро получить трафик в высококонкурентных нишах
Как быстро получить трафик в высококонкурентных нишах
NaZapad
Jpoint 2017 - как это было (обзор конференции)
Jpoint 2017 - как это было (обзор конференции)Jpoint 2017 - как это было (обзор конференции)
Jpoint 2017 - как это было (обзор конференции)
CleverDATA
Эффективные ретроспективы
Эффективные ретроспективыЭффективные ретроспективы
Эффективные ретроспективы
Boris Volfson
Start prezenten
Start prezentenStart prezenten
Start prezenten
rinto2
Машинное обучение в Дзене - Евгений Соколов и Дмитрий Ушанов
Машинное обучение в Дзене - Евгений Соколов и Дмитрий УшановМашинное обучение в Дзене - Евгений Соколов и Дмитрий Ушанов
Машинное обучение в Дзене - Евгений Соколов и Дмитрий Ушанов
AvitoTech
Dev {highload}. When you should do your own db.
Dev {highload}. When you should do your own db.Dev {highload}. When you should do your own db.
Dev {highload}. When you should do your own db.
Oleg Kwerty
20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...
20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...
20 апреля, DEV {highload} - конференция о Highload веб-разработке, "Когда сто...
IT-Portfolio
01ia-seminar01ia-seminar01ia-seminar.ppt
01ia-seminar01ia-seminar01ia-seminar.ppt01ia-seminar01ia-seminar01ia-seminar.ppt
01ia-seminar01ia-seminar01ia-seminar.ppt
YanaSemakina1
Презентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайтаПрезентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайта
Andrew PersonBh
О общих подходах к отображению данных на сайте
О общих подходах к отображению данных на сайтеО общих подходах к отображению данных на сайте
О общих подходах к отображению данных на сайте
Anton Kovalenko
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
Evgeny Kaziak
Построение системы аналитики
Построение системы аналитикиПостроение системы аналитики
Построение системы аналитики
Илья Середа
Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...
Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...
Ускоряем исследования с помощью конкурсов как их готовить и выигрывать / Иван...
Ontico
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сети
immachka

More from Maria Novikova (11)

Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Maria Novikova
Эффективный калькулятор страхования
Эффективный калькулятор страхованияЭффективный калькулятор страхования
Эффективный калькулятор страхования
Maria Novikova
Юзабилити калькуляторов каско
Юзабилити калькуляторов каскоЮзабилити калькуляторов каско
Юзабилити калькуляторов каско
Maria Novikova
Повышаем конверсию за счет юзабилити
Повышаем конверсию за счет юзабилитиПовышаем конверсию за счет юзабилити
Повышаем конверсию за счет юзабилити
Maria Novikova
137 Readability
137 Readability137 Readability
137 Readability
Maria Novikova
93 Единицы vs главная
93 Единицы vs главная93 Единицы vs главная
93 Единицы vs главная
Maria Novikova
Типовые проблемы систем самообслуживания
Типовые проблемы систем самообслуживанияТиповые проблемы систем самообслуживания
Типовые проблемы систем самообслуживания
Maria Novikova
Юзабилити электронных курсов обучения
Юзабилити электронных курсов обученияЮзабилити электронных курсов обучения
Юзабилити электронных курсов обучения
Maria Novikova
168. Доверие к мобильным платежным системам банков
168. Доверие к мобильным платежным системам банков168. Доверие к мобильным платежным системам банков
168. Доверие к мобильным платежным системам банков
Maria Novikova
166. Интернет-банки для юридических лиц
166. Интернет-банки для юридических лиц166. Интернет-банки для юридических лиц
166. Интернет-банки для юридических лиц
Maria Novikova
Детские приложения для планшетов. 164 вебинар UX Russia.
Детские приложения для планшетов. 164 вебинар UX Russia.Детские приложения для планшетов. 164 вебинар UX Russia.
Детские приложения для планшетов. 164 вебинар UX Russia.
Maria Novikova
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Maria Novikova
Эффективный калькулятор страхования
Эффективный калькулятор страхованияЭффективный калькулятор страхования
Эффективный калькулятор страхования
Maria Novikova
Юзабилити калькуляторов каско
Юзабилити калькуляторов каскоЮзабилити калькуляторов каско
Юзабилити калькуляторов каско
Maria Novikova
Повышаем конверсию за счет юзабилити
Повышаем конверсию за счет юзабилитиПовышаем конверсию за счет юзабилити
Повышаем конверсию за счет юзабилити
Maria Novikova
93 Единицы vs главная
93 Единицы vs главная93 Единицы vs главная
93 Единицы vs главная
Maria Novikova
Типовые проблемы систем самообслуживания
Типовые проблемы систем самообслуживанияТиповые проблемы систем самообслуживания
Типовые проблемы систем самообслуживания
Maria Novikova
Юзабилити электронных курсов обучения
Юзабилити электронных курсов обученияЮзабилити электронных курсов обучения
Юзабилити электронных курсов обучения
Maria Novikova
168. Доверие к мобильным платежным системам банков
168. Доверие к мобильным платежным системам банков168. Доверие к мобильным платежным системам банков
168. Доверие к мобильным платежным системам банков
Maria Novikova
166. Интернет-банки для юридических лиц
166. Интернет-банки для юридических лиц166. Интернет-банки для юридических лиц
166. Интернет-банки для юридических лиц
Maria Novikova
Детские приложения для планшетов. 164 вебинар UX Russia.
Детские приложения для планшетов. 164 вебинар UX Russia.Детские приложения для планшетов. 164 вебинар UX Russia.
Детские приложения для планшетов. 164 вебинар UX Russia.
Maria Novikova

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

  • 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 клика от Главной страницы»
  • 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 год – первое и единственное исследование, правило не подтвердилось. • Автор неизвестен, источник неизвестен, обоснований нет.
  • 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е. • Чья-то неосторожная фраза, запомнившаяся из-за броскости и точности формулировок.
  • 25. Где может быть важно считать клики • Системы с большой ценой каждого клика: – CRM, СЭД и другие профессиональные системы. – банкоматы и терминалы; – мобильные интерфейсы; – системы с низкой скоростью загрузки экранов. • Системы со специфической ЦА: – люди с ограниченными возможностями в области моторики или чтения/понимания текстов. • Системы, где совершать каждое лишнее действие неприятно: – оплата заказа в ИМ.
  • 26. Приоритезация: что выносить наверх • Теория «запаха информации» Пирелли • Анализ деятельности ЦА: – последовательность задач; – информация, которую необходимо внести в систему/ получить из системы; – частота/ важность задач. • Анализ потребностей бизнеса: – что хотим продвигать в первую очередь.
  • 27. Окончательный итог • Правила трех кликов не существует  • Меньше кликов, как правило, лучше. • Иногда увеличение количества кликов ведет к повышению удобства системы. • Нельзя верить догмам.