Упреждающий дизайн: как создать волшебный пользовательский опыт

Сегодня утром без видимой причины мне в голову пришла песня This Magic Moment группы The Drifters.

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

Хлопнув себя по лбу, я сказал себе: «Но, конечно…»

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

Я считаю, что эра предвосхищающего дизайна уже наступила или, по крайней мере, в пределах нашей досягаемости.

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

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

Прошлое

Учтите, что оригинальному графическому интерфейсу Xerox PARC уже 44 года, а наши пользовательские интерфейсы до сих пор очень похожи на него.

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

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

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

Что такое упреждающий дизайн?

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

В свете этого, что такое упреждающий дизайн?

Это вывод, без особой необходимости ввода. Речь идет об использовании прошлого выбора для прогнозирования будущих решений.

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

Аарон Шапиро из Huge определяет упреждающий дизайн как метод упрощения процессов путем реагирования на потребности на шаг впереди решений пользователя, т. е. реагирования на потребности пользователей, которые они еще не выразили.

Упреждающий дизайн в своей лучшей форме выходит далеко за рамки персонализации.

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

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

Сделать это сегодня не так уж и сложно.

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

В качестве другого примера давайте представим, что вы покупаете рубашку на Amazon.

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

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

Почему?

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

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

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

Возьмем, к примеру, автоматы самообслуживания для продажи билетов, где пассажиры могут пополнять пригородные карты.

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

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

Вместо бесчисленных запросов ввода: сначала выберите этот вариант, затем другой вариант и т. д., все взаимодействие может начаться с того, что вы вставите карту, которую всегда пополняете, и система немедленно отобразит: «Здравствуйте, не хотите ли вы пополнить счет? эта карта на 20 долларов, используя вашу карту Mastercard?»

Следующим шагом будет оплата и уход.

Это сократит время, необходимое для пополнения карт, по крайней мере, на 75 процентов, повысит эффективность, ускорит продвижение людей и, следовательно, сделает их более удовлетворенными.

Это уже возможно, но я не знаю ни одного билетного автомата, который бы это делал.

Интерфейсы будущего.

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

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

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

Некоторые компании уже практикуют ранние формы упреждающего дизайна. Два примера — Google Now и Uber.

Google сейчас

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

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

Если Google считает, что в данный момент вам что-то не нужно, оно не будет отображаться. Это воплощение упреждающего дизайна.

Убер

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

Времена, когда они меняются,

Вещи развиваются к естественным методам взаимодействия.

В недалеком будущем наш вклад будет более легким.

У нас будет дополненная и виртуальная реальность с такими методами взаимодействия, как голос, отслеживание жестов, отслеживание глаз и речь. Google уже работает над этим. Он называется «Проект Соли».

Упреждающие методы проектирования в сочетании с искусственным интеллектом и машинным обучением обеспечат совершенно новый уровень опыта.

Как мы привносим опережающий дизайн в игру?

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

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

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

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

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

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

• • •

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

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