Сила невидимого выбора: адаптация GMTK для Интернета
Невидимый выбор оказывает большое влияние и может значительно улучшить пользовательский опыт. Это мощный инструмент, который может улучшить сайт для каждого пользователя и адаптировать его к их собственному набору потребностей.
Game Maker’s Toolkit — один из самых замечательных каналов на YouTube. Канал фокусируется на внутренней работе и мыслительных процессах, лежащих в основе разработки игр. Марк может передать действительно широкие концепции в красивом 10-15-минутном видео, которое удерживает ваше внимание без надоедливой части ютубера. Все это при этом остается информативным.
Если вы еще не смотрели видео Марка Брауна на YouTube «Сила невидимого выбора», сделайте это прямо сейчас.
Я часами размышлял над тем, как улучшить основные задачи, такие как оформление заказа, этапы поиска товаров, размещение и порядок элементов, которые направляют пользователя по сайту.
Поскольку я разработчик и дизайнер, меня всегда интересуют способы улучшить свою работу и обновить концепции, которые не подвергались сомнению в течение многих лет. Я считаю, что видео GMTK можно очень хорошо адаптировать к области дизайна и веб-разработки. Тем не менее, я должен найти кого-то, кто занимается этим в дикой природе. Итак, в этой статье я хотел поделиться своими выводами и мыслями о видео «Сила невидимого выбора», адаптированном для дизайна и разработки.
Рисуем фон
В этой истории мы будем делать вид, что разработали Medium. Платформа для блогов (SaaS). Вы знаете, веб-сайт, который вы сейчас читаете!
Когда вы открываете веб-сайт в первый раз, вы получите обязательное (хотя и несколько раздражающее) всплывающее окно с заявлением о конфиденциальности. Сразу же вы получаете возможность «написать» сообщение в блоге или «прочитать» сообщение в блоге. Это то, что мы называем явным выбором.
Явный выбор
Этот выбор делается таким образом, что пользователю совершенно очевидно, что это за выбор и каковы последствия его выбора. Например, при создании вашей учетной записи Twitter Twitter спрашивает, что вы хотите видеть. Вы можете выбрать пару ключевых слов или категорий, и на основе вашего выбора будет создана лента новостей для вас. Процесс онбординга в Твиттере очень прост и понятен каждому. Это хорошо, но, возможно, некоторые вещи можно было бы улучшить. Вместо того, чтобы просить вас выбрать интересующие вас категории в мягком списке категорий, показывать вам различные твиты, которые находятся в тренде, и просить пользователя поставить лайк твитам, которые им нравятся? И на основе этого построить новостную ленту.
Невидимый выбор
Возвращаясь к нашему примеру с Medium, снова сайт ничего о вас не знает. Он не может рекомендовать вам статьи, которые вам нравятся, потому что вы еще ничего не читали. Таким образом, веб-сайт рекомендует 6 популярных постов в блоге. Это делается для того, чтобы повысить вероятность того, что вы найдете что-то, что понравится вам и понравится другим. После этого он дает вам бесконечный список сообщений в блоге, из которых вы можете выбирать.
Веб-сайт очень прост для понимания и позволяет всем возрастным группам легко найти то, что им нравится. Но ключевое слово «найти». Пользователь должен найти то, что ему нравится, самостоятельно. Это понятно, потому что вы новичок на сайте. Но что, если есть другой способ? Что, если бы веб-сайт мог делать выводы о вас посредством локального анализа вашего поведения и взаимодействий? Это то, что я называю Невидимый выбор.
Допустим, вы впервые открываете Medium на стандартном компьютере или ноутбуке. Веб-сайт начинает отсчитывать время движения мыши. Скорость, время, которое потребовалось пользователю для первого перемещения мыши, время, чтобы щелкнуть что-либо, если пользователь щелкнул правой кнопкой мыши, время, чтобы прокрутить страницу вниз... Эти точки данных сами по себе могут построить очень короткий профиль пользователя и категоризировать их. Это всего лишь одно из измерений, к которым веб-сайт имеет доступ. Вы можете комбинировать это с чем-то вроде клавиатуры. Например, если у вас есть поле поиска, вы можете измерить скорость набора текста. Если ваше поле поиска поддерживает ярлыки и ваш пользователь их использует, вы также можете это измерить!
Все эти события могут произойти за несколько секунд, когда вы ничего не знаете о пользователе. Объединив все эти точки данных, вы уже можете классифицировать пользователя.
Например: пользователь впервые заходит на Medium.com и почти сразу прокручивает немного вниз. Пользователь ждет несколько секунд и снова пару раз прокручивает вниз, наводит указатель мыши на пару заголовков (например, проводит пальцем по странице в телефонной книге, чтобы найти номер), прокручивает обратно вверх и использует ярлык CNTRL. + K, чтобы быстро перейти к строке поиска и ввести «IT». Из всего этого можно сделать вывод, что у пользователя хорошая зрительно-моторная координация, он с первого взгляда знает структуру большинства веб-сайтов, что-то ищет, умеет пользоваться ярлыками и имеет среднюю скорость письма 75 слов в минуту. Это может классифицировать пользователя как пользователя компьютера уровня выше среднего или эксперта. Серверная часть и внешний интерфейс могут принимать эту информацию и адаптировать контент для этого пользователя в зависимости от его поведения.
Конфиденциальность данных
Все это может показаться вам немного пугающим. И это правильно! С того момента, как вы заходите на сайт, он анализирует каждое ваше движение. Может показаться, что старший брат наблюдает за тобой. К сожалению, разработчики (или компания) должны провести черту. Файлы cookie и проверки заявления о конфиденциальности помогли в этом, но правильная реализация этих механизмов на некоторых сайтах оставляет простор для воображения. Это мощный инструмент, который нужно использовать ответственно.
Практический пример
Medium использует технику под названием нумерация страниц. Вместо того, чтобы веб-сайт обслуживал вас всеми сообщениями, доступными в базе данных Medium, вы получаете 10 статей, и когда вы прокручиваете до определенного порога, он незаметно добавляет еще 10 внизу страницы и так далее. Основываясь только на вводе с помощью мыши, вторые 10 статей уже могут быть более интересными для пользователя. Например, вместо того, чтобы порекомендовать вам статью Какой смысл в цветах?, он может послужить еще какой-то технической информацией.
Невидимый выбор можно использовать не только для рекомендаций в первые несколько секунд, когда пользователь заходит на сайт. Допустим, пользователь имеет среднюю скорость печати 70 слов в минуту, что, согласно Type Racer, входит в число 13,5% самых быстрых машинисток. Только из этого мы можем сделать вывод, что пользователь довольно техничен. Таким образом, сайт Medium может предоставить вам всплывающее окно, с помощью которого вы можете использовать ярлыки для перехода к строке поиска, перехода между сообщениями в блоге или перехода к своему профилю. Или, может быть, добавить значок в строку поиска, чтобы указать, что это за ярлык. Возможно, не рекомендую его людям, которые менее осведомлены в ИТ-профиле.
Значки и текст
Другой пример — иконки против текста. Пользователь пишет сообщение в блоге и хочет поделиться им. Большинство веб-сайтов предоставляют вам этот значок копирования со ссылкой рядом с ним.
Кому-то, кто менее разбирается в технических вопросах, будет сложнее понять, что значок копирования на самом деле означает скопировать в мой буфер обмена. С данными, которые мы собрали ранее, мы могли заменить значок текстом. Создание более индивидуального опыта для пользователя и предоставление пользователю возможности использовать веб-сайт с максимальной отдачей. Это суть этих невидимых вариантов, позволяющих пользователю использовать веб-сайт на полную мощность.
Еще один отличный пример — адаптация частоты отказов к WPM пользователя. Тот, кто печатает быстрее, может иметь продолжительность устранения ложных срабатываний, возможно, 500 мс, в то время как у медленного машиниста продолжительность устранения дребезга может составлять 2000 мс.
Неравный выбор
GMTK рассказывает в своем видео о равном выборе в видеоиграх. Последствия могут измениться, но действие одинаково для каждого результата. «Физический акт выбора идентичен, нажмите одну кнопку на контроллере или другую». — ГМТК. То же самое касается нашего примера Medium, чтобы писать или читать. Просто нажмите на кнопку или нажмите на статью.
Что, если этот выбор более автоматизирован? Если вы только что создали учетную запись, предполагается, что вы хотите создать запись в блоге или прокомментировать запись в блоге, в которой вы сейчас находитесь. Веб-сайт может адаптировать этот опыт, чтобы сразу же отправить вас в редактор сообщений в блоге для написания новой статьи. Или вы создали учетную запись, находясь в сообщении в блоге, и вы полностью его прочитали, а затем, возможно, прокрутите вниз до раздела комментариев и сфокусируйте поле ввода.
Мелкозернистый выбор
Когда веб-сайт реализует бинарный выбор, вы можете ожидать только бинарные путешествия. Когда вы документируете поведение пользователей и адаптируетесь к нему, вы можете создавать гораздо более детальные решения или представления для элементов, которые имеют больше смысла для текущей целевой категории.
Вы можете смешивать и сочетать категории для лучшего опыта. Возможно, скорость ввода пользователя медленная, но движение мыши быстрое. Вы можете изменить скорость устранения дребезга, чтобы приспособиться к скорости печати, и изменить количество страниц, чтобы отразить быстрое движение мыши.
Проблемы
Концепция явного и невидимого выбора звучит великолепно, но проблемы, с которыми она связана, также могут быть большими. Адаптация пользовательского опыта к ряду категорий и моделей поведения сопряжена с множеством трудностей. Первое, что приходит на ум, это программный аспект. В идеале вам нужно заранее спланировать, какие категории вы будете размещать, и реализовать простое решение, которое отображает статус в соответствии с категорией. Это означает, что требуется гораздо больше тестов и гораздо больше пограничных случаев, с которыми вам нужно быть осторожным.
Вы должны выбрать, хотите ли вы, чтобы пользователь знал, что среда адаптируется к поведению пользователей. Являются ли последствия их действий незаметными? Тогда пользователь может не осознать всю работу, которую вы вложили в разработку этого кураторского опыта. Если последствия их действий очень заметны, то пользователь может начать ожидать, что это произойдет в будущем, и разочароваться, когда этого не произойдет. Если последствия тонко показаны пользователю, это производит гораздо большее впечатление и намного лучше запоминается.
Еще одним большим препятствием является измерение удовлетворенности адаптированным пользовательским интерфейсом. Может быть, категоризация не была хороша для этого одного пользователя? Они могут фактически иметь худший опыт и потенциально даже покинуть ваш сайт или потерять клиента.
Заключение
Я уже давно думаю об этой концепции, и варианты ее использования бесконечны. Вы можете проявить столько творчества, сколько захотите. Я хочу призвать вас не просто копировать и вставлять эти идеи, но и творчески думать о концепции и реализации невидимого выбора.
Темы и примеры, которые я здесь упомянул, могут быть для вас не такими, как для меня. Но я, по крайней мере, надеюсь, что вы уловили суть невидимых вариантов и попытаетесь реализовать их самостоятельно. Не только на веб-сайтах, но и в приложениях и веб-приложениях! Есть много проблем, которые необходимо преодолеть, чтобы реализовать эту концепцию надежно и качественно. Но как только он будет реализован, он произведет большое впечатление на ваших пользователей.
