Как и в любой другой области, в веб-дизайне существует свой набор лучших практик, которые стали основными постулатами. Хотя эти «законы» призваны улучшить юзабилити и удобство использования сайтов, они, конечно, не являются неизменными.
Одна из идей веб-юзабилити, которая, кажется, не теряет своей актуальности, - это правило трех кликов: идея о том, что посетителю должно потребоваться не более трех кликов, чтобы добраться до желаемого контента.
Эта идея приписывается идейному вдохновителю UX - Якобу Нильсону. Сегодня мы развенчаем правило трех кликов и покажем, почему это правило нуждается в обновлении. Мы также расскажем о некоторых лучших практиках для вебмастеров, которые можно применить вместо правила трех кликов, чтобы улучшить юзабилити и пользовательский опыт сайта.
Что такое правило трех кликов?
Как уже упоминалось выше, правило трех кликов - это устоявшееся мнение или предложение, направленное на то, чтобы сделать данные более доступными.
Оно гласит, что любая нужная информация должна быть доступна не более чем за три клика. Гипотеза, лежащая в основе этой идеи, заключается в том, что пользователи скорее всего будут разочарованы, если не смогут добраться до веб-страницы или настроек за три щелчка мыши.
Если задуматься, то правило поначалу кажется вполне логичным. В конце концов, оптимизация UX и юзабилити направлена на то, чтобы люди достигали своих целей как можно быстрее. Один из способов добиться этого - сократить количество кликов или шагов в процессе.
Однако статистика и исследования показывают, что правило 3 кликов применимо не ко всем сайтам.
Более того, жесткое следование этому правилу в некоторых случаях может сделать работу пользователя еще более неприятной, как мы увидим в следующих разделах.
Происхождение правила 3 кликов
Одно из самых ранних упоминаний о правиле 3 кликов можно найти в книге американского предпринимателя и веб-дизайнера Джеффри Зельдмана – «Taking Your Talent to the Web».
В самой книге не приводится эмпирических доказательств, подтверждающих это утверждение, скорее, это предложение, а не железное правило.
Это предположение основано на том, как люди использовали интернет в то время.
Итак, чтобы понять концепцию, лежащую в основе правила «3 клика», и его предполагаемое принятие, давайте перенесемся в 2001 год и посмотрим на состояние всемирной паутины или Интернета.
Например, вот как выглядел сайт Apple в те времена:
То же самое можно сказать и о других 29 миллионах веб-сайтов того времени.
Более того, только 8 % населения Земли имело доступ к Интернету. Интернет был новой средой, и ограничения в пропускной способности широкополосной связи и архитектурных языках ограничивали UX-дизайнеров минималистичным дизайном сайта.
Если добавить к этому медленное время загрузки, то это правило начинает обретать смысл.
К тому же, чтобы попасть на нужную веб-страницу, посетителям нужно было пройти в основном линейный путь.
Введите название или термин компании >>> нажмите на ссылку >>> дождитесь загрузки страницы >>> просмотрите веб-сайт и нажмите на нужную ссылку.
Интернет и создание сайтов также стоили дорого.
Поэтому вполне справедливо предположить, что люди будут расстроены, если им потребуется много времени, чтобы добраться до определенной страницы. Поэтому количество кликов на сайте превалировало над эстетикой.
А для компаний было экономически выгодно, чтобы все было просто и не требовало чрезмерного кодирования.
Но даже в те ранние времена исследования доказали, что количество кликов и удобство использования связаны только тогда, когда они обеспечивают лучший пользовательский опыт.
В 2024 году путей к сайту будет столько же, сколько и страниц на нем. Использование правила трех кликов привело бы к возврату назад и перегруженности элементами дизайна.
Разбор примера правила 3 кликов
Правило 3 кликов может привести к созданию неоптимизированных навигационных интерфейсов сайта
Одной из основных проблем, возникающих при соблюдении правила трех кликов, является разработка навигационного меню.
За последние несколько лет иерархическая архитектура (ИА) веб-сайтов расширилась в геометрической прогрессии.
На каждом бизнес-сайте есть категории, подкатегории, независимые целевые страницы, записи в блогах, часто задаваемые вопросы, разделы справочного центра и другие подобные элементы, позволяющие направлять на целевую страницу различные типы трафика.
Представьте, что будет, если все эти рубрики и страницы поместить в одно мега-меню в шапке сайта, чтобы все было доступно на расстоянии 3 кликов.
Это было бы сложно, менее разборчиво, сбивало бы посетителей с толку и могло бы привести к тому, что они ушли бы с сайта.
Вы ухудшили впечатление от сайта, пытаясь улучшить его с помощью непроверенного предложения.
Это напрямую противоречит обеспечению бесперебойной работы с сайтом, что является основной сутью дизайна сайта.
Вот пример густонаселенного IA, который наверняка вызовет у вас тошноту.
А это навигационное меню для сайта New York Times.
Вы можете видеть, что каждый элемент соответствует основной категории новостей.
Когда вы нажимаете на элемент, он переводит вас на новую страницу с подкатегориями и связанными с ними новостными статьями.
А теперь представьте, какой хаос возник бы, если бы новостное издание решило впихнуть всю эту информацию в заголовок, чтобы сделать статьи доступными в три клика.
Вот почему к IA сайта следует подходить индивидуально.
Так что же вы должны сделать?
Сядьте и разработайте первую итерацию навигационного меню вашего сайта, проведите несколько юзабилити-тестов, например, сортировку карточек, и повторите этот процесс, чтобы оптимизировать его дальше.
Исследования, которые опровергают правило 3 кликов
Удобство использования не сводится к определенному количеству кликов, касаний, нажатий и пролистываний.
Давайте перейдем от логических объяснений к реальным примерам из жизни, которые подтверждают, что правило 3 кликов - это миф.
Исследование Джошуа Портера
В 2003 году Джошуа Портер взялся выяснить, сколько кликов на сайте является слишком большим количеством.
Результаты исследования сразу же опровергли правило 3 кликов.
Команда проанализировала более 8 000 кликов и обнаружила, что люди посещали до 25 страниц, прежде чем завершить свою задачу.
Среднее количество кликов варьировалось от 3 до 25, и пользователи продолжали кликать.
Более того, исследование выявило очень незначительные различия в неудовлетворенности пользователей в зависимости от количества кликов.
Данные нарисовали относительно ровный график:
Это исследование также указывает на то, что пользователи обычно уходят не из-за количества кликов.
Посетители уходят с сайта, когда не могут найти то, что им нужно. Если пользователям приходится постоянно нажимать на кнопку «Назад», они, скорее всего, откажутся от этой затеи.
Но если пользователи чувствуют, что движутся в правильном направлении, они продолжают двигаться вперед.
Тесты юзабилити Якоба Нильсена
В книге Якоба Нильсена «Приоритет юзабилити» описывается, что в ходе серии юзабилити-тестов их команда обнаружила, что легкость поиска информации увеличилась на 600 % после перехода на дизайн, в котором страница товара располагалась в 4 кликах от главной страницы вместо 3 кликов.
Таким образом, они, по сути, увеличили количество кликов для покупки и при этом получили лучшие результаты.
Здесь мы снова видим, что основное внимание уделяется удобству пользователей. Сделав информацию более доступной, люди не беспокоились о количестве кликов.
Стоит ли вообще игнорировать количество кликов?
Мы не хотим сказать, что вы должны полностью игнорировать количество кликов, необходимых для выполнения задачи, или неоправданно раздувать это число.
Вместо этого лучше ориентироваться на такие показатели, как доверие и удовлетворенность пользователей.
Если люди знают, что могут получить то, что им нужно, и чувствуют прогресс в достижении этой цели, они будут нажимать столько раз, сколько потребуется.
Мы наблюдали эту тенденцию в исследовании Джошуа Портера.
На самом деле, иногда лучше сделать больше кликов для сегментации задачи или набора контента, чтобы не перегружать аудиторию. В других случаях лучше обойтись одним кликом.
Чтобы проиллюстрировать нашу точку зрения, мы привели два практических примера с крайних концов этого спектра «количества кликов».
Многоступенчатые формы (когда следует отказаться от правила 3 кликов)
Различные исследования показывают, что многоступенчатые формы работают лучше, чем одноступенчатые. Это особенно верно, если у вас обширная форма:
1. Сайт Conversionfanatics протестировал одношаговую и многошаговую формы на своей целевой странице и обнаружил, что многошаговая форма превзошла первую на 12 %. Кроме того, она давала больше ссылок.
2. Студия Geek Powered перешла от одношаговой формы к 4-этапной форме генерации лидов и повысила коэффициент конверсии на сайте своего клиента на 5,51 %.
Причина таких результатов проста.
Большие формы опросов или лидов могут отпугивать некоторых пользователей и могут быть сложнее для понимания. Ситуация может усугубиться, если вы хотите собрать разные типы информации.
Например, ваша форма может содержать поля для личной информации, профессиональной информации, последующих вопросов о поведении или предпочтениях и другие подобные поля.
Если вы попытаетесь разместить все это на одной странице, вам придется создавать подразделы, в результате чего форма будет выглядеть раздутой. Лучше разделить форму на несколько страниц.
То же самое относится и к формам опросов - никому не нравится заполнять длинные формы!
Благодаря многоступенчатому дизайну респондентам легче сосредоточиться на заданном вопросе, а не перегружать себя длинной страницей, полной вопросов.
Даже если пользователям приходится много раз нажимать на кнопки, они уверены, что приближаются к своей цели. Вы также можете добавить шкалу прогресса (визуальную или цифровую), чтобы вселить уверенность в пользователей и помочь им понять, на каком этапе они находятся.
В конце концов, уверенность пользователей должна лежать в основе дизайнерских идей.
Есть и другие сценарии, когда большее количество кликов может быть полезным.
Например, когда вы совершаете покупку на новом сайте, вы, вероятно, будете чувствовать себя более уверенно, если у вас будет экран проверки для подтверждения данных заказа и платежной информации.
Если дополнительный экран или страница подтверждения могут предотвратить ошибку пользователя, это может быть и к лучшему. Больше кликов - это не всегда плохо, особенно если они вызывают доверие.
Оформление заказа в один клик (когда лучше меньше кликов)
В некоторых случаях лучше сделать меньше кликов. В частности, следует избегать дополнительных кликов, которые не добавляют ценности опыту пользователя или являются особенно повторяющимися.
Один из примеров, который нам очень нравится, когда меньшее количество кликов имеет большой смысл, - это оформление заказа в 1 клик от Wildberries и Ozon.
Эта простая функция упрощает процесс покупки, автоматически сохраняя информацию о платеже и доставке и позволяя совершить покупку... в один клик.
Функция «1 клик» работает, потому что избавляет пользователей от необходимости вводить одну и ту же информацию повторно.
Это очень удобно для пользователей, так как частые покупатели не обязательно получат что-то от повторения одного и того же процесса для каждого заказа. И это уменьшает вероятность отказа от корзины.
Способы оптимизации: тесты юзабилити
5 советов, которые лучше, чем правило 3 кликов, помогут улучшить юзабилити сайта
Теперь вы видите, что строгое следование правилу трех кликов - это абсолютное «нет-нет» в дизайне сайта и UX.
Это заставляет вас задать простой вопрос - есть ли лучшие способы оптимизации путешествия клиента, основанные на данных, для более эффективного в дальнейшем интернет-маркетинга и заработка на сайте?
Самый простой способ оценить удобство веб-сайта - это юзабилити-тесты. Они помогут вам найти точки улучшения для различных элементов сайта до и во время разработки.
Некоторые из верных и проверенных способов оптимизации прототипа - сортировка карточек, обратная сортировка карточек и тестирование дерева.
Эти методы позволяют определить, легко ли людям ориентироваться в меню и IA, чтобы добраться до нужной страницы или настроек без особых усилий.
Вы можете протестировать свои прототипы и дизайн продукта, прежде чем приступать к разработке.
Самое приятное, что их можно проводить удаленно, используя передовые инструменты юзабилити, такие как Usabilla, что избавляет от необходимости проводить личные интервью.
Так что если вы планируете запустить новый продукт или крупное обновление, протестируйте его, чтобы убедиться, работает ли правило трех кликов для вас или нет.
Способы оптимизации: отзывы клиентов
Тестирование в процессе разработки - отличная стратегия для доработки первоначального дизайна, но впечатления участников в контролируемых условиях тестирования могут сильно отличаться от реальных посетителей.
Как же оценить удобство использования сайта после его запуска?
Очень просто. Задайте следующий вопрос непосредственно посетителям: «Нашли ли вы то, что искали?»
Регулярный сбор отзывов поможет вам провести пост-релизную оптимизацию, используя опыт пользователей.
Вы можете использовать эффективный инструмент обратной связи с клиентами для разработки целевых опросов и определения того, насколько легко посетителям было добраться до нужной страницы.
Вот как:
Добавьте эти опросы на главную страницу, страницу оформления заказа, раздел базы знаний и другие точки взаимодействия, включающие несколько этапов или подразделов.
Например, если вы разместили опрос Nudge на 4-этапном процессе оформления заказа, вы сможете узнать, считают ли люди какой-либо этап лишним, отнимающим много времени или запутанным.
1. Спросите, как прошел их опыт покупок и что бы они изменили в процессе оформления заказа.
2. Получив данные, вы можете оптимизировать процесс оформления заказа, чтобы улучшить впечатления пользователей.
3. Затем проведите еще один опрос после обновления, чтобы выяснить, помогли ли ваши усилия или нет.
Самое приятное, что современные инструменты юзабилити, такие как Qualaroo, позволяют анализировать данные обратной связи в режиме реального времени, что позволяет проводить постоянную оптимизацию.
Вы можете использовать встроенный механизм анализа настроений на основе искусственного интеллекта и раздел подробной отчетности для анализа отзывов в режиме реального времени и извлечения полезной информации.
Способы оптимизации: избегайте больших иерархических выпадающих элементов
Как следует из названия, в многоуровневом иерархическом меню категории, подкатегории и товары располагаются в навигации по сайту в иерархическом порядке.
Таким образом, покупатели могут найти нужный им товар, открывая каждую подкатегорию по мере продвижения по навигационному меню.
Кажется логичным и простым, верно?
Проблема начинается, когда количество категорий и товаров увеличивается. В таких случаях чрезмерное упрощение может привести к обратному результату и затруднить навигацию по сайту.
Возьмем, к примеру, сайт электронной коммерции Amazon. Огромное количество категорий и подкатегорий товаров потребует обширной вложенности, которая может стать непосильной для посетителей. Чтобы перейти на следующий уровень, им придется нажимать на конкретные подкатегории.
Способы оптимизации: мегаменю
Простой альтернативой является использование мегаменю.
Мегаменю - это также выпадающее навигационное меню. Эта навигационная техника размещает все опции определенной категории в одном меню, а не в узком выпадающем, как показано на изображении ниже:
Как оно работает для улучшения навигации и читаемости?
• С помощью мегаменю вы можете отображать в навигационном меню категории первого или второго уровня.
• Это выглядит чище, чем вложенные элементы.
• Человек переходит на новую страницу, чтобы просмотреть категории третьего уровня и другие последующие.
• Дает больше места для добавления иллюстраций или изображений к категориям, чтобы сделать их более описательными.
• Занимает меньше места, чем полноценное иерархическое меню.
• Сокращает обратный путь, если человек попал не в ту подкатегорию.
Вы всегда можете добавить опрос на главную страницу, чтобы собрать отзывы о мегаменю и доработать его.
Способы оптимизации: эффект серийной позиции
Эффект серийного расположения определяется как тенденция людей запоминать первые и последние элементы серии лучше, чем средние.
Как это связано с юзабилити сайта?
Каждая страница на вашем сайте призвана побудить посетителя к определенному действию.
Например:
• Страница товара предназначена для того, чтобы заставить посетителя нажать на кнопку «Купить сейчас».
• Страницы скидок и предложений созданы для того, чтобы привести людей к нужному продукту.
Используя эффект последовательного расположения, вы можете направить внимание посетителей на целевые элементы на странице и побудить их к действию.
Вот как:
1. Поместите важные элементы в начало, например навигационное меню, кнопку CTA, звездные рейтинги и т. д.
2. Добавьте CTA в начало и конец страницы, чтобы они были легко доступны, пока посетитель сканирует страницу.
3. Добавляйте высокоинтерактивные элементы в одно и то же место на разных страницах, чтобы обеспечить последовательность. Например, сайт электронной коммерции может поместить политику возврата и обмена в одном и том же месте страницы. Это делает информацию легко сканируемой, когда люди переходят со страницы на страницу.
4. Используйте одинаковые иконки на всем сайте, чтобы облегчить посетителям запоминание.
Эти простые шаги делают сайт более доступным и удобным для навигации.
Когда люди могут легко распознать действия, которые им нужно совершить, чтобы перейти на следующий шаг в воронке конверсии, это повышает вероятность того, что они совершат запланированные действия, даже если им придется нажимать несколько раз.
Это лучше, чем класть все яйца в корзину правила трех кликов.
Способы оптимизации: хлебные крошки
Хлебные крошки - это текстовые навигационные схемы, которые помогают посетителям определить свое местоположение на сайте.
Добавление хлебных крошек может оказать двойное влияние на юзабилити сайта и пользовательский опыт:
• Облегчает навигацию - люди, попавшие на любую страницу из органического поиска, могут быстро понять, где они находятся на сайте. Они могут просто нажать на любую категорию в хлебной крошке вместо кнопки «Назад» и перейти к последней категории.
• Улучшает SEO и индексацию - Хлебные крошки помогают Google понять, как структурирован ваш сайт. Они также отображаются в верхней части ссылок на ваши страницы в SERPS.
Даже если посетитель не найдет нужную информацию на странице, у него будет представление о том, где ее можно найти. Это означает, что они могут пройти больше трех кликов, чтобы добраться до места назначения.
Создавайте сайт для удобства пользователей, а не для кликов
Вы прокрутили страницу до конца, потому что нашли в этом блоге ценную информацию. То же самое касается и количества кликов. Если пользователи видят берег вдалеке, они будут продолжать грести, чтобы достичь его.
Правило 3 кликов не связывает это чувство достижения. Пользовательский опыт должен иметь приоритет.
Все примеры и кейсы в этом блоге также подтверждают идею о том, что нужно упростить пользователям достижение их целей, не затрудняя их путь. Если три клика или меньше помогут вашей аудитории, продолжайте в том же духе.
А если нет, найдите лучшее решение, которое мотивирует их продолжать кликать, не расстраиваясь и не раздражаясь.
Еще советуем:
