// //
переводы

UX-кейс: умное руководство для парковки

17 июля, 2017
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

Старший UI/UX дизайнер в Pearl Automation Виталий Крамар, рассказывает, как создавалось умное руководство для парковки и что из этого получилось. Telegraf публикует перевод статьи.


Продукт RearVision

Pearl Automation сосредоточена на совершенствовании технологии, которая лежит в основе автоуправления транспортным средством. Ее цель — улучшение ежедневного опыта вождения на дорогах.

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

В Pearl мы убеждены, что электроприборы должны служить долго, а не устаревать через пару лет. RearVision использует обновления Over-the-Air, чтобы постоянно улучшаться, добавлять возможности и функции, которые бы служили долгое время.

Как можно спроектировать умное руководство по паркингу?

Подождите-ка, зачем это вам проектировать руководства по парковке? 

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

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

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

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

Моя роль

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

Разработка идей, исследование, проверка
Я сгенерировал идеи и предположения, исследуя OEM-решения. Провел внутренние сессии тестинга среди пользователей и проверил результаты.

Дизайн и исполнение
После фазы исследования, я повторил то же с UI и визуальным дизайном для функции умного руководства по парковке и его пользовательского опыта на iOS и Android. Чтобы улучшить и проверить наши дизайн решения, я провел еще раз лабораторные тесты. Финальная user journey была интегрирована в глобальную UX архитектуру RearVision.

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


UX открытия и проблемы

После серий интервью и тестирования пользователями открылось множество неожиданных проблем.

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

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

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

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

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

Существующие решения и их проблемы

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

Видение

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

  1. Обзор и уверенность в том, что они ничего не ударят
  2. Возможность быстро сканировать то, что они видят на своих дисплеях
  3. Хорошее понимание пространства, чтобы спланировать маневр
  4. Предупреждение заранее, если что-то ускользнуло от их внимания

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

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

Не будем перекрывать другие объекты как большинство из руководств OEM. И динамично изменим вид угла, предоставив тем самым лучшее восприятие масштаба.

Что видит водитель

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

Мы не остановились на этом …

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

Как мы до этого дошли

Подход

Заморачивайтесь над деталями! Так мы работаем в Pearl. Хорошо — недостаточно. Мы постоянно бросаем вызов себе, чтобы мыслить масштабно и амбициозно, ставить под вопрос авторитеты и проверять идеи. Я считаю, что лучший подход — это проектировать лучшее возможное решение для пользователей, а потом отталкиваться от него с учетов временных рамок и технологических возможностей.

Идеи концепций

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

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

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

Исследование руководств для парковки, решений и OEM-решений

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

Понимание того, какие технологии стоят за решением

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

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

Лабораторные, эксплуатационное испытания и калибровка

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

Настройки UX, проверка логики и итерации

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

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

Я искал способы сократить количество необходимых инструментов с помощью встроенного аппаратного обеспечения телефона.

Эта фаза завершилась решением пошагового руководства. Нужно было ввести всего три параметра и использовать один инструмент – рулетку.

Решения, основанные на данных

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

План реализации и этапы разработки

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

Второй и третий шаги

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

Производные продакшн дизайна — качественные мокапы, ТЗ и флоу

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

Темпы восприятия интеллектуального руководства

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

56% пользователей согласились на бета-тестирование нового руководства

94% из них ежедневно используют руководство

87% используют функцию «интеллектуальное руководство»

Награды RearVision и отзывы в СМИ

Уроки, неудачи, надежды

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

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

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

 

Спасибо всей команде! Работать с вами было одно удовольствие!

Джордж, Обрей, Нейт, Пит, Мистер Шу, Джош, Чави, Мэтт, Джесс, Латимер, Марк, Фаршид, Шабнам, Аман, Джозеф, Барйсон, Брайан Эс, Гарри, Бэрни, Брайан Эм, Нэйсэн, ДжейДи, Ллисол.

Оригинал статьи по ссылке

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: