September 19, 2019

Правило 3-х нажатий для навигации неверно

Правило 3-Click

Это постоянная, неофициальная теория, которая гласит, что ни одна страница не должна занимать более 3-х нажатий для доступа. Она гласит, что путь к целевому действию должен занимать не более 3- х кликов. Часто дизайнеры применяют это правило для навигации по сайту и поиска информации, но некоторые также вызывают его для других типов задач (заполнение формы, к примеру).

Правило 3-х кликов предполагает, что пользователи будут разочарованы и, скорее всего, разочаруются в действиях, для выполнения которых требуется более трех кликов.

Большая проблема с правилом 3-х кликов состоит в том, что оно не было подтверждено данными ни в одних опубликованных исследованиях на сегодняшний день. Фактически, исследование Джошуа Портера опровергло это; Исследование показало, что количество пользователей не увеличивается, когда в задачу входит более 3-х кликов, а уровень удовлетворенности не уменьшается. Ограничение стоимости взаимодействия действительно важно, но картина сложнее, чем просто подсчет кликов и практическое правило для максимально допустимого количества.

Подсчет кликов сам по себе не является значимым показателем по нескольким причинам:

  1. Количество кликов, необходимых для выполнения задачи, будет зависеть не только от дизайна, но и от сложности задачи, поэтому абсолютное число, применимое для всех задач, невозможно.
  2. Не все клики одинаковы: одни приводят к длительному времени ожидания (например, если загружается новая страница), а другие - к мгновенному.
  3. Количество кликов редко раскрывает полной картины действий - есть много аспектов дизайна, которые способствуют его удобству использования, независимо от того, включает ли последовательность задач 2 щелчка или 10. В реальном мире пользователи делают ошибки, неправильно понимают вещи и запутываются в последовательности. Простой подсчет количества шагов в процессе упускает то, какие действия на самом деле совершают пользователи, и возможности предоставить им менее разочаровывающий опыт.

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

NYC.gov. Поиск места, где можно сообщить о сломанном счетчике воды, занимает всего 3 щелчка, но, тем не менее, он по-прежнему предлагает трудоемкий пользовательский опыт, требующий большого количества изучения и прокрутки. На главной странице пользователи должны щелкнуть « Ресурсы Нью-Йорка» (1), а затем просмотреть длинную страницу ссылок. На полпути вниз по этой странице (ниже сгиба на большинстве ноутбуков) находится раздел «Жилье и строительство» со ссылкой для Арендаторов (2), который приводит пользователя к очень длинному списку ссылок с жалобой на расходомер воды (3). внизу - 133-я ссылка в списке.

Происхождение правила 3-Click

Самая ранняя опубликованная ссылка на правило 3-х кликов (по мнению автора) содержится в книге Джеффри Зельдмана 2001 года « Перенеси свой талант в Интернет» , в которой он упоминает уже широко распространенную концепцию правила 3-х кликов среди сообщества веб-дизайнеров. Эта книга не содержит данных, подтверждающих утверждение максимально допустимых 3-х кликов, просто отмечает причину, согласно которой « Многие пользователи (не идиоты) соглашаются с тем, что пользователи сети движимы стремлением к быстрому удовлетворению. Если они не могут найти что-то в течение трех кликов, то скорее всего отправятся искать другой сайт ».

Хотя за многие годы мы увидели очевидные доказательства того, что пользователи сети действительно стремятся к ускорению процесса взаимодействия, примечательно, что первое появление правила о 3-х кликах не подтверждается доказательствами или исследованиями, являясь просто утверждением о том, что пользователь «Может» отправиться искать другой сайт.

Правило 3-Click приводит к чрезмерно широким пользовательским интерфейсам навигации

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

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

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

Лучше, чем подсчет кликов

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

Для хорошей навигации важнее следующее:

  • Убедитесь, что у пунктов меню ёмкие и информативные названия избегайте неопределенных, незнакомых или специфических и фирменных терминов.
  • Включите четкую структуру (хлебные крошки, локальная subnavigation), которые показывают пользователю, где он в настоящее время находятся в IA.
  • Избегайте многоуровневых иерархических выпадающих меню (на рабочем столе) в пользу мега-меню. Иерархические (каскадные) выпадающие меню подвержены ошибкам, требуют точных движений мыши и показывают только один фрагмент сайта IA одновременно. Мега-меню обычно отображают несколько уровней информационной иерархии и позволяют пользователю сразу сравнить несколько путей, чтобы понять, какую «местность» они должны исследовать. Они также поддерживают простое исправление ошибок для пользователя, который делает ошибки по пути. Нет ничего более удручающего, чем процесс с высокой стоимостью взаимодействия, который нужно выполнить дважды, потому что вы нажали не ту ссылку или случайно закрыли меню.
Cardinal Health использует иерархические выпадающие меню для навигации. Эти меню трудны для взаимодействия, подвержены ошибкам и предоставляют гораздо мень��е контекста, чем мегаменю.

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

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

Резюме

Хотя минимализация усилий для выполнения задачи важна, правило 3-х кликов это произвольное явление.

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

by

Page Laubheimer