Привет, Гиктаймс! Представляю вашему вниманию перевод статьи Что говорит пользовательский интерфейс Tesla Model 3 о своем видении будущего автор Том Джонсон .
Если вы знаете толк в дизайне или просто без ума от автомобилей, то эта статья для вас.
В нем будут рассмотрены основные особенности элементов панели управления, а также пользовательский интерфейс новой Tesla Model 3 — электромобиля, недавно вышедшего на рынок и доступного широкому слою общества, оснащенного сенсорным экраном.
экран.
Новый дизайн пользовательского интерфейса может многое сказать о том, как инженеры Tesla видят будущее беспилотных автомобилей.
Если вам интересна эта тема, то посмотрите Фигма-файл , который я подготовил специально для вас, а также по ссылке вы найдете сделанный мной опытный образец .
Я слежу за развитием событий с Tesla Model 3 с самого начала.
В прошлом году мне наконец удалось опробовать Model S, и я был приятно удивлен тем, насколько легко ею управлять и насколько она отзывчива на каждое движение.
Водитель.
Что и говорить, я не мог не влюбиться в Теслу и сразу стал одержим идеей ее «доступной» версии, характеристики которой мало чем уступают протестированной мной модели.
Как и многие поклонники Tesla, я следил за каждой новостью о Tesla Model 3 и просматривал тонны веб-страниц в поисках мельчайших подробностей о том, как будет работать даже самая незначительная часть этого автомобиля.
Идеи инженеров, которые планировалось реализовать в этой модели, были действительно крутыми, но я мало верил, что в новой Тесле полностью откажутся от традиционной приборной панели.
Возможно, это звучит круто, но не для людей, занимающихся маркетингом, и уж точно не для покупателей.
Тогда я резонно подумал: «Да ладно, это всего лишь идеи, мало ли что можно придумать».
Ну.
тут я не угадал: широкой публике был представлен автомобиль, даже не пахнувший традиционной приборной панелью.
И переключатель скоростей.
И дефлекторы кондиционера.
И даже ручки от бардачка.
Теперь все эти элементы расположены на сенсорном экране, расположенном ровно посередине автомобиля.
А самое главное: инженеры даже не подумали как-то спрятать этот неуклюжий экран, торчащий посередине автомобиля, который наводит на мысль, что средний палец направлен прямо в лицо всему автомобильному миру.
Таким образом, все скептики такого подхода, а также другие автомобильные компании, ратовавшие за неприкосновенность привычной приборной панели, получили вкусный «F*ck you».
Поначалу компания Tesla отказалась от двигателей как таковых, но ее инженерам и конструкторам этого оказалось недостаточно, и они решили продолжать в том же духе до тех пор, пока не содрогнется вся автомобильная промышленность с более чем вековой историей.
На самом деле все было немного иначе
Новость о предстоящем выпуске новой модели Tesla повергла меня в трепет. Однако на этот раз я встал на сторону скептиков с их многочисленными недовольными, пренебрежительными и предвзятыми восклицаниями.
Модель 3 имеет четыре колеса и выглядит как автомобиль, но на этом ее сходство с обычным автомобилем заканчивается.Мне очень хотелось узнать, как инженерам Tesla удалось спрятать все органы управления автомобилем за стеклянной панелью дисплея.
Поэтому я буквально начал рыскать в Интернете в поисках соответствующей информации о дизайне пользовательского интерфейса новой модели.
Признаюсь, это заняло у меня некоторое время, но в итоге мне посчастливилось наткнуться на интересный проект, представленный дизайнером.
?Эндрю Ходладом (Эндрю Гудлад) Тогда я решил, что ему удалось воссоздать пользовательский интерфейс будущей Tesla Model 3, используя информацию, размещенную в Интернете, а также образные видеоролики на YouTube, посвященные интерфейсу нового автомобиля.
Этот парень создал реальный прототип интерфейса и всего, что с ним связано.
Почему я решил воссоздать пользовательский интерфейс самостоятельно
Поначалу его прототип показался мне действительно крутым, но через некоторое время моему пытливому уму и большому любопытству стало уже недостаточно простого набора картинок.Тогда я решил самостоятельно проанализировать каждую мелочь новой панели приборов Tesla и понять, как она работает и почему делает так, а не иначе.
Итак, я загрузил всевозможные изображения пользовательского интерфейса в формате jpeg для любых экранов, используя CSS Пипер .
Далее я разместил их в Фигма .
После этого я не колебался ни секунды.
Я немедленно начал воссоздавать пользовательский интерфейс Tesla Model 3, используя найденные изображения.
Я придумал иконки для элементов на приборной панели, подобрал для них цвета и разработал пользовательский вид дорожную карту, отображаемую на панели, собрали все элементы Фигмы: переключатели, кнопки, в общем все, что можно было.
Я представлял этот процесс как своеобразную терапию для пациента: шаг за шагом отслеживал, как протекает тот или иной процесс создания каждого элемента пользовательского интерфейса.
Я уже испытывал нечто подобное, когда был ребенком и увлекался комиксами.
Точно так же, как мои любимые персонажи комиксов Снупи и Багз Банни давным-давно научили меня рисовать, теперь я начал понимать все сложности создания дизайна пользовательского интерфейса автомобиля.
Я представлял этот процесс как своеобразную терапию для пациента: шаг за шагом отслеживал, как протекает тот или иной процесс создания каждого элемента пользовательского интерфейса.
Большую часть работы я выполнил с помощью Figma. Я уже писал ранее, Почему Я выбрал именно этот редактор: он полностью веб-интерфейс, поэтому сложностей с его скачиванием и использованием у вас возникнуть не должно.
Кроме того, он настолько эффективен, что я смог легко создать прототип интерфейса, показанного ниже.
Если вам интересно, вы найдете ссылку на исходный файл ниже: 
Опытный образец: 
От автора: если вас интересует, как можно настроить файл Figma, то просто напишите об этом в комментариях.
Когда я почти закончил воссоздание задуманного мной прототипа с помощью такого файла, я с удивлением заметил, что использование для этой цели отдельных компонентов значительно ускорило процесс прототипирования.
На самом деле весь этот процесс занял у меня около получаса, и, честно говоря, я даже не ожидал, что все пройдет так БЫСТРО.
Сначала я просто хотел объединить несколько изображений, отображаемых на экране, чтобы завершить работу.
Однако сейчас я всерьез подумываю о написании отдельной статьи, посвященной этому процессу.
Что я узнал о дизайне пользовательского интерфейса Model 3
Tesla Model 3 — автомобиль, создатели которого меньше всего думали о водителях, и сделано это намеренно.Давайте разберемся.
Никаких ручек у машины нет, хотя руль есть (спасибо и за это).
Для того, чтобы включить дворники, необходимо нажать кнопку на экране (*примечание автора: в автомобиле по-прежнему имеется рычаг для этой цели, но скорость работы дворников по-прежнему регулируется с помощью кнопок на панели управления).
экран).
Опять же, вам придется нажимать кнопки на экране, чтобы открыть бардачок или задействовать ручник (*примечание автора: ручник должен включаться автоматически, однако считается, что с помощью настроек можно установить тормоза на применяются при нажатии кнопок).
Не очень удобно для водителей, не так ли? Теперь во время вождения водитель больше не может полагаться на свою реакцию и мышечную память, отточенную годами.
Можно подумать, что инженеры новой Теслы внесли такие изменения, чтобы машина казалась более продвинутой, опасной или отличающейся от всех остальных.
Однако это не так: инженеры новой Теслы просто решили подготовить людей к Дело в том, что автомобили в обозримом будущем будут ездить без помощи водителей.
Этот автомобиль создан для комфортной езды
Что касается пользовательского интерфейса, первое, на что я обратил внимание, это разрешение экрана дисплея.Как и модели S и X, новая Tesla могла бы иметь вертикальный экран, но вместо этого Model 3 имеет соотношение ширины к высоте 8:5 и разрешение 1920x1200 пикселей.
Вы можете спросить, а что дальше? Вот что:
- Ребята, это HDTV!
- Нижние (постоянные) элементы управления имеют высоту 120 пикселей.
- 1200–120=1080 пикселей.
- 1920x1080.
HDTV, входящий в состав новой Tesla, словно намекает на то, что центральный экран управления создан в первую очередь для просмотра чего-либо на нем, а не для удобного вождения.
Так что можно смело сказать, что Модель 3 — это мессия грядущего будущего, в котором автомобили будут ездить без помощи водителей.
Это не просто машина с необычной системой управления, это настоящая гостиная на колесах.
Возможно, это немного преждевременно – учитывая постепенное развитие технологий – но вполне вероятно, что лучшим местом для просмотра фильмов вскоре станет кабина любимого железного коня.
Это не просто машина с необычной системой управления, это настоящая гостиная на колесах.
Нет, я не правая рука Илона Маска.
Все вышеизложенные утверждения являются лишь моими домыслами и предположениями.
Поэтому я вас очень прошу: не кидайте в меня камнями, если вдруг я в чем-то окажусь не прав.
Разделение компонентов интерфейса
Ниже приведены несколько скриншотов различных частей интерфейса.
Режим вождения – на ходу
По мере разработки прототипа окно навигации стало напоминать экран мобильного устройства.
Также стоит отметить, что панель приборов находится на расстоянии вытянутой руки и расположена таким образом, что попадает в периферийное зрение водителя.
Для стран с правосторонним движением эту схему можно легко изменить: умная инженерия не является исключением.
Режим парковки
Обратите внимание, что все внешние элементы управления также находятся на сенсорном экране.
Такое ощущение, что у Model 3 есть свои собственные элементы управления для каждой ситуации.
Например, при парковке на экране отображаются только те элементы, которые необходимы для парковки автомобиля.
Этот подход может показаться очевидным, но он действительно удобен.
Быстрые настройки
Кнопки на руле для меня до сих пор загадка: понятия не имею, для чего они нужны.
В этом автомобиле можно настроить практически все, что захотите.
Кроме того, есть мнение, что в нем также будет предусмотрена возможность настройки сочетаний клавиш: на экране управления всегда будут отображаться элементы, которые используются особенно часто.
Однако, к сожалению, достоверной информации, подтверждающей эту теорию, пока нет.
Воспроизведение музыки
Кстати, с переднего пассажирского сиденья можно дотянуться до органов управления (свернуть/развернуть) музыкального плеера.
Насколько я понимаю, на экране будут отображаться целые альбомы, а не отдельные песни.
Также пока неизвестно, будет ли в Model 3 предусмотрена возможность управления с помощью словесных команд.
Заключение
Недавно я смотрел презентацию оригинального iPhone Стива Джобса и был поражен явным сходством iPhone с Model 3. У них обоих нет кнопок.
И вот что мне пришло в голову: 
Затем Джобс выступил перед аудиторией с презентацией о том, что для индустрии умных устройств наличие физических кнопок — пережиток прошлого.
И что мы видим: если сейчас кому-нибудь придет в голову представить себе новое устройство с полной клавиатурой кнопок, над ним просто посмеются.
Тогда почему бы нам не провести соответствующие параллели с автопромом? Почему мы (или я лично), видя перед собой один-единственный сенсорный экран вместо привычной панели управления, даже не хотим представить, что это когда-нибудь станет общепринятым подходом.
Разве Apple не сделала нечто подобное, отказавшись от стандартной клавиатуры? Вы можете возразить, мол: тот был телефон, а это автомобиль — области применения очень разные.
Однако любое программное обеспечение, в том числе и программное обеспечение для вождения автомобиля, можно обновлять и улучшать.
Тогда как для физических кнопок вряд ли можно придумать какие-то эффективные изменения: замена одних кнопок на другие или обновление их внешнего вида не кажется чем-то полезным.
Так что вполне возможно, что замена кнопок и других физических элементов управления в автомобиле полноэкранным экраном — не такая уж безумная идея.
Оригинал .
Автор: Том Джонсон .
— Сервис №1 для продвижение на реддите .
Теги: #Транспорт #Будущее уже здесь #дизайн #ui #Автомобильные гаджеты #tesla model 3 #tesla model 3
-
Тестирование Черного Ящика
19 Oct, 24 -
Умные Инновации: Новая Серия Вебинаров Hpe
19 Oct, 24 -
Я Самозванец
19 Oct, 24 -
Можете Ли Вы Стать Настоящим Веб-Дизайнером?
19 Oct, 24
