Tag Archives: правила и законы

В защиту A/B-тестирования

23 Сен

parakee.livejournal.com

(Оригинал статьи)

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

Как же не истратить ценные ресурсы в пустую?

В юзабилити-тестировании существует такой инструмент — A/B-тестирование. Оно не занимает много времени и сил и позволяет провести сравнительный анализ одного элемента относительно другого. У такого метода есть свои сторонники и противники, но метод, безусловно очень полезный и важный. В защиту этого метода и приводится очень полезная статья, опубликованная в Smashing Magazine.

В защиту A/B-тестирования

Не так давно A/B-тестирование попало под несправедливую критику со стороны разных Internet-сообществ. Несмотря на то, что в некоторых местах эта критика и является справедливой, основной аргумент против A/B-тестирования все же некорректен. Создалось ощущение, что происходит путаница между методом A/B-тестирования и его конкретной реализацией (например, тестирование красной и зеленой кнопки и другие тривиальные тесты). Давайте взглянем на замечания, которые всплывали на сайте [Smashing Magazine] за последнее время.

Аргумент №1: A/B-тестирование и локальный минимум.

Джейсон Коэн (Jason Cohen) в своем посте под названием «Из выгребной ямы в канализацию: ловушка A/B-тестирования» утверждает, что A/B-тестирование дает нам в результате локальный минимум, в то время, как целью является достижение глобального минимума. Те, кто не понимает разницу между локальными и глобальными значениями в контексте A/B-тестирования, могут представить себе зависимость степени посещаемости web-страницы от расположения элементов на этой странице. Эту зависимость можно представить в виде графика, каждая точка которого представляет собой одну из модификаций страницы (по оси Х) и процент ухода с нее (по оси У). Чем ниже точка на графике, тем лучше. Рассмотрим пример Джеймса с  противопоставлением глобального минимума локальному:
Local-minimum-global-maximum in In Defense Of A/B Testing

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

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

Но с этим аргументом есть две проблемы…

1. Вы не можете быть уверены, что достигли глобального минимума

Jason Scaled in In Defense Of A/B Testing

Глобальный минимум существует только в теории. Давайте вернемся к примеру с желтым фоном. Что, если при дальнейшем тестировании вы обнаружили, что не цвет фона дал вам самый низкий показатель уходов? Или еще лучше, фон с изображением смешных котов дал еще более низкий показатель? Дело в том что если вы не добились показателя ухода в 0%, вы не можете быть уверенны, что действительно достигли глобального минимума.

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

2. Друзья мои, существует не только цвет фона

При оптимизации web-страницы вы можете изменять буквально сотни или даже тысячи переменных (и цвет фона — всего лишь одна из них). Заголовок, верстка, длина страницы, видео, изображения и цвет текста — это несколько из таких переменных. Ваша цель на этой странице (с точки зрения посещаемости или степени уходов) определяется всеми такими переменными. Это значит, что график (изображенный выше) не может быть одномерным и не так прост, как кажется. На самом деле он носит многомерный характер с большим числом переменных, влияющих на максимумы и минимумы.
FitnessLandscape in In Defense Of A/B Testing
Пики на графике являются показателями посещаемости или уходов со страницы и определяются разным числом переменных (на графике их всего две, но в реальности существуют сотни переменных). В отличии от одномерного случая, перебрать все варианты в реальности невозможно. Таким образом вы не можете гарантировать, что добились глобального минимума. Урок, который из этого можно извлечь — искать локальные минимумы.

Аргумент №2: A/B-тестирование минимальных изменений.

Рэнд Фишкин (Rand Fishkin) из SEOmoz разместил статью под заголовком «Не попасть в ловушку мелочей A/B-тестирования», в которой он подтверждает вывод Джеймса о бессмысленности тестирования отдельных небольших элементов страницы. Его главный аргумент это то, что тестирование минимальных изменений отнимает слишком много энергии и времени. Ниже приведено изображение из его блога. Конечные изменения слишком малы, чтобы их хоть как-то отметить.
Abtests in In Defense Of A/B Testing

Первое, что необходимо сделать — уменьшить время, затрачиваемое на прохождение теста (часто несколько недель), но не время, необходимое для создания теста (занимающее, обычно, несколько минут). Есть очень много автоматизированных систем тестирования, поэтому, после того, как вы создали тест, вам необходимо потратить совсем немного времени на настройку. Что плохого, если инвестиции в 15 мин. на создание теста для цветных кнопок дают в итоге 1,5% увеличение конверсии траффика в действия?

Многие инструменты A/B-тестирования позволяют очень просто создавать небольшие тесты. Они могут проводить тестирование в фоновом режиме, тест может быть в любой момент автоматически остановлен. Чем вы рискуете, создавая такие тривиальные тесты? Я вижу только положительную сторону: рост конверсии и продаж.

В качестве иллюстрации Рэнд приводит в пример редизайн стартовой страницы Basecamp, после которого конверсия возрасла на 14%. Можете себе представить, сколько усилий было приложено, чтобы сделать такой редизайн (по сравнению с тестом цветных кнопок)? Действительно, как вы уже поняли, график испытаний многомерный и очень сложный, поэтому при глобальном редизайне велика вероятность сделать еще хуже. В проектирований появляется много мест для ошибок. Можно ошибиться не только в цвете кнопки. Но мы не должны делать вывод, что тестирование радикальных изменений эффективнее тестирования мелочей, только потому, что мы никогда не слышали, что в результате глобального исследования что-то пошло не так. К тому же тестирование радикальных изменений требует гораздо большего числа сил и времени, по сравнению с небольшим тестом красного против синего.

Мы точно знаем, что при попадании в локальный минимум повышается конверсия, и это ведет непосредственно к увеличению прибыли. Это не означает, что мы должны отказаться от стремления найти глобальный экстремум (минимум или максимум). Глобальный экстремум, как «мир во всем мире» — его невероятно сложно достичь, но всегда нужно двигаться в этом направлении. Урок, который можно извлечь из вышесказанного: идеальная стратегия представляет собой смесь небольших тестирований (красный или синий?) и тестирований глобальных изменений.

Аргумент №3: A/B-тестирование душит творчество.

Джефф Этвуд (Jeff Atwood) сравнивает фильм «День Сурка» с A/B-тестированием и приходит к выводу, что A/B-тестирование также терпит неудачи, как и герой фильма. Джефф полагает, что в A/B-тестировании нет места эмпатии и оно душит творчество. Он ссылается на твиттер Натан Боуэрс (Nathan Bowers):

A/B-тестирование как наждачная бумага — вы можете сгладить с помощью него какие-то шероховатости, но не  можете ничего реально создать.

Но кто утверждает, что A/B-тестирование необходимо для создания чего-либо? Создание происходит в уме, а не исключительно инструментом. Так же порочно эти рассуждения можно применить и к обычной кисти:

Кисточка как палка с мехом — вы можете с ее помощью пощекотить кошку, но вы не можете ничего реально создать.

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

Резюме


Уроки, которые мы получили из этих трех аргументов:

  • Мы никогда не сможем добиться глобального экстремума, заменим его локальным экстремумом. Тестирование минимальных изменений занимает несколько минут, но результат будет гораздо больше, чем стоимость этих минут.
  • Постоянно изучайте наилучшие пути увеличения посещаемости выполняя как тривиальные тесты, так и тестирования глобального редизайна.
  • A/B-тестирование не убивает вашего воображения (вам необходимо очень много воображения при разработке вариантов тестов).
  • И наконец, не чуствуйте себя виноватым, применяя A/B-тестирование.

Перевод In Defense Of A/B Testing (Paras Chopra) — Smashing Magazine

Конференция Юзабилити Украина 2010

16 Сен

Юзабилити Украины 2010

5 ноября в Киеве пройдет первая всеукраинская конференция Юзабилити Украина 2010(http://usability.ua/). Впервые IT-конференция в Украине будет полностью посвящена вопросам юзабилити. Иными словами — тому, почему так важно сделать сайт простым и понятным для пользователя.

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

Организаторы конференции — ведущие украинские юзабилити-компании: Турум-бурум (http://turumburum.com/), Usabilist.com.ua (http://usabilist.com.ua), Инвуду (http://invoodoo.com/)

Юзабилисты расскажут о том, как упрощение интерфейса и облегчение взаимодействия пользователя с сайтом помогает повысить доходы веб-проекта; какие инструменты давно освоены западными онлайн-магазинами, но абсолютно игнорируются в Украине.

«Главная ценность нашей конференции в том, что мы все будем говорить о юзабилити на конкретных примерах из своей практики, — рассказывает представитель оргкомитета «Юзабилити Украина 2010» Евгений Мусиенко. — Никакого «сферического проекта в вакууме»: мы хотим поделиться реальным опытом».

В программе конференции:
– доклады экспертов из ведущих IT-компаний Украины и России (Яндекс, Uidesign, UI Modeling Company, iContext, Турум-бурум, Invodoo, Usabilist.com.ua и др.);
– свободное общение и анализ практического опыта украинских веб-проектов с юзабилити-специалистами из Tochka.net, korrespondent.net, bigmir)net;
– круглые столы, посвященные проблемам юзабилити в Украине — с участием представителей коммерческих проектов и компаний-разработчиков (Rozetka.ua, Nezabarom, Drimtim.ru, Owox, yakaboo.ua);
– пресс-конференция о развитии украинских веб-проектов.

Место проведения конференции будет объявлено 21 сентября.
Полная информация об участниках – на сайте проекта: http://usability.ua

Более подробную информацию о проекте вы можете получить в оргкомитете конференции:
Александра Голубь, координатор проекта,
e-mail: alexandra@turumburum.com
тел.: +380 50 975 79 14

Иванна Скиба, PR-менеджер проекта,
e-mail: pr@turumburum.com

Почему папки желтые

6 Сен


Почему папки желтые
Папка — одна из самых известных метафор экранных интерфейсов.  Это очень мощный и сильный символ. За достаточно короткий период времени он сумел затмить термин, который был призван обозначать.  Понятие «директория» или «каталог» канули в Лету. Хотя «папка» когда была лишь метафорой для их обозначения в графических оболочках.

В процессе работы собирал разные факты об этой иконке, скидывал в один файл. Решил, что будет не лишним привести в более менее читабельный вид и поделиться.

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


Своим появлением она обязана идее оснастить графический интерфейс легендарной рабочей станции Xerox Star (Xerox 8010) метафорами, понятными рядовому офисному клерку. Идеи черпались из стандартного канцелярского оснащения тогдашних офисов. Первым же коммерческим воплощением на массовом рынке стал интерфейс Apple Lisa.

Basic folder appearanceA folder is drawn as a white rectangle (filled in by the application) with a thin (one pixel) black border. Every folder has a tab, which looks like a tab on a standard manilla folder. The tab is always above the upper left corner of the folder. It is called the title tab. The rectangular portion of the folder that holds the folder’s contents is called the body of the folder

“Lisa user interface standards” (1980)

Бумажная папка
Прототипом для метафоры послужила так называемая «манильская папка» (manila folder). Насколько я знаю в русском языке подобный термин отсутсвует (хотя иногда и мелькает в  художественной литературе, что, впрочем, может являться лишь ляпом). Правильно будет говорить просто «бумажная папка» или «папка».
Конструктивно она представляет собой согнутый лист бумаги, внутрь которого можно вкладывать или подшивать документы..


Folder=fold (сгибать, собирать)+er (суффикс для образования существительного)

Данный тип папок не был известен на территории бывшего СССР, поэтому иконка папки отчасти являлась симулякром, т.е. не имела под собой предметной части, а только свойство. В системах Win 9x объект казался просто желтым прямогольничком с выступом, т.е. вещью абстрактной.

Бумага. Почему папки желтые.

Американский тип папок изготовляют из прочной бумаги, называемой «манильской». В ее состав входит «манильская пенька», волокна, добываемые из листьев текстильного банана или абаки (растение, родом с Филиппин). Волокна очень жесткие и обладают равномерной толщиной, легко окрашиваются. Хотя, как правило, манильскую бумагу не подвергают обработке красителями. Она сохраняет естественный цвет волокон: желтовато-бежевый. Вот почему иконки папок Windows и некоторых других систем — желтые или бежевые.

Помимо бумаги манильскую пеньку, используют для производства морских канатов. По этой причине второе название манильской бумаги — «канатная».

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

Материал для изготовления папок достаточно гладкий, в составе бумаги нет грубых частиц, чтобы не поцарапать документы. Отсуствуют и химические активные компоненты, способные, вступить в реакцию с фотобумагой и повредить снимки, хранящиеся в папках. Существует стандарт, который требует, чтобы папки, попав в воду, не окрашивали содержимое в какой-либо посторонний оттенок.
«Леопардовая» иконка папки из MacOs, хорошо видна неоднородная бумажная фактура.

В Microsoft Windows Vista/7 папки развернуты на 90 градусов. Это сделано для придания определенной свежести иконкам. А также символизирует более широкую трактовку понятия «папка» в этой системе. В частности, она больше не ассоциируется лишь с физической директорией на диске. У развернутой папки есть свое преимущество: в ней легче компоновать изображение документов.

Продолжение следует…

Спасибо большое пользователю rogix

Веб-формы: понижаем когнитивную нагрузку

3 Сен

Дизайнов три, а форма одна
Сможете ли вы сходу сказать, которая из этих форм легче воспримится пользователем? В этом посте я приведу рекомендации по дизайну веб-форм, с целью облегчения когнитивной нагрузки
Рекомендаци основаны на результатах теста, который провели в 2006 году и отчето котором размещен на сайте uxmatters. Тест был построен на технологии считывания движений глаз пользователя (eyetracking). Авторы теста получили весьма полезные данные. Они признают, что немного слукавили, так как им пришлось предъявлять веб-формы пользователям не в реальном контексте веб-страницы, а изолированно, чтобы изучать фиксированние глаз именно на форме, а не на других элементах сайта. Синими окружностями показаны фиксирования глаз, линиями — передвижения взгляда.

Расположения названия текстового поля

Названия с выравниванием по левом краю расположенные над текстовыми полями Названия выровнены по левому краю и расположены слева от текстовых полей

В большинстве случаев, название лучше распологать над полем ввода текста. Человеку не приходится смотреть отдельно на само поле ввода текста и его название — он может это сделать одним взглядом. Не надо забывать визуально явно отделять название следующего текстового поля от предыдущего. В ходе теста было установлено, что если название расположено слева от текстового поля и выровнено по левому же краю, то время скачка глаз от названия к самому полю занимало до 500 мс, тогда как в последующих тестах оно не превосходило 100 мс.

Выравнивание названия

Во многих случаях, выравнивание названий по левому краю и расположение их слева от самих текстовых полей очень сильно загружают восприятие пользователя.

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

Начертание названий

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

Выпадающие меню

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

Заголовок выпадающего меню

Вместо того, чтобы приписывать к выпадающему меню заголвок, просто используйте одну из позиций меню как первое значение.

=======

http://uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php

Интерпретация Рехимкулова Рината

Конференция User Experience Russia 2010 в Москве

30 Авг

Конференция User Experience Russia 2010

7-8 октября в Москве состоится самое грандиозное в России событие в области юзабилити –User Experience Russia 2010, которая пройдет в этом году в четвертый раз и будет посвящена вопросам юзабилити, проектированию и взаимодействию с пользователем услуг в интернете.

В этом году конференция пройдет при поддержке европейской ассоциации юзабилистов UPA Europe.

Одним из ключевых докладчиков этого года – Эрик Райс, гуру юзабилити. Он является одним из самых влиятельных фигур в области проектирования и информационной архитектуры. Его выступления вдохновляют многих и многих UX–специалистов, а признанные эксперты отмечают его яркие и уникальные доклады. Действительно, работы Эрика Райса являются поистине неоценимым вкладом в мировое развитие юзабилити. На конференции этого года Эрик Райс выступит с докладом “Killer content or content that kills”, а также проведет мастер-класс “Writing for the Web”.

Сильвия Циммерман выступит с докладом: «Проектирование взамодействия для телекоммуникационных сайтов». Сильвия — основатель UPA Швейцария, отвечает за швейцарский Институт эргономики программного обеспечения и юзабилити в Цюрихе, вице-президент UPA с 2008 года. Она является также соорганизатором европейской конференции UPA в области юзабилити и дизайна. Сильвия выступит с докладом: Проектирование взамодействия для телекоммуникационных сайтов»

«Добро пожаловать в Будущее UX!» — тема выступания Ронни Баттиста, который является директором сертификации Usability Professionals Association — International, главой UPA NY, исполнительным директором MISI Company.

Андрей Себрант (Яндекс) расскажет о «Churn rate крупным планом или как утекают пользователи». Андрей Себрант — директор по маркетингу сервисов Яндекса. Занимается вопросами маркетинговой стратегии и тактики компании, аналитикой российского интернет-рынка и конкурентным анализом, координирует деятельность по онлайновому продвижению проектов Яндекса.

Доклад Дмитрия Сатина (UsabilityLab) посвящен теме «Юзабилити услуг в Интернете». Дмитрий Сатин — генеральный директор UsabilityLab, один из ведущих юзабилити-специалистов в России, президент Российского отделения UPA, ответственный редактор User Experience Magazine по странам СНГ и восточной Европе, автор учебных курсов и рецензент международных конференций по юзабилити.

Всего в программе конференции ожидается 40 докладов ведущих экспертов области, а также множество подарков и сюрпризов! К примеру, американская компания Розенфельд Медиа выступила спонсором конференции и проведет розыгрыш книг от Розенфельд Медиа. Также каждый участник получит 20%-скидку на всю продукцию компании.

Зарегистрироваться на User Experience 2010!

via UsabilityLab

Желание выбирать и управлять у нас с рождения

11 Авг

Этот перевод 31 статьи из цикла «100 вещей, которые вы должны знать о человеках». В ней мы поговорим о невином человеческом желании управлять и иметь возможность выбора.

Я только начала читать новую книгу Шины Ингар «Искусство выбора». И стала поклонником её работы. Она автор известного «вареньевого исследования» (я напишу о нём ниже — переводчик).

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

Врождённое желание управлять
Желание управлять окружающей средой живёт внутри нас, мы с ним родились. Это имеет смысл, т.к. контролируя окружение, мы скорее всего повышаем свои шансы на выживание. Прочитав рассуждения Шины о выборе, я задумалась об управлении и связи между возможностями выбирать и управлять. Желание контролировать связано с желанием иметь выбор.

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

Мы думаем, что выбор — это и есть управление
Над крысами провели эксперимент. Им показали прямой путь к пище и путь с ответвлениями. Крысы предпочли путь с ответвлениями, где была необходимость выбирать. Обезьян и голубей учили нажимать кнопки, чтобы получить еду. И они предпочитали иметь более одной кнопки, хотя это не давало им больше еды.

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

А теперь эксперимент с вареньем

image

В 2000 году провели эксперимент на покупателях магазина. Им предложили выбрать и купить варенье из малого или большого ассортимента (6 или 24 вида варенья соответственно). В первом случае 40% людей остановились и попробовали варенье из нескольких банок, а во втором случае их было уже 60%.

Однако! В первом случае из всех попробовавших людей 30% сделали суммарно 12 покупок, а во втором 3% сделали 2 покупки. Вот такие пироги ))


Автор — @thebrainlady, переводчик — @lexxscorp.

Постепенное вовлечение пользователей вместо формы регистрации

23 Июл

Алексей (aka lexxscorp) сделал перевод замечательной статьи Luke Wroblewski «Gradual Engagement Boosts Twitter Sign-Ups by 29%«. В статье описывается на примере Twitter’а, как можно вовлечь пользователей в проект и самое главное их заинтересовать. То есть как выполнить один из трех принципов — вовлечение (борьба с безразличием).

Недавно (весной этого года) Твитер перепроектировал процесс регистрации, чтобы увеличить количество новых пользователей. И хотя в новой версии в регистрацию добавилась ещё одна страница, то есть дополнительный шаг, конверсия всё равно выросла на 29%. Почему это произошло? Благодаря постепенному вовлечению.

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

Правильное постепенное вовлечение рассказывает пользователю об основной сущности сервиса путём простых взаимодействий. Если вы при этом осчастливите человека — даже лучше. Уилл Райт, создатель Sims & Spore, верит, что игры должны позволять человеку выигрывать в течении первых 5 секунд. Это хорошая философия, чтобы добиться постепенного вовлечения. На самом деле вы можете позволить людям за одно-два простых взаимодействия сделать то, в чём смысл вашего сервиса. Это наилучший вариант.

Термин «gradual engagement» я перевожу как «постепенное вовлечение». По-моему он точно отражает суть, но вы можете указать в комментариях свой вариант.

Исследуя своих пользователей, Твитер обнаружил, что пока знаменитости со своими твитами были единственной причиной прихода людей в Твитер, было очень трудно сохранить аудиторию. На самом деле людей в Твитере удерживали их страсти: хобби, разговоры с экспертами в той или иной области и друзья. Это и есть та основная сущность сервиса, на которую должно опираться постепенное вовлечение.

Вот как выглядела регистрация в Твитере до изменений
image

Она не попала в цель. Если человек решал зарегистрироваться, то его приветствовала форма, где он:

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

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

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

Новая версия регистрации в Твитере
image

И хотя новый процесс регистрации состоит из 4 шагов вместо 3-х и занимает больше времени, его полностью завершают на 29% больше людей, которые становятся гораздо более вовлечёнными в Твитер, чем раньше.

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

Ещё несколько мыслей

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

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

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