Интерфейс Tesla Model 3 — взгляд компании на будущее

Дизайнер Том Джонсон написал колонку в блоге сервиса Figma о своем видении интерфейса Tesla Model 3.

Перевод подготовлен командой онлайн-школы английского Skyeng.

Эта публикация — для дизайнеров и любителей автомобилей. В ней я подробно разобрал детали элементов управления и интерфейса приборной панели Tesla Model 3 — первого электромобиля с сенсорным экраном, ориентированного на массовый рынок. Его пользовательский интерфейс многое говорит о долгосрочной стратегии Tesla и её нацеленности на создание беспилотных автомобилей в будущем.

Интерфейс Tesla Model 3 — взгляд компании на будущее

Я влюбился в систему управления Tesla Model S после тест-драйва и оценил, как тонко Tesla подстраивается под ожидания покупателей. Именно тогда меня зацепила перспектива доступной версии этого автомобиля. Я следил за каждым анонсом Tesla Model 3 и зарывался всё глубже и глубже в интернет — меня интересовали подробности того, как эта штука будет выглядеть и ощущаться изнутри.

Первые концепты меня впечатлили, но я не особенно верил, что когда дело дойдёт до продажи, Tesla и вправду откажется от приборной панели. «Сейчас это производит впечатление, но маркетологи и покупатели не дадут добро. Это только концепт», — говорил я, важно кивая сам себе со знающим видом.

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

Интерфейс Tesla Model 3 — взгляд компании на будущее

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

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

Эта штука не похожа на остальных

Поначалу новости от Tesla меня не восхитили — я оказался среди критиков.

У Tesla Model 3 есть четыре колеса и кузов, но на этом его сходство с большинством автомобилей заканчивается.

Я захотел узнать, как Tesla спрячет всё управление автомобилем под одним экраном, поэтому начал искать в интернете информацию о пользовательском интерфейсе. Это заняло какое-то время, но наконец я наткнулся на проект дизайнера Эндрю Гудлэда, который, как я думаю, воссоздал пользовательский интерфейс Tesla Model 3 по пресс-релизам и трясущимся YouTube-роликам из салона автомобиля. Он сделал что-то вроде прототипа интерфейса.

Почему я решил воссоздать пользовательский интерфейс

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

Я скачал все скрины в формате JPEG с помощью расширения CSS Peeper. Затем я вставил их в Figma. После, не медля ни секунды, я начал воссоздавать пользовательский интерфейс Tesla Model 3 из изображений.

Я делал иконки, подбирал цвета, спроектировал кастомный вид карты в онлайн-сервисе Mapbox, собирал вместе компоненты Figma, переключатели, кнопки — всё. Я перерисовывал чужую работу, как я делал в детстве с воскресными комиксами, и это имело терапевтический эффект. Если герои комиксов Снупи и Багз Банни научили меня рисовать, сейчас это помогало мне подумать о трудностях создания пользовательского интерфейса автомобиля.

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

Исходный <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.figma.com%2Ffile%2FOIVSH9zbbnAAyRvoFE0dmowA%2FTesla-Model-3&postId=29091" rel="nofollow noopener" target="_blank">файл</a>
Исходный файл

Что я узнал из дизайна пользовательского интерфейса Tesla Model 3

Этот автомобиль не был спроектирован для вождения

Tesla Model 3 — это автомобиль, который создали, намеренно не думая о водителе.

В нём нет кнопок. Господи, да тут и руля-то почти нет. Чтобы открыть бардачок, нужно коснуться экрана. Для включения стеклоочистителей предназначен рычаг на консоли, но частота движения контролируется с помощью экрана. Ручной тормоз работает автоматически. Разве для водителя всё это не звучит ужасно? Он больше не может полагаться на инстинкты и мышечную память, управляя автомобилем.

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

Этот автомобиль был спроектирован для поездки в роли пассажира

Один и только один фактор сказал мне всё — разрешение экрана. У этого автомобиля мог быть вертикальный экран, как у Tesla Model S и Model X. Но его нет. Вместо этого у Tesla Model 3 экран с соотношением сторон восемь к пяти и разрешением около 1920×1200 px. Почему это важно? Это HD, ребята.

Разрешение Full HD предполагает, что Tesla создала центральную консоль для того, чтобы смотреть фильмы, а не управлять автомобилем. Всё в этом автомобиле говорит о будущем, в котором нет места водителям.

Это передвижная гостиная, а не автомобиль со странной приборной панелью.

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

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

Пользовательский интерфейс

Режим вождения — в пути

Пошаговая навигация на вид напоминает интерфейс телефона, но приятно видеть все шаги одновременно. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.figma.com%2Ffile%2FOIVSH9zbbnAAyRvoFE0dmowA%2FTesla-Model-3%3Fnode-id%3D37%253A2923&postId=29091" rel="nofollow noopener" target="_blank">Источник</a>
Пошаговая навигация на вид напоминает интерфейс телефона, но приятно видеть все шаги одновременно. Источник

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

Режим парковки

Все элементы управления передним и задним багажниками также находятся на сенсорном экране. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.figma.com%2Ffile%2FOIVSH9zbbnAAyRvoFE0dmowA%2FTesla-Model-3%3Fnode-id%3D497%253A14002%26amp%3Bredirected%3D1&postId=29091" rel="nofollow noopener" target="_blank">Источник</a>
Все элементы управления передним и задним багажниками также находятся на сенсорном экране. Источник

Похоже, в Tesla Model 3 многие элементы ситуативны. Например, когда вы паркуетесь, отображаются только те элементы управления, которые относятся к парковке. Кажется очевидным, но на самом деле это очень умное решение.

Быстрые настройки

Как работают при наличии всех этих настроек кнопки на руле, для меня остается загадкой. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.figma.com%2Ffile%2FOIVSH9zbbnAAyRvoFE0dmowA%2FTesla-Model-3%3Fnode-id%3D178%253A1567&postId=29091" rel="nofollow noopener" target="_blank">Источник</a>
Как работают при наличии всех этих настроек кнопки на руле, для меня остается загадкой. Источник

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

Управление музыкой

Стоит отметить, что кнопка «развернуть-свернуть» находится со стороны пассажира. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.figma.com%2Ffile%2FOIVSH9zbbnAAyRvoFE0dmowA%2FTesla-Model-3%3Fnode-id%3D497%253A14050%26amp%3Bredirected%3D1&postId=29091" rel="nofollow noopener" target="_blank">Источник</a>
Стоит отметить, что кнопка «развернуть-свернуть» находится со стороны пассажира. Источник

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

Заключительные мысли

Недавно я пересматривал презентацию, на которой Стив Джобс представил первый iPhone, и поразился одному очевидному сходству Tesla Model 3 и iPhone — отсутствие физических кнопок.

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

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

Я знаю, что вы скажете: там был телефон, а это — автомобиль. Методы взаимодействия и сценарии использования совершенно разные. Но программы нуждаются в обновлении. Физические кнопки нельзя обновить по воздуху. Их нельзя усовершенствовать. Они не могут меняться. В конце концов, может, не такая уж это и безумная идея.

99
8 комментариев

Статья - нативная реклама сервиса интерфейсов?

2
Ответить
Комментарий удалён модератором

На Форд-Т было три педали, из которых только одна совпадала с педалями в современной машине с механической КПП.

А стекло — это не интерфейс

2
Ответить