Tom Johnson 是一名位於亞特蘭大的產品設計師,更多精彩內容可訪問他的部落格專欄。
文章細分了第一款大眾市場觸控式螢幕電動汽車特斯拉 Model 3 的儀表板控制和介面的細節。從特斯拉的UI設計我們可以看出特斯拉的長期戰略,以及他們對未來無人駕駛的態度。
本文閱讀時間:約6分鐘。
特斯拉 Model 3
我發現自己也迷上了“經濟實惠”版本的前景,所以追蹤看了每一次 Model 3 的宣佈。
但是....我錯了。
他們將所有一切都收在了汽車中間的觸控式螢幕上。
特斯拉的訊息嚇得寶寶緊緊抱住了自己。
過了一段時間,我終於遇到了一位名叫 Andrew Goodlad 的設計師的一個專案,這個設計師根據新聞釋出會再現了特斯拉 Model 3 的使用者介面,以及汽車內部的搖搖晃晃的 YouTube 視訊。他做了一個原型。
為什麼我決定重新建立使用者介面
我開始從影象中重建特斯拉 Model 3 UI。我製作了圖示,取樣顏色,設計了一個自定義的地圖框檢視,將 Figma 元件,開關,按鈕等所有東西拼湊在一起。
這是可點選的原型互動:
我從 Model 3 UI 中瞭解到了什麼
Whattt???
特斯拉 Model 3 是一款設計時不考慮駕駛員的汽車。並且是故意的。
對一個司機來說,這個聽起來是不是很糟糕?他們不能再依靠純粹的本能和肌肉記憶來操縱自己的汽車。
但我不認為特斯拉這樣做只是前衛,他們這樣做,是在為沒有司機的世界做好準備。
為乘坐體驗而設計的車
這輛車本來可以像垂直的螢幕一樣,就像S型和X型一樣,但是它沒有。相反,Model 3 的長寬比為 8:5,解析度約為 1920x1200px。
我們來看,底部控制元件是 120px 高。
這是一個高清電視啊,盆友們。
高清電視向我們表明,特斯拉用他們的中央控制檯來看東西,而不是讓你去駕駛汽車。這個Bad Boy 將是無人駕駛的未來。
當法規和技術到位的時候,看電影就沒有比在車中間更好的位置了(微笑)。
下面讓我們看看使用者介面
途中駕駛模式
值得注意的是,儀表板在駕駛員的手臂長度範圍內,並且在駕駛員的外圍視野內。對於右駕市場來說,這個視野很容易被翻轉。
停放模式
快速設定
在這款車上有很多設定,但是看起來你可以配置一個快速控制的部分,以便檢視最常用的功能。但也可能這些是自動填充的。
音樂控制
似乎有一個明確的專輯而不是單獨的歌曲。不知這個車上會有多少聲音控制。
特斯拉與蘋果
都沒有物理按鈕。
賈伯斯向觀眾展示了業界所有其他主流智慧手機,iPhone 最大的革新就是沒有物理鍵盤。
或許你會說,那是一部電話,這是一輛車。互動方式和用例明顯不同。
瓜田君的話
不久的將來,當無人駕駛汽車得到市場的廣泛認可和普及後,相信設計師們的職業頭銜又會多一條細分:無人駕駛汽車 App UI 設計師。