dbush 170530 1759 0007.0 1 1160x620 - Пользовательский интерфейс Tesla с сенсорным экраном, опыт использования

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

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

Программируемые кнопки, требующие внимания

Tesla Model S имеет несколько физических элементов управления – все они расположены на руле или очень близко к нему. Функции, связанные с управлением авто, такие как круиз-контроль, автопилот, дворники и освещение, доступны через эти элементы управления. Но большинство «второстепенных» функций (включая камеру заднего вида, мобильный телефон, медиаплеер и климат-контроль) не имеют специальных физических элементов управления. Вместо этого они выбираются с помощью 17-дюймового сенсорного дисплея, расположенного на приборной панели между сидениями водителя и пассажира. Хотя это большой экран, он не может отобразить всё сразу, поэтому в версии 9 операционной системы Tesla некоторые функции помещены в расширяемое меню, что еще более усложняет ситуацию.

Пользовательский интерфейс Tesla с сенсорным экраном, опыт использования
Сенсорный экран Tesla Model S: дополнительные элементы управления автомобилем – такие, как климат-контроль, медиаплеер или камера заднего вида – доступны из строки меню в нижней части 17-дюймового сенсорного дисплея автомобиля
Пользовательский интерфейс Tesla с сенсорным экраном, опыт использования
Иконка стрелки (третья слева в главном меню; вверху) открывает подменю с дополнительными элементами управления (внизу). Чтобы закрыть это меню, пользователи должны нажать значок «X», который теперь появился в исходном меню, вместо стрелки

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

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

Плохой дизайн взаимодействия

Текущее положение кнопок приводит к увеличению времени взаимодействия

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

Когда мое поколение научилось водить, стандартное положение рук было 2–10 (соответствует цифрам 2 и 10 на циферблате часов). С распространением подушек безопасности и рулевого колеса меньшего размера Национальное управление безопасностью движения на трассах (NHTSA) изменила рекомендации, и теперь самым безопасным положением рук стало 3–9 «часов». Для обоих вариантов оптимальное положение элементов управления – по середине левого края экрана, рядом с правой рукой водителя. Тем не менее, элементы управления Model S расположены в самом низу 17-дюймового экрана – худший вариант (хуже только правый край экрана).

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

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

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

Размер элементов интерфейса

Другим фактором времени достижения цели является размер кнопки: чем больше кнопка, тем быстрее она будет найдена. Тем не менее, в версией 9 ОС Tesla решила уменьшить свои кнопки (предположительно, чтобы разместить больше опций в видимой строке меню – 7 в ОС версии 8 по сравнению с 10 или 11 в версии 9). Это искушение, которому поддались многие мобильные дизайнеры, но, к сожалению, это вредит юзабилити дизайна.

Пользовательский интерфейс Tesla с сенсорным экраном, опыт использования
Иконки для управления медиаплеером («Воспроизведение / Пауза», «Нравится», «Далее») меньше рекомендуемого размера сенсорной цели 1 см х 1 см. Однако вкладки в нижней части дисплея медиаплеера («Радио», «Потоковая передача», «Телефон» и т. д.) намного больше (и они содержат метку и иконку – практика, которую мы настоятельно рекомендуем)

Случайные касания

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

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

Карта всегда на экране

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

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

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

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

Понимание отображаемой информации может быть сложной задачей

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

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

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

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

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

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

Плюсы

Как мы отмечали выше, в пользовательский интерфейс Tesla можно внести множество улучшений. Но есть и несколько элементов хорошего дизайна.

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

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

  1. Приложение карты дополнено информацией, специфичной для Tesla. Например, несмотря на то, что приложение основано на Google Maps, у него есть несколько параметров, характерных для владельцев Tesla:
    1. местоположение станций быстрой зарядки Tesla Superchargers автоматически отображается на карте;
    2. при навигации к пункту назначения на карте показано, сколько заряда останется в батарее на момент достижения пункта назначения;
    3. навигационное приложение позволяет пользователям получать указания, основанные на использовании линии, выделенной для автомобилей с большим числом пассажиров (high occupancy/ carpool lanes)
Пользовательский интерфейс Tesla с сенсорным экраном, опыт использования
Приложение карты показывает, сколько заряда останется при достижении пункта назначения
  1. Автопилот и самонавигационные системы уведомляют о возможности сбоя и требуют от водителей держать руки на руле во время работы.
  2. Tesla всегда подключена к Интернету и может получать обновления по воздуху. Эту функцию можно рассматривать и как плюс, и, как минус. Преимущество заключается в том, что ошибки могут быть быстро исправлены и применены на автомобилях так же, как веб-сайт может менять цвета каждый день. Аналитические данные о водителях можно легко подключать, сообщать об ошибках и исправлять проблемы. К сожалению, постоянно меняющийся интерфейс может также создать фатальные проблемы, если ожидания пользователей, сформированные в предыдущих версиях ОС, внезапно нарушаются. (Кроме того, нужно верить, что производитель автомобилей будет выпускать только безопасные, хорошо протестированные версии операционной системы).

Вывод

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

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи

5 UX способов начать разработку дизайна правильно

Проблема в том, что если вы работаете с не-дизайнерами, красивые экраны – то, что нужно. Вы сможете предоставить “вау-эффект” клиенту, а как этот вау-эффект будет реализовываться, уже значения не имеет. А мы все-таки предпочитаем создавать нечто в духе “Все довольны”.

OOUX: Основа дизайна взаимодействий

Свой подход “Объектно-ориентированного UX” (Object-Oriented UX – OOUX) я представил в прошлом году на A List Apart. Подход подразумевает дизайн объектов перед проработкой действий.

Полное руководство по процессу продукт-дизайна

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