Мобильный Контент
iosAndroidWindows PhoneTizenBlackberry
— Приложения и игры Android, iPhone, iPad. Аналитика. Реклама.

Как работает правило трех кликов на практике

27 ноября, 2015

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

В 2001 году Джефри Зелдман (Jeffrey Zeldman) в своей книге «Реализуй свой талант в вебе» (Taking Your Talent to the Web) высказал идею о том, что пользователь, который пришел на сайт, будет очень расстроен, если не найдет нужную ему информацию в 3 клика. Это правило дизайна уже более 15 лет считается догмой, от которой не отступает ни один разработчик. ()

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

Эти же размышления подтверждают данные исследования Джошуа Портера, которые были опубликованы на сайте User Interface Engineering (Технология интерфейса пользователя). В исследовании говорится, что пользователь не теряет желания получить результат, если число кликов увеличивается. Он может уйти со страницы поиска уже на втором клике, либо пролистать 30 страниц информации и что-то купить, либо совершить какое-либо иное конверсионное действие.

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

Таким образом, для адекватного восприятия информации пользователю не так важно «правило 3 кликов», как другие характеристики страницы, влияющие на юзабилити интернет-магазина.

Удобство «оформление заказа» на фоне контента страницы.

Кейс: привлечь внимание пользователя к кнопкам «оформления заказа», обеспечить возможность покупки товара в один клик.
Реализация: Люди читают только 28% текста на странице. Именно поэтому ключевые моменты, к которым необходимо привлечь внимание, требуют контрастного выделения информации.

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

Комментарий Евгения Усенко, директора по электронной коммерции компании re:Store:

В новой корзине сайта re-store.ru процесс оформления заказа разбит на 4 шага, каждый из которых решает определенные бизнес-задачи. Многие скажут, что такое количество шагов для пользователя - перебор и это, в конечном счете существенно снижает конверсию, однако имеющиеся на сегодня данные опровергают это утверждение скептиков- юзабилистов. В нашем случае, конверсия не просто не упала, а имеет динамику к росту, средний чек и его «длина» выросли в первый же день после внедрения изменения, а количество собираемых контактов выросло в несколько раз.

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

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

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

Причем, оформить заказ возможно всегда, даже если каких-то позиций нет в наличии или их не возможно собрать в одном в магазине в общем чеке. Сразу после оформления таких сборных заказов оператор call-центра свяжется с клиентом для уточнения всех деталей покупки (предложит альтернативу позиции, которой нет в наличии в данный момент времени, или забронирует ее в другом магазине сети, расскажет о возможных сопутствующих товарах и аксессуарах, даст консультацию).

На четвертом этапе происходит выписка заказа. Она отображается в кратком виде и представляет собой информацию о составе заказа и дальнейших действиях пользователя. У покупателя также есть возможность оставить отзыв на Яндекс.Маркете и зарегистрироваться на сайте в «один клик».

Корректное отображение сайта на всех типах устройств (десктоп, мобильные устройства).

Кейс: разработать мобильную версию сайта/приложение, адаптивный дизайн основной версии сайта.
Реализация: С ростом популярности мобильных покупок возрастает роль адаптивного веб-дизайна в повышении эффективности проекта.

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

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

Результат/комментарий Сергея Цымбаревича, коммерческого директора консалтинговой компании «Джей лаб»:

По предварительным оценкам Google, только 36,5% сайтов удобны для мобильных пользователей. Если сайт не адаптирован под мобильные девайсы, большие объекты, такие как широкие изображения, создают негативный пользовательский опыт из-за необходимости постоянной прокрутки страницы влево-вправо. Слишком мелкий текст невозможно прочесть без увеличения, а масштабирование, в свою очередь, приводит к увеличению числа скроллов. Если клиент уже готов совершить покупку, но ему нужно тысячу раз прокрутить страницу, чтобы добраться до кнопки “Купить”, нет ничего удивительного в том, что он покинет сайт и найдет более функциональный инструмент для совершения покупки.

Несмотря на то, что адаптивный дизайн и мобильная версия сайта создают позитивный пользовательский опыт, в первое время может наблюдаться спад в метрике. Это не страшно, такой спад с легкостью окупится в дальнейшем с увеличением количества просмотров, совершенных покупок и, в итоге, с увеличением средней стоимости заказа. Даже если вначале процент конверсии уменьшится из-за увеличения количества посетителей, пользователи будут возвращаться чаще, что будет способствовать выстраиванию более долгосрочных отношений с клиентами. У нас есть наглядный пример того, как бизнес может увеличить прибыль, представив себя в мобильном пространстве. После запуска нового приложения суши-бар «Манга» удвоил объемы доставки готовых блюд, продажи повысились на 30%, а оборот – на 26%. Приложение оказалось настолько успешным, что владелец суши-бара сейчас работает над подобным приложением для дочерней сети пиццерий.

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

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

О сети магазинов re:Store:

84 магазина re:Store формата Apple Premium Reseller в России входят в состав группы компаний Inventive Retail Group, которые объединяют сети специализированных магазинов ведущих производителей цифровой электроники, детских и спортивных товаров. Сегодня ядро компании Inventive Retail Group составляют знаменитые во всем мире бренды: Apple‚ Samsung, Sony, LEGO и Nike. В 2014 году в портфель компании вошли три новых бренда: Prenatal, UNOde50 и Street Beat.

О компании «Джей лаб»:

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

.

Другие новости по теме:

Постоянный адрес публикации: http://www.procontent.ru/news/30012.html

Фотографии статьи:
Как работает правило трех кликов на практике Как работает правило трех кликов на практике
Все фото →


RSS-подписка на новости рубрики

Главные новости:

Лучшие стрелялки на Андроид 2017: обзор топ-10 шутеров Лучшие стрелялки на Андроид 2017: обзор топ-10 шутеров
На рыбалку с Андроид: ТОП-7 казуальных игр-симуляторов рыбной ловли Рыбалка на Андроид: обзор ТОП-10 бесплатных игр симуляторов рыбной ловли
Robot Warfare: обзор эпичного онлайн-шутера с боевыми роботами [Android] Robot Warfare: обзор эпичного онлайн-шутера с боевыми роботами [Android]
Игра «Слова онлайн» на Андроид: обзор интеллектуального тайм-киллера Игра «Слова онлайн» на Андроид: обзор интеллектуального тайм-киллера
Приложения VPN заблокированы в App Store Китая Приложения VPN заблокированы в App Store Китая
ММОРПГ на Андроид: обзор лучших игр за 2017 год (топ-15) ММОРПГ на Андроид: обзор лучших игр за 2017 год (топ-25)
Обзор головоломки Monument Valley 2 на iPhone и iPad: разгадываем тайны святой геометрии Обзор головоломки Monument Valley 2 на iPhone и iPad: разгадываем тайны святой геометрии
Обзор Dead Plague: чумовой зомби-шутер на Android и iOS Обзор Dead Plague: чумовой зомби-шутер на Android и iOS




+ Добавить обзор




Актуальные темы:

Зомби Рейд на Андроид – играем бесплатно! Зомби Рейд на Андроид – играем бесплатно!
Robot Warfare: обзор эпичного онлайн-шутера с боевыми роботами [Android] Robot Warfare: обзор эпичного онлайн-шутера с боевыми роботами [Android]
Игра «Слова онлайн» на Андроид: обзор интеллектуального тайм-киллера Игра «Слова онлайн» на Андроид: обзор интеллектуального тайм-киллера
Обзор Sticky AI на iPhone: превращаем сэлфи в крутые стикеры с бесплатным приложением от Prisma Lab Обзор Sticky AI на iPhone: превращаем сэлфи в крутые стикеры с бесплатным приложением от Prisma Lab
ММОРПГ на Андроид: обзор лучших игр за 2017 год (топ-25) ММОРПГ на Андроид: обзор лучших игр за 2017 год (топ-25)
Injustice 2: обзор «мясного» файтинга на iOS и Android с супергероями из комиксов Injustice 2: обзор «мясного» файтинга на iOS и Android с супергероями из комиксов
Обзор угарного файтинга Nonstop Chuck Norris для Android и iPhone: Чак Норрис с сэлфи-палкой Обзор угарного файтинга Nonstop Chuck Norris для Android и iPhone: Чак Норрис с сэлфи-палкой