還記得十年前的 iPhone 么？行業(yè)一片叫衰，特別是諾基亞。。。 今天要聊的 Tesla Model 3 ，會(huì)讓你想到10年前的 iPhone 。 如果你是一位汽車設(shè)計(jì)師或者極客，應(yīng)該會(huì)給 Tesla Model 3打個(gè)比較高的分?jǐn)?shù)，自從喬幫主給工業(yè)設(shè)計(jì)界樹立起了一個(gè)最高的標(biāo)桿之后，其他的一些企業(yè)也學(xué)到了將“科技、美學(xué)、藝術(shù)”完美統(tǒng)一的精髓。

馬斯克對(duì)產(chǎn)品的要求之高，腦洞之大，可以比肩喬布斯。 當(dāng)然啦，小編認(rèn)為，國內(nèi)也是有這樣企業(yè)的，國內(nèi)也有一家，叫大疆，品質(zhì)也是可以媲美 iPhone 滴。

總之，他們都是對(duì)產(chǎn)品的極致追求者，打造最高品質(zhì)的產(chǎn)品體驗(yàn)~~并且一直在打造未來的生活方式在努力。 當(dāng)下的很多汽車 UI 依然是擬物化的風(fēng)格，但是從 Tesla 開始改變，采用大屏幕，注重整體的交互體驗(yàn)，可能一些老司機(jī)不習(xí)慣，但是不得不說，這是未來，當(dāng)人工智能徹底走向生活的時(shí)候，擬物化應(yīng)該會(huì)徹底消失了吧，畢竟用戶的認(rèn)知已經(jīng)被構(gòu)建起來，需要做減法了。

 今天我們來聊聊，Tesla Model 3 的儀表板控制和界面的一些細(xì)節(jié)問題（雖然小編買不起，但是可以學(xué)的起的，哈哈），通過 Tesla Model 3 的 UI 設(shè)計(jì)，你可能會(huì)有跟我一樣的感覺，哇咔咔，看著就是爽！也許你會(huì)意識(shí)到這就是無人駕駛、汽車 UI 的未來。特斯拉 Model 3 從一開始，我就一直在關(guān)注特斯拉的各種6到爆的故事。去年入手了特斯拉S型，就愛上了它如何操控駕駛、以及敏銳的客戶體驗(yàn)調(diào)整，所謂的一見鐘情，大抵就是這種感覺吧。 是的，你沒看錯(cuò)，它挖掘我了我的隱性需求，深度洞察到了我的未來生活方式。。6不6？是不是想到了當(dāng)年的iPhone，沒出現(xiàn)時(shí)，你也不知道原來手機(jī)也可以這樣設(shè)計(jì)， Model 3給我的感覺也是一樣。

 我發(fā)現(xiàn)自己也迷上了“經(jīng)濟(jì)實(shí)惠”版本的Model 3，所以關(guān)于 Model 3 的所有信息，我都會(huì)去關(guān)注。 Model 3 概念很酷，但是我不相信特斯拉真的會(huì)在把汽車推向消費(fèi)者的，把儀表板放倒?！艾F(xiàn)在可能很酷，但市場(chǎng)營銷人員或消費(fèi)者不會(huì)接受，這應(yīng)該只是一個(gè)概念。。?！?我這么認(rèn)為，因?yàn)檫@種設(shè)計(jì)確實(shí)不當(dāng)下的消費(fèi)主流。 但是....我錯(cuò)了。

當(dāng)你體驗(yàn)的時(shí)候，你會(huì)迅速學(xué)習(xí)，它的設(shè)計(jì)大大降低的汽車駕駛的成本，就像當(dāng)年，iPhone拿掉了實(shí)體按鍵一樣。Model 3，沒有旋鈕，沒有空調(diào)通風(fēng)口，也沒有打開手套箱的手柄。他們將所有一切都收在了汽車中間的觸摸屏上。

如此而已，當(dāng)人工智能非常成熟，需要做的就是在屏幕上點(diǎn)點(diǎn)、劃劃就可以了。Model 3 操作屏的界面設(shè)計(jì)的很酷，作為設(shè)計(jì)師的我，還是想給他在設(shè)計(jì)一下。畢竟，看到如此酷炫產(chǎn)品，我的職業(yè)病又犯了，那就把界面設(shè)計(jì)的再酷一點(diǎn)，算是致敬Model系列的未來了吧。來說說，為什么我決定重新創(chuàng)建用戶界面靜態(tài)圖像還不足以滿足我的好奇心，哈哈，我想很多人也是，就像iPhone還沒推出，各種概念設(shè)計(jì)就已經(jīng)出來了一樣。

當(dāng)然啦，要想重新設(shè)計(jì)，也不是那么容易了，我至少得分析這些零部件，并確切地了解特斯拉如何設(shè)計(jì)其瘋狂的新車儀表板......以及為什么這樣設(shè)計(jì)。 我開始從官方提供的圖，重建特斯拉 Model 3 UI。我制作了一系列的圖標(biāo)，系統(tǒng)顏色，設(shè)計(jì)了一個(gè)自定義的地圖框視圖，將 Figma 組件、開關(guān)、按鈕等所有東西組合在一起。 然后，我用 Figma 做了大部分的設(shè)計(jì)工作： （Figma是在線協(xié)作的交互原型工具，可以無限放大界面，不用安裝非常好用）原型交互 點(diǎn)擊可查看原型鏈接。 打開后，界面是下面這個(gè)樣子，可以無限放大哦。我感覺，這輛車不是為完美的駕駛體驗(yàn)而設(shè)計(jì)的。 Whattt???你可能有這樣的疑惑。 特斯拉 Model 3 是一款設(shè)計(jì)時(shí)不考慮駕駛員的汽車，并且是故意這樣設(shè)計(jì)的。

用戶可能一開始摸不著頭腦，why？ 沒有旋鈕、幾乎沒有方向盤，你必須點(diǎn)擊屏幕，才能打開擋風(fēng)玻璃刮水器。（有一個(gè)控制臺(tái)杠桿可以打開它們，但頻率是通過屏幕控制的。） 你必須點(diǎn)擊屏幕才能打開手套箱，你必須點(diǎn)擊屏幕才能打開緊急制動(dòng)。（這也是自動(dòng)的，但手動(dòng)應(yīng)用程序似乎在設(shè)置中。） 對(duì)一個(gè)司機(jī)來說，這個(gè)聽起來是不是很糟糕？他們不能再依靠純粹的本能和肌肉記憶來操縱自己的汽車。

如果是傳統(tǒng)汽車操作體驗(yàn)，這是不合理的，但是當(dāng)無人駕駛的未來到來了呢？ 所以，我不認(rèn)為特斯拉這樣做只是為了前衛(wèi)的概念，他們這樣做，是在為沒有司機(jī)的世界做好準(zhǔn)備，為未來的無人駕駛做準(zhǔn)備。為乘坐體驗(yàn)而設(shè)計(jì)的產(chǎn)品我們來看看Model 3 UI 中屏幕分辨率。

 這輛車，本來是可以像垂直的屏幕一樣，就像S型和X型一樣，但是它沒有。相反，Model 3 的長(zhǎng)寬比為 8：5，分辨率約為1920x1200px。 Why？為什么要這么做？ 我們來看下，底部控件是 120px 高。 1200 - 120 = 1080。 1920 × 1080。 這是一個(gè)高清電視啊，當(dāng)處于無人駕駛的時(shí)候，吃著火鍋，看著電視，唱著歌，這有多爽啊。大家明白了吧，特斯拉的中央控制臺(tái)是用來看東西的，而不是讓你去駕駛操作汽車的。這個(gè)“Bad Boy” ，將是無人駕駛的未來，未來一遍開車，一遍看電視，或者來個(gè)緊急會(huì)議也不是問題。 當(dāng)法規(guī)和技術(shù)非常成熟的時(shí)候，看電影就沒有比在車中間更好的位置了（微笑）。我想，這一天應(yīng)該不會(huì)太遠(yuǎn)，就會(huì)到來，不知道大家怎么看呢下面讓我們看看特斯拉 Model 3 的用戶界面以下是 UI 不同部分的截圖。拉到底部，會(huì)有更多的UI圖展示，只能說酷到?jīng)]朋友，甩開傳統(tǒng)汽車幾條街。。。整體UI風(fēng)格，扁平化，關(guān)注信息本身，很具有未來感。途中駕駛模式界面,非常類似手機(jī)用戶界面。 注意了，儀表板是在駕駛員的手臂長(zhǎng)度范圍內(nèi)，并且在駕駛員的外圍視野內(nèi)。對(duì)于右駕駛員來說，這個(gè)視野很容易被翻轉(zhuǎn)的，體驗(yàn)很不錯(cuò)。停放模式，所有的干線和控制器都在觸摸屏上 看起來， Model 3 上有很多潛在的交互行為。比如，當(dāng)你停車時(shí)，只適用于停車的控制器才會(huì)出現(xiàn)。方向盤上的快速設(shè)置 在這款車上，其實(shí)是有很多設(shè)置的，你可以根據(jù)自己的需求，快速配置一個(gè)屬于你自己的常用操作功能，可以說是非常人性化的了。以后，這輛車的操作行為，只屬于你，別人借車開，可能會(huì)不習(xí)慣。。音樂播放界面 車上有很多專輯，用聲音來控制，這從技術(shù)上來說，沒什么難度，這種自語音交互的設(shè)計(jì)，可能要由特斯拉 Model 3 引領(lǐng)了。。不知大家怎么看最后，再來聊聊特斯拉與蘋果最近，我正在重新審視 Steve Jobs 推出的 iPhone 的主題演講，想到 Model 3 和 iPhone 有著明顯的相似之處。 都沒有物理按鈕。這也讓我想到了07年iPhone剛推出時(shí)，用戶的個(gè)各種不習(xí)慣，不過iPhone對(duì)用戶行為的培養(yǎng)，也是畫了好幾年，終于在iPhone4以后爆發(fā)了。 我相信，Model 3 可能不會(huì)迅速的占領(lǐng)市場(chǎng)，但不可否認(rèn)的是，他就是未來。 喬布斯2007年的 iPhone 演講 也許未來，會(huì)多一個(gè)職位叫：汽車APP用體驗(yàn)設(shè)計(jì)師。再來個(gè)汽車的應(yīng)用商店也不是不可能。 下面是Model 3 的一些UI界面，走過路過，不要錯(cuò)過~~現(xiàn)在，該你告訴我，你對(duì)Model 3怎么看？要不要入手一輛？ 文章轉(zhuǎn)自公眾號(hào)：設(shè)計(jì)夾 翻譯加編輯：曉黑 點(diǎn)擊此處查看原文

返回第一電動(dòng)網(wǎng)首頁 >