中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語：HMI即人機(jī)交互，而汽車HMI設(shè)計(jì)則是涉及了汽車和人兩方的交互體驗(yàn)設(shè)計(jì)，在進(jìn)行汽車HMI設(shè)計(jì)中，設(shè)計(jì)師需要考慮如何提升人機(jī)的交互體驗(yàn)，引導(dǎo)用戶順利地完成交互任務(wù)。那么，汽車HMI有哪些特點(diǎn)？具體應(yīng)該如何開發(fā)？本文作者梳理了車載系統(tǒng)的首頁框架、狀態(tài)欄等方面，一起來看一下。

一、前言

入行做車載HMI已有多年，接下來我會(huì)給大家安排HMI設(shè)計(jì)知識(shí)相關(guān)的文章，輸出這類文章的初衷就是想讓更多的人能夠了解這個(gè)賽道。

近幾年行業(yè)的興起，專業(yè)知識(shí)的稀缺我們都可以觀察到，這也是導(dǎo)致這個(gè)行業(yè)設(shè)計(jì)人員比較缺失的重要因素，因?yàn)殚T檻相對(duì)較高，所以大多數(shù)設(shè)計(jì)師們還在卷C端、B端領(lǐng)域。如果你想進(jìn)入這個(gè)賽道了解車載HMI知識(shí)的話，那就盡請(qǐng)期待一下吧。

車載屏幕的首頁承載了相對(duì)比較重要的內(nèi)容，那他的設(shè)計(jì)方案也是很多種類的，每一個(gè)車廠的產(chǎn)品部門對(duì)產(chǎn)品的定義也有所不同，側(cè)重點(diǎn)也會(huì)有所差異化。

產(chǎn)品和體驗(yàn)部門需要進(jìn)行對(duì)市場(chǎng)分析，用戶調(diào)研等，去了解直接用戶的心聲，而不是自以為是覺得哪些功能重要就做那些，或者看別的車廠有什么我們就做什么，這類的做法是不可取的，因此前期的調(diào)研工作不能少。

二、HMI首頁框架

首頁是一個(gè)門面，在設(shè)計(jì)方面肯定是S級(jí)別的任務(wù)，什么功能需要呈現(xiàn)在首頁上面，需要經(jīng)過前期調(diào)研報(bào)告結(jié)論來定義，最終確認(rèn)首頁的方案。下面羅列出市場(chǎng)上主流的一些首頁設(shè)計(jì)方案，分析一下首頁有什么內(nèi)容

1. 特斯拉

我們來分析一下特斯拉Model 3/Y的首頁。特斯拉的設(shè)計(jì)比較獨(dú)特，中控的整個(gè)屏幕呈分區(qū)顯示，因?yàn)镸odel 3/Y取消掉儀表盤，取而代之的是占用中控左側(cè)1/3區(qū)域作為車況信息區(qū)、智能可視化（注：道路和車模的實(shí)況圖）、包括前后儲(chǔ)物箱充電口，并且集成了后置攝像頭、語音指令、充電設(shè)置甚至手動(dòng)雨刮器的入口。

上方區(qū)域在行駛狀態(tài)下會(huì)變成時(shí)速表、車速、檔位、自動(dòng)駕駛狀態(tài)、剩余續(xù)航等， 顯示Autopilot自動(dòng)輔助駕駛狀態(tài)的位置會(huì)轉(zhuǎn)換成對(duì)車輛的快速控制：如前備箱與后備箱的解鎖，這樣的界面操作設(shè)計(jì)讓人感覺更加便捷。

右側(cè)2/3區(qū)域則作為車機(jī)系統(tǒng)頁面，將使用頻率較高的導(dǎo)航作為主界面，地圖導(dǎo)航是最常用的功能，即使不導(dǎo)航，常規(guī)顯示的地圖信息也可以極大增加駕駛員的安心感，頂部的狀態(tài)欄基本都可以進(jìn)行點(diǎn)擊操作（頂部的狀態(tài)欄在本篇文章后半部分會(huì)有詳細(xì)的介紹）

2. 小鵬

小鵬汽車P7將儀表屏和中控屏連接起來，做了一個(gè)貫穿式的設(shè)計(jì)，小鵬 P7 也是地圖導(dǎo)航為默認(rèn)背景，中控屏幕采用卡片化設(shè)計(jì)，界面主要分左中右三個(gè)部分，主次分明，從左至右依次為：導(dǎo)航欄（小程序、音樂、車輛設(shè)置、空調(diào)、泊車輔助、電話、設(shè)置）。

和蔚來 ES6 不一樣之處就在于小鵬 P7 的常用卡是放在中控左側(cè)欄，常用的功能卡片有：智能助手、導(dǎo)航、音樂、電話、消息中心；顯示區(qū)（地圖、導(dǎo)航信息、狀態(tài)欄）在顯示區(qū)；其他的內(nèi)容點(diǎn)開后會(huì)以彈窗的方式，展現(xiàn)在地圖之上，用完一個(gè)就關(guān)掉，操作非常的便捷。使用小鵬語音助手、觸控基本可以滿足駕駛需要的功能操作，設(shè)計(jì)簡(jiǎn)潔，信息布局合理。

語音助手，小鵬P7的語音交互體驗(yàn)反應(yīng)速度還是比較快的，可以實(shí)現(xiàn)全場(chǎng)景語音交互設(shè)計(jì)，詞庫豐富，識(shí)別率也不錯(cuò)，據(jù)統(tǒng)計(jì)正確率達(dá)到百分之80%以上，喚醒詞為“你好小P”一次喚醒20秒內(nèi)免喚醒，可以語音輸入目的地，迅速搜錯(cuò)結(jié)果，語音交互設(shè)計(jì)非常友好，用戶體驗(yàn)非常的人性化智能化。

導(dǎo)航卡片+右側(cè)導(dǎo)航主頁，主要的功能有搜索、附近信息、附近搜、里程信息、道路狀況、充電站、道路名稱、交通信息；卡片左下角有音量控制、視圖切換、設(shè)置按鈕可以調(diào)節(jié)導(dǎo)航音量，2D/3D地圖視角切換，導(dǎo)航設(shè)置；音樂卡主要功能切歌上一首、下一首、暫停播放， 快速操作點(diǎn)擊；電話卡是進(jìn)入電話界面，需要連接藍(lán)牙獲取通訊錄才能使用。

小鵬 G3 和 P5 中控是豎屏的，據(jù)統(tǒng)計(jì)HMI中控豎屏的使用體驗(yàn)會(huì)優(yōu)于橫屏，我們看一下屏幕操作的熱區(qū)可以發(fā)現(xiàn)，豎屏操作會(huì)比橫屏?xí)靡恍?，以手臂為中心畫圓，豎屏的寬度是要小于長(zhǎng)屏的，因此右手操作到的內(nèi)容我覺得還是豎屏更加舒適，但是豎屏也有一個(gè)缺點(diǎn)，下方區(qū)域的內(nèi)容是需要低頭去查看。

和P7中控設(shè)計(jì)還是有差異的，P7是功能卡片+地圖組合，而小鵬 G3 和 P5 中控首頁是應(yīng)用圖標(biāo)+地圖組合形式，我想這是為了能夠讓用戶使用更多功能的原因吧，從左到右依次是語音形象、導(dǎo)航、音樂、電話、倒車影像、設(shè)置、應(yīng)用，從操作區(qū)域來看，將常用的功能都集中于最佳觸控區(qū)域，比如導(dǎo)航、音樂、電話等，導(dǎo)航頁面中的按鈕也都居于左側(cè)區(qū)域便于點(diǎn)擊使用。

3. 蔚來

蔚來 ES6 也沿用將導(dǎo)航作為主界面和Model 3不同之處，首頁增加了兩個(gè)卡片，靠近主駕駛是常用的音樂卡片，右側(cè)則是其余卡片切換的一個(gè)狀況，卡片類型有：車輛信息、車胎壓信息、天氣、時(shí)間等卡片。

蔚來首頁導(dǎo)航中，新增組隊(duì)出行功能，和朋友一起去自駕游或者約飯，可以開啟組隊(duì)功能，開啟了之后可以在地圖上面看到朋友的實(shí)時(shí)位置，該功能可在車機(jī)及手機(jī)App端使用。通過點(diǎn)擊中控屏左側(cè)的“組隊(duì)出行”按鈕，用戶可創(chuàng)建一支新隊(duì)伍并邀請(qǐng)好友加入，或輸入口令加入一支現(xiàn)有隊(duì)伍。開啟組隊(duì)出行模式后，在線成員之間可實(shí)時(shí)共享位置，并在車內(nèi)進(jìn)行語音聊天，語音聊天支持對(duì)講模式和聊天模式。

雖然現(xiàn)在還有很多用戶不習(xí)慣用語音交互，但是駕駛過程中最好使用語音交互，這樣還是會(huì)比較安全的，喊出HI NOMI，它就會(huì)做出反應(yīng)，可以滿足駕駛時(shí)需要操作的問題，比如Hi NOMI幫我打開空調(diào)，它特別的智能可以根據(jù)你的聲音來識(shí)別你的位置，假如你坐在前排打開的就是前排空調(diào)，支持三區(qū)域的語音喚醒，同時(shí)支持連續(xù)的語音輸入，輸入上一個(gè)指令之后，20s之內(nèi)還可以連續(xù)輸入指令讓它去執(zhí)行，有測(cè)過1分鐘之內(nèi)可以連續(xù)輸入20條指令。

4. 理想ONE

理想ONE中控采用的是橫屏布局，它的主界面采用卡片式的功能頁面設(shè)計(jì)，理想 ONE 中控屏左側(cè)顯示的時(shí)間、音樂、此外，點(diǎn)擊時(shí)鐘區(qū)域，可以手動(dòng)喚出該車的語音助手“理想同學(xué)”，方便車主之外的人使用語音功能。以及左下方5個(gè)快捷鍵（home、車輛設(shè)置、導(dǎo)航、音樂、360°）。

右側(cè)是各個(gè)常用功能的卡片區(qū)域，我們很多項(xiàng)目的主頁也是采用這種卡片式設(shè)計(jì)，各個(gè)常用功能以卡片的形式橫向排布，卡片的排列順序也可以通過長(zhǎng)按拖動(dòng)來自行調(diào)整。理想ONE功能卡片初始順序從左到右分別是：導(dǎo)航、音樂、自動(dòng)泊車，右滑第二屏顯示的是：收音機(jī)、網(wǎng)絡(luò)電臺(tái)、車輛的保養(yǎng)情況以及胎壓監(jiān)測(cè)、藍(lán)牙電話、設(shè)置、行車記錄儀、全屏后視、幫助、供電管理、以及天氣。

語音助手：

喚醒理想ONE的語音助手有三種途徑：

1. 通過喊出“理想同學(xué)”語音喚醒；
2. 通過點(diǎn)擊中控屏上的時(shí)鐘喚醒；
3. 通過按下方向盤上的語音鍵喚醒。

可以通過一些語音快捷指令可以實(shí)現(xiàn)：打開導(dǎo)航、增大音量、打開勿擾模式、地圖導(dǎo)航（導(dǎo)航到上海浦東國(guó)際機(jī)場(chǎng)T2航站樓）、車輛控制（打開前車窗、打開座椅通風(fēng)）、電話（打電話給周杰倫）、音樂（播放七里香、收藏音樂、下一首歌）、收音機(jī)（我要聽xxx電臺(tái)、換一個(gè)）、車況查詢（目前胎壓是多少，什么時(shí)候需要保養(yǎng)）、天氣查詢（今天溫度多少度、有雨嗎？）等，駐車時(shí)和理想同學(xué)對(duì)話說出“聽說車?yán)镉锌铸垺?，?huì)出現(xiàn)驚喜哦，他是一款小游戲，通過人的聲音來控制小恐龍?zhí)S，這個(gè)可是哄娃神器。

導(dǎo)航卡片，地圖是經(jīng)常使用的功能之一，所以需要靠近左駕駛位置，因此需要放置在第一張大卡片上，理想ONE內(nèi)置的地圖是高德地圖，可以聯(lián)網(wǎng)支持賬號(hào)登陸，登錄后可以同步車輛信息等，可以實(shí)現(xiàn)習(xí)慣的遷移。

在主界面的導(dǎo)航功能卡片上，底部的兩個(gè)按鈕分別是去公司和回家快捷鍵圖標(biāo)，初次點(diǎn)擊這兩個(gè)按鈕，需要設(shè)置默認(rèn)公司和家庭地址，設(shè)置完畢后，再次點(diǎn)擊就即刻導(dǎo)航，不用繁瑣輸入地址信息，比語音還更加便捷，語音還需要喚醒說出地址信息，而導(dǎo)航卡上面的快捷按鈕點(diǎn)擊之后就可以立即導(dǎo)航。

理想車載在多媒體方面，音樂采用的是QQ音樂接口。以目前的多數(shù)人用車習(xí)慣來看，車機(jī)中的視頻應(yīng)用使用頻率并不高，而收音機(jī)、音樂等則是幾乎上車就用的，可能正是出于這一原因，在中控屏中并未加入視頻應(yīng)用，而是將其布置在了副駕娛樂屏中。

5. 比亞迪

漢這款車型，他是可以支持橫豎屏的切換的，屏幕可旋轉(zhuǎn)，他的首頁是以卡片形式+應(yīng)用程序?yàn)榻M合的，在首頁的左上角是語音助手和語音提示語，中間部位做了天氣??展示，右上角則為本地音樂；下方的功能卡片是酷狗音樂、高德導(dǎo)航、喜馬拉雅，下面還有切換的內(nèi)容，還有一些第三方的應(yīng)用等；下方有幾個(gè)功能性的按鈕，控制車輛類的，包含空調(diào)功能了開關(guān)狀態(tài)、吹風(fēng)模式、前后除霜的一個(gè)功能；最底部的是導(dǎo)航欄，有一個(gè)小亮點(diǎn)就是可以通過點(diǎn)擊導(dǎo)航欄第四個(gè)按鈕，可將屏幕進(jìn)行旋轉(zhuǎn)。

6. 嵐圖

東風(fēng)旗下的這款嵐圖汽車，今年也拿下 國(guó)際的IF大獎(jiǎng)和國(guó)內(nèi)2021年軒轅獎(jiǎng)，他整體首頁的一個(gè)設(shè)計(jì)風(fēng)格還是以卡片形式為主，首頁可滑動(dòng)來切換主要功能的卡片，左側(cè)語言形象可以幫助你在駕駛過程中完成一些任務(wù)。

在副駕駛位置還多了一塊娛樂屏幕，這一塊的設(shè)計(jì)和其他不一樣，為什么會(huì)說不一樣呢，因?yàn)楦瘪{駛的人沒有駕駛汽車的任務(wù)，所以首先在交互層面上和中控就會(huì)有所區(qū)別對(duì)于娛樂屏幕的定義當(dāng)然就是娛樂為前提，里面的功能也是以音樂、電臺(tái)、視頻為主。

7. 五菱星辰

五菱星辰這款車是2021年9月推出的一款車，他的首頁展現(xiàn)形式也是卡片，Ling OS系統(tǒng)首頁的卡片是根據(jù)不同車型分為多種，不同車型首頁功能卡片也會(huì)有所差異，下面我講解一下他全部的八大類功能卡片，分別是：語言虛擬形象、導(dǎo)航、音樂、電臺(tái)、空調(diào)、電話、手機(jī)互聯(lián)、道路提示，功能卡片下面并附加可操作的按鈕。

8. 威馬

威馬汽車他現(xiàn)在系統(tǒng)分為了兩種，老款車型的首頁相對(duì)這個(gè)市場(chǎng)上來說比較特殊，為啥這么說呢，他的設(shè)計(jì)方案類似于Apple Watch 的首頁，將功能圖標(biāo) 全部按照大小不一的圓形來排布的，導(dǎo)航中、還有播放音樂，設(shè)計(jì)方案也是一個(gè)大圓形帶著一些小圓形，比如音樂小圓形中就包含金曲排行、電子、流行、排行榜單等，而導(dǎo)航就是以地址信息為主，依次排列

對(duì)于中控首頁的思考：

根據(jù)前面分析的車型，我們羅列出了現(xiàn)在市場(chǎng)上比較典型的首頁框架內(nèi)容，當(dāng)然也有獨(dú)特的首頁設(shè)計(jì)就威瑪?shù)脑O(shè)計(jì)風(fēng)格，和上面上大多車載系統(tǒng)都不一樣，這樣大家記住他的印象也就更加深刻，我是記住了。

市面上大多數(shù)首頁都是以卡片為主，對(duì)于車載系統(tǒng)而言，顯而易見卡片式設(shè)計(jì)有兩大好處，其一：學(xué)習(xí)成本降至最低，其二：增大接觸的面積讓駕駛時(shí)誤觸率也降到最低，給到用戶最直觀的體驗(yàn)就是簡(jiǎn)單易用，因此這個(gè)方案各大廠商利用率較高。還有一部分產(chǎn)品將導(dǎo)航放在首頁，因?yàn)閷?dǎo)航功能是常用的，使用率也是排在前列，像小鵬P7和蔚來汽車就是將卡片和導(dǎo)航相結(jié)合，我覺得還是不錯(cuò)的。

首頁功能方面：

在首頁功能卡片上導(dǎo)航、音樂、電臺(tái)首當(dāng)其沖，因?yàn)檫@些都是最常使用的功能，第一屏基本上就是這些內(nèi)容，當(dāng)然首頁還支持滑動(dòng)切換，將其余功能放置在之后的卡片上，比如電話、車輛信息、天氣等等…當(dāng)然還有一些其他的第三方應(yīng)用。

其他的一些想法：

現(xiàn)在對(duì)于私人定制化的場(chǎng)景也有去研究，我們可以根據(jù)個(gè)人的喜好、不同的需求、不同的場(chǎng)景，首頁的設(shè)計(jì)是會(huì)發(fā)生變化的，這樣的做法有好有壞，好處就是增加了很多場(chǎng)景化的內(nèi)容，可以根據(jù)不同時(shí)間段的需求，變更自己想要的功能，壞處就是學(xué)習(xí)成本較高，需要進(jìn)行編輯每一個(gè)模式下的功能，滿足于自定義的需求，但是這個(gè)往往不能保證用戶在路上能夠安全行駛的標(biāo)準(zhǔn)，如果將這些功能都呈現(xiàn)出來，需要進(jìn)行多輪的可用性測(cè)試，通過測(cè)試不斷的優(yōu)化我們自身的一個(gè)設(shè)計(jì)方案。

三、狀態(tài)欄

先快速的看一下我選擇市場(chǎng)上車型中，狀態(tài)欄會(huì)有哪些信息，緊接著會(huì)逐一講解狀態(tài)欄中的內(nèi)容。

特斯拉：車況信息區(qū)， 左側(cè)儀表盤上面的內(nèi)容我會(huì)在下篇具體講解，右側(cè)狀態(tài)欄有 ：解鎖、 時(shí)間 、溫度 、特斯拉LOGO、個(gè)人中心、信號(hào)、藍(lán)牙

小鵬：個(gè)人中心、藍(lán)牙、解鎖、后備箱、前除霜、下載、小鵬LOGO、電池、Wi-Fi、信號(hào)、時(shí)間、個(gè)人中心

蔚來：個(gè)人中心、消息通知、倒車影像、無線充電、藍(lán)牙、信號(hào)、時(shí)間、PM2.5

理想：理想LOGO、時(shí)間、信號(hào)

比亞迪：時(shí)間、PM2.5（車內(nèi)外空氣質(zhì)量）、消息、導(dǎo)航、內(nèi)存卡、藍(lán)牙、車內(nèi)、信號(hào)、海拔高度、坡度（最后兩個(gè)是比亞迪特有的暫時(shí)還沒在其他車型中看到有）

嵐圖：嵐圖FREE的車型是有中控和副駕駛娛樂屏，他們的狀態(tài)欄基本一致：我們羅列一下中控狀態(tài)欄內(nèi)容：信號(hào)、內(nèi)外循環(huán)、風(fēng)量、空調(diào)吹風(fēng)模式、車內(nèi)空氣質(zhì)量、倒車影像、時(shí)間

五菱星辰：語音、空調(diào)吹風(fēng)模式（一共五種模式）、內(nèi)外循環(huán)、溫度、風(fēng)量、藍(lán)牙、USB、音量、時(shí)間

威瑪W6：時(shí)間、個(gè)人中心、信息、音量、USB、無線充電、藍(lán)牙、信號(hào)

對(duì)于狀態(tài)欄的思考：

首先要給大家說一下的是，車載端和手機(jī)端APP不一樣的是，車載HMI的狀態(tài)欄是需要我們?cè)O(shè)計(jì)師進(jìn)行設(shè)計(jì)的，因?yàn)槲覀冏龅氖且粋€(gè)系統(tǒng)，和手機(jī)中設(shè)計(jì)APP不一樣，APP不需要考慮手機(jī)系統(tǒng)的狀態(tài)欄。

我們列舉出了八款車有很多都是基本上大家都會(huì)有的，比如： 時(shí)間（24小時(shí)制 or 12小時(shí)制，根據(jù)產(chǎn)品的定義來確認(rèn)最后輸出形式）、信號(hào)、藍(lán)牙，其他的狀態(tài)欄信息是根據(jù)自己車的項(xiàng)目需求還有硬件的差異不同，導(dǎo)致每個(gè)車型、品牌都會(huì)有差異化存在。

狀態(tài)欄還有哪些內(nèi)容呢？我們都來看一遍吧，車內(nèi)溫度、空氣質(zhì)量信息、信號(hào)、音量、信息提示、內(nèi)外循環(huán)、wifi、 車輛電池信息、個(gè)人中心、解鎖、空調(diào)吹風(fēng)模式等等，是不是覺得超級(jí)多，其實(shí)還有很多廠家獨(dú)有的內(nèi)容，我這邊就不多說了，還是需要抓住相對(duì)重要的內(nèi)容和大家分享。

下篇文章我會(huì)把狀態(tài)欄設(shè)計(jì)中可能會(huì)遇到的一些狀況，還有一些我覺得比較重要的點(diǎn)，會(huì)給大家進(jìn)行分析，并且會(huì)新增導(dǎo)航欄（dock欄）分析。

本文由 @林和夕 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。