Конец веб-форм

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

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

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

Суть в том, что большинство современных веб-форм — будь то настольные или мобильные — просто ужасны для пользователя. Несмотря на бесчисленное количество книг, исследований, статей и технических документов от гуру UX-индустрии, таких как The Nielsen Norman Group, Baymard Institute (электронная коммерция) и Люк Вроблевски (соучредитель Interaction Design Association), многие организации — даже те, чья жизнь зависит от этого — не следуйте рекомендациям по дизайну веб-форм.

Это означает миллиарды и миллиарды упущенной выгоды.

Удивительно, но Amazon — гигант электронной коммерции с оборотом в несколько миллиардов долларов — получил очень низкую оценку «общей производительности UX при оформлении заказа» Институтом Баймарда при рассмотрении взаимодействия пользователей с такими формами, как доставка и самовывоз из магазина, информация о кредитной карте, ошибки проверки и т. д. более. Сколько бизнеса теряется из-за такого плохого UX?

Сегодня большинство веб-форм разочаровывают, заполняются медленно, а удобство использования ставится на последнее место.

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

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

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

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

Развитие веб-форм

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

UX-дизайнеры постоянно стремятся улучшить опыт и уменьшить боль, связанную с заполнением веб-форм, но на этом промежуточном этапе они по-прежнему дают только «витамины» — вряд ли идеальное «болеутоляющее» решение.

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

Автозаполнение приходит на помощь

Браузер Google Chrome и его функция автозаполнения были долгожданной находкой для более эффективного заполнения форм. Он надежно хранит часто вводимые личные данные, включая информацию о кредитных картах, для быстрого заполнения веб-форм. Недавнее исследование Google показало, что отключение функции автозаполнения в Chrome привело к уменьшению количества отправленных форм на 25%. Исследование показало, что без него опыт настолько раздражает, что некоторые пользователи вообще отказываются от заполнения форм.

Сюрприз! Люди хотят избежать утомительного ввода в формы.

Менеджеры паролей облегчают боль

Постоянно извлекать и вводить пароли для сотен онлайн-аккаунтов утомительно. Менеджеры паролей пришли на помощь несколько лет назад и теперь широко используются. 1Password и Dashlane — два ведущих решения, которые с помощью нескольких щелчков мыши или касаний надежно сохраняют и автоматически вводят зашифрованные пароли для веб-сайтов и приложений.

Социальные входы положили конец регистрации

Согласно исследованию, проведенному WebHostingBuzz, 86% пользователей сообщают, что их беспокоит необходимость создавать новые учетные записи. Социальный вход устраняет необходимость регистрации. Это форма единого входа с использованием существующей информации из социальных сетей, таких как Facebook, Google+, LinkedIn и Twitter. Это увеличивает количество регистраций и сводит к минимуму барьеры для входа, уменьшая потребность в именах пользователей и паролях.

Технология мобильных устройств облегчает работу с формами

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

Кроме того, в зависимости от типа необходимого ввода, клавиатуру можно изменить; можно использовать предложения / автозаполнение на основе первых введенных букв, а номера телефонов и номера кредитных карт могут быть автоматически отформатированы.

Тенденции веб-форм

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

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

Машины говорят обратно: чат-боты и появление автоматических агентов

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

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

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

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

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

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

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

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

Расцвет ИИ: удобный сбор данных завтрашнего дня

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

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

Долгосрочное видение UX состоит не в том, чтобы продолжать совершенствовать веб-формы, а в том, чтобы полностью их убить.

Как упоминалось ранее, из-за множества технологий, доступных на мобильных устройствах: GPS, снятие отпечатков пальцев (Touch ID), печать и распознавание голоса, сканирование радужной оболочки глаза, распознавание лиц, компьютерное зрение, помощники ИИ и чат-боты, неизбежный сбор личных данных, который должен происходит для успешной онлайн-транзакции, будет революционизирован в первую очередь на мобильных устройствах. Соответственно, настольные сайты могут использовать технические возможности мобильных устройств для сложной проверки личности, связываясь с ними.

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

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

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

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

Характер пользовательского ввода меняется

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

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

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

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

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

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт