“HMI”是人機(jī)界面的縮寫，也是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介，它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。上篇文章介紹了HMI的一些基礎(chǔ)知識(shí)，本文是對(duì)上篇的補(bǔ)充說(shuō)明，一起來(lái)看看吧。

一、HMI工作流程是怎么樣子？

HMI工作流程和其他設(shè)計(jì)工作流程其實(shí)是基本一致的，整個(gè)整車系統(tǒng)的設(shè)計(jì)到落地發(fā)布，至少要半年時(shí)間，甚至多的需要長(zhǎng)達(dá)一年的時(shí)間，如何做好項(xiàng)目管理也是我現(xiàn)在正在努力的方向。

我們來(lái)看下這個(gè)流程：

在產(chǎn)品初期的時(shí)候和公司高層確認(rèn)項(xiàng)目的基本需求，以及項(xiàng)目的時(shí)間規(guī)劃，最后再到人力分配的考量，這些都要有過(guò)實(shí)際項(xiàng)目經(jīng)驗(yàn)才能知曉的，不然你真的一點(diǎn)都不知道咋做，HMI的項(xiàng)目和其他移動(dòng)端還是有很大不同點(diǎn)的，時(shí)間周期上肯定是遠(yuǎn)超過(guò)的。

確認(rèn)好項(xiàng)目基礎(chǔ)內(nèi)容，我們需要做的是對(duì)競(jìng)品的一個(gè)分析，從功能、交互、視覺(jué)各方面去拆解，并做好競(jìng)品分析的文檔。接下來(lái)就是產(chǎn)品經(jīng)理確認(rèn)好整車系統(tǒng)的功能點(diǎn)，并輸出相對(duì)應(yīng)的PRD文檔，接下來(lái)要拉上交互設(shè)計(jì)師 / UI設(shè)計(jì)師 / 研發(fā)來(lái)評(píng)審，最終評(píng)審?fù)ㄟ^(guò)確認(rèn)好，再輸出給交互設(shè)計(jì)師。

交互設(shè)計(jì)師根據(jù)產(chǎn)品經(jīng)理的PRD文檔，輸出對(duì)應(yīng)系統(tǒng)模塊的交互邏輯圖，并且也要挖掘新的交互方式，來(lái)提高用戶整體的體驗(yàn)感，當(dāng)交互設(shè)計(jì)師完成交互稿后需拉上前面一波人繼續(xù)評(píng)審交互設(shè)計(jì)稿，通過(guò)之后就輸出UI設(shè)計(jì)師。UI設(shè)計(jì)師在產(chǎn)品初期項(xiàng)目組討論好系統(tǒng)大方向的時(shí)候，其實(shí)就可以進(jìn)行UI風(fēng)格的定義，多整車系統(tǒng)方案設(shè)計(jì)的推導(dǎo)，將推導(dǎo)的多個(gè)方案，先設(shè)計(jì)內(nèi)容進(jìn)行小的評(píng)審會(huì)議后，再拉上項(xiàng)目高層最后確認(rèn)用那一個(gè)方案。當(dāng)方案確認(rèn)好后，整車系統(tǒng)UI界面就開(kāi)始輸出了，輸出過(guò)程中設(shè)計(jì)規(guī)范、組件庫(kù)的搭建都要進(jìn)行，這些內(nèi)容都是跟著項(xiàng)目進(jìn)程不斷添加的，每一個(gè)模塊輸出UI效果圖，都需要拉上設(shè)計(jì)內(nèi)部人員確認(rèn)，設(shè)計(jì)無(wú)誤之后，再開(kāi)始對(duì)接研發(fā)。

將設(shè)計(jì)稿做好對(duì)接工作后，需交給研發(fā)，對(duì)頁(yè)面進(jìn)行開(kāi)發(fā)。設(shè)計(jì)規(guī)范再和研發(fā)溝通中起到很好做用，為啥呢？一開(kāi)始和研發(fā)交代了這些設(shè)計(jì)規(guī)范后，讓研發(fā)有了依據(jù)，這樣溝通成本大大的降低了，不然每天一個(gè)勁的在問(wèn)設(shè)計(jì)的細(xì)節(jié)問(wèn)題，我剛開(kāi)始工作的時(shí)候就被這樣搞過(guò)，后來(lái)我就按照我的經(jīng)驗(yàn)，將這項(xiàng)工作做起來(lái)，從而優(yōu)化工作流程，這也是我管理項(xiàng)目經(jīng)驗(yàn)的一個(gè)開(kāi)始吧。

研發(fā)輸出好之后，將安裝包打版本，放進(jìn)車機(jī)中去，緊跟著測(cè)試要進(jìn)行對(duì)系統(tǒng)中功能、交互邏輯、視覺(jué)還原、交互體驗(yàn)的一個(gè)測(cè)試，將有問(wèn)題的內(nèi)容，提出bug并給到相對(duì)應(yīng)的人去修改，當(dāng)然我們UI設(shè)計(jì)也需要進(jìn)行UI走查，因?yàn)閁I方面還是設(shè)計(jì)師比較專業(yè)，能夠發(fā)現(xiàn)問(wèn)題。

在項(xiàng)目過(guò)程中，我們經(jīng)常也會(huì)遇到產(chǎn)品的需求變更、交互邏輯變更、以及視覺(jué)的設(shè)計(jì)優(yōu)化等，問(wèn)題全部都解決，車載系統(tǒng)能夠正常跑通整個(gè)流程，就準(zhǔn)備開(kāi)新車發(fā)布會(huì)了，在發(fā)布會(huì)中展示車載系統(tǒng)的功能。

當(dāng)項(xiàng)目接近尾聲，整個(gè)項(xiàng)目組都要進(jìn)行對(duì)各自領(lǐng)域的復(fù)盤，我設(shè)計(jì)師也需要，后續(xù)就是車載系統(tǒng)OTA升級(jí)迭代了，每次OTA推送都會(huì)有一些新的功能點(diǎn)，或者是針對(duì)具體的某一個(gè)功能點(diǎn)優(yōu)化。

二、工作中如何相互配合？

工作中配合方面呢，我有一些小心得，每一家公司工作配合可能都不一樣，就像有的公司用飛書(shū)辦公、有的用釘釘。我們公司是使用的飛書(shū)，用了2年多感覺(jué)還真的不錯(cuò)，不管是寫文檔、還是項(xiàng)目管理的排期都能很快的上手。

我們用的設(shè)計(jì)軟件不一樣，管理的方式也不一樣，F(xiàn)igma 是可以同時(shí)多人操作，文件都是在他云端上，這樣會(huì)方便很多，但有的公司沒(méi)有用這款軟件怎么辦呢？我們是用蘋果云端實(shí)時(shí)同步的，文件是一個(gè)共享的狀態(tài)，這個(gè)好處就是文件再也用傳來(lái)傳去了，直接復(fù)制下來(lái)，我這邊為什么會(huì)提到復(fù)制呢，因?yàn)樵贫藢?shí)時(shí)操作只能是一個(gè)人，如果出現(xiàn)多個(gè)人他就會(huì)出錯(cuò)，他會(huì)讓你確認(rèn)保存那個(gè)版本，所以內(nèi)容需求修改文件的是，需要先溝通一下，如果有人在操作，你就把這個(gè)文件復(fù)制到本地來(lái)修改，修改好后再對(duì)其進(jìn)行更新。

我們一開(kāi)始和研發(fā)對(duì)接是用插件，因?yàn)樗{(lán)湖需要跟公司申請(qǐng)費(fèi)用才能使用，后來(lái)等費(fèi)用審批下來(lái)后，我們整個(gè)部門也換上了藍(lán)湖，上傳藍(lán)湖之后也方便研發(fā)、測(cè)試查看。

這邊還有一個(gè)小心得就是如何快速的響應(yīng)車載視覺(jué)走查的修改，當(dāng)UI走查的時(shí)候會(huì)出現(xiàn)一些需要UI修改的地方，我們?nèi)绾巫龅娇焖衮?yàn)證呢，因?yàn)槠桨宓拇笮∥覀冘嚈C(jī)差不多大，我們將修改好后的效果圖都導(dǎo)出圖片放到車輛中控的位置，在對(duì)其進(jìn)行設(shè)計(jì)驗(yàn)證，如果沒(méi)有問(wèn)題我們?cè)賹⑿薷暮煤蟮脑O(shè)計(jì)圖對(duì)接研發(fā)，如果不這樣做，可能會(huì)出現(xiàn)一個(gè)問(wèn)題需要反復(fù)調(diào)整多次，這也是我發(fā)現(xiàn)能夠快速對(duì)接修改問(wèn)題的一個(gè)小技巧。

因?yàn)楣ぷ髦锌赡軙?huì)出現(xiàn)各式各樣的問(wèn)題，所以大家要根據(jù)實(shí)際情況就針對(duì)問(wèn)題就解決它。

三、還要堅(jiān)持C端、B端嘛？

我們?cè)撊绾芜x擇自己未來(lái)要走的路？ 有人問(wèn)我還要堅(jiān)持C端、B端嘛？我想知道你們問(wèn)我這個(gè)問(wèn)題的根本原因是啥？其實(shí)我心里也清楚你們問(wèn)我這類問(wèn)題的原因有哪些？

假設(shè)你們心里的場(chǎng)景：

啊呀，我作品集都做了，找了很久的工作都還沒(méi)找到，我到底適不適合做設(shè)計(jì)，不做設(shè)計(jì)我能干啥呢？一度懷疑自己，否定自己，這一類還算好的，起碼人家作品集都做了，也準(zhǔn)備面試的準(zhǔn)備工作，就怕啥也沒(méi)有，什么也沒(méi)準(zhǔn)備，還想跳槽換工作的。

總結(jié)上面這類人的問(wèn)題點(diǎn)：

遇到困難不知道如何解決，甚至想逃避問(wèn)題，想要不我換一個(gè)行業(yè)試試，說(shuō)不定就可行了呢，什么我都想接觸一下試試看，我想和你說(shuō)的是，如果你不學(xué)會(huì)如何解決問(wèn)題，那么大概率你換到別的行業(yè)、別的賽道你也是沒(méi)辦法解決的，因?yàn)槟愕牡谝环磻?yīng)是選擇逃避，當(dāng)然也有同學(xué)是嘗試去挖掘出現(xiàn)問(wèn)題的根本原因是什么，然后去解決它，如果你真的努力的解決了，最后還是沒(méi)辦法上岸的話，你再換賽道，說(shuō)實(shí)話現(xiàn)在行情一年不如一年了。

最后給大家建議是：

主要看你們自己喜歡那個(gè)行業(yè)，對(duì)于這個(gè)行業(yè)感興趣，有了興趣才會(huì)認(rèn)真的做好每一件事情。答應(yīng)我別做一個(gè)沒(méi)有感情的設(shè)計(jì)輸出機(jī)器，這也是我不愿意看到的。

工作中肯定會(huì)有一些很基礎(chǔ)的任務(wù)，大家都會(huì)去抱怨，這個(gè)好費(fèi)時(shí)間啊，不想做。這類的事情它的占比不能很多，不然你真的就成了機(jī)器人、操作手了。

如果你發(fā)現(xiàn)你一直沒(méi)有成長(zhǎng)，你就得反思一下問(wèn)題，是自己沒(méi)有找對(duì)學(xué)習(xí)的方法，還是在這家公司一只做著邊緣化的工作，導(dǎo)致自己浪費(fèi)了大把時(shí)間。如果是后者，請(qǐng)盡快做作品集換工作。那第一種的呢？學(xué)習(xí)這件事情，還是要找到適合自己節(jié)奏的步伐，真的！過(guò)來(lái)人的經(jīng)驗(yàn)就是兩個(gè)字“堅(jiān)持”。

為什么這么說(shuō)呢？不能一上來(lái)我現(xiàn)在就要好好學(xué)習(xí)，第一天就熬夜干的到凌晨2、3點(diǎn)，第二天就不想干了，好累??！今天休息一天，明天繼續(xù)，給自己找借口就來(lái)了，到了第三天可能就忘記了前一天自己說(shuō)要做的事情，朋友一喊來(lái)上號(hào)打游戲了三排上星，然后打完游戲之后就非常懊惱。沒(méi)錯(cuò)這些也都是我之前經(jīng)歷過(guò)的，所以我因此給自己制定一個(gè)合理的學(xué)習(xí)計(jì)劃是非常非常重要的，規(guī)定自己什么時(shí)間內(nèi)做什么事情，也可以搭配做完今天的事情獎(jiǎng)勵(lì)自己玩一個(gè)小時(shí)游戲。

后面如果真的專注做一個(gè)事情，可能就不會(huì)去想奶頭樂(lè)了，我們要學(xué)會(huì)延遲滿足。

其次就是要一直不斷的提高自己學(xué)習(xí)的效率，前期我寫一篇文章需要1個(gè)半月，現(xiàn)在快的話2個(gè)星期就好了。

所以，你在某個(gè)領(lǐng)域有所成就的話，那就請(qǐng)繼續(xù)往前，別輕易換賽道，換賽道意味著你就得從0開(kāi)始。如果真的想換賽道，請(qǐng)你一定要提前熟悉這個(gè)賽道、并且有著計(jì)劃的學(xué)習(xí)，不要打無(wú)準(zhǔn)備的仗，不然你會(huì)輸?shù)暮軕K。

四、HMI車載素材參考怎么找？

我們?cè)趺慈フ臆囕d類的設(shè)計(jì)參考呢？每一個(gè)車企官網(wǎng)都會(huì)有一些車機(jī)圖片，我們可以去去每一家車企都當(dāng)下來(lái)，你的素材庫(kù)肯定就已經(jīng)有一些存貨了。

如果你想看到一輛車落地后的效果圖，有4種方案。

第一個(gè)就是去各大汽車平臺(tái)去搜索相對(duì)應(yīng)車的中控圖片每一輛車都有不少，唯一的缺點(diǎn)就是圖不是很大。第二辦法就是去4S店試駕，找機(jī)會(huì)可以去拍照，如果不方便去4S店。第三種辦法就是：看看身邊的朋友有沒(méi)有這些電車，可以讓他幫忙提供一些素材。再不行就第四種，找?guī)讉€(gè)人合伙租一臺(tái)車，去錄素材。

去設(shè)計(jì)平臺(tái)收藏一些好的素材，比如花瓣、站酷、追波等等另外兩個(gè)需要梯子才可以出去看，大家肯定都知道，我就不提了。

五、如何培養(yǎng)自己HMI學(xué)習(xí)計(jì)劃？

我們?cè)撊绾闻囵B(yǎng)自己的HMI學(xué)習(xí)計(jì)劃，其實(shí)他和我們今天第二個(gè)主題就是綁在一起的，第二塊內(nèi)容我就先帶著大家了解清楚我們需要干的事情，知道需要干的事情，我們才可以針對(duì)這些制定出自己合理的學(xué)習(xí)目標(biāo)和計(jì)劃。

這邊絕大多數(shù)同學(xué)還是想走UI視覺(jué)方面的，我就先從視覺(jué)的學(xué)習(xí)計(jì)劃先開(kāi)始吧，這邊也提前先公布一下我們21天打卡計(jì)劃的一部分內(nèi)容。

第一步：先從收集車載素材開(kāi)始。這邊肯定會(huì)有人問(wèn)，這些素材在哪里收集？查找的輸入的關(guān)鍵詞是什么？

如果你真的想入這一行，那么就算你每天在忙，你也得給我擠出45分鐘出來(lái)來(lái)收集素材，積累自己素材庫(kù)，并增強(qiáng)自己的眼界。收集這些素材還必須要分析它的設(shè)計(jì)優(yōu)點(diǎn)和不足的地方，如果就一直收集不去反思的話，為了完成任務(wù)而去做，那么一開(kāi)始你就別做，早上早起一個(gè)小時(shí)來(lái)學(xué)習(xí)，會(huì)讓很自己痛苦。所以我們要珍惜這段時(shí)間好好的利用。

家熟知的一些設(shè)計(jì)網(wǎng)站我就不介紹了，那搜索的關(guān)鍵詞我這邊就跟大家提到一些，你們趕緊截圖保存，設(shè)計(jì)師先給大家推薦這兩位，一位是追波大佬 飛機(jī)哥，還有一會(huì)是站酷大佬，大家可以去搜索一下；站酷還有一些個(gè)人發(fā)了 參加比亞迪、奔騰比賽的作品，大家也可以去搜索看看。這些都是你們大多數(shù)知道如何搜索的。

接下里我就說(shuō)一些特別的，比如你可以去官方網(wǎng)站去搜索企業(yè)官網(wǎng)之類的，我?guī)Т蠹乙黄鹑タ匆幌?，他們官網(wǎng)的也是不錯(cuò)開(kāi)眼資源，有的里面還有視屏。還有一種就是去汽車之家之類的平臺(tái)網(wǎng)站，去找一些落地產(chǎn)品的效果圖，我也帶大家看一下，如何進(jìn)行查找

最后一種就是去4S店去預(yù)約試駕，然后你就可以拍一些，還有上海、北京這些地方定期都會(huì)舉辦車展，舉辦車展的這幾天，你就玩命的拍，找?guī)讉€(gè)小伙伴一起，大家去拍不同車，因?yàn)檐囌股厦娴能噷?shí)在太多了。

收集素材就先講到這里，每天一定要養(yǎng)成習(xí)慣收集素材。

素材方面是提升自己設(shè)計(jì)實(shí)力，那如何學(xué)習(xí)車載相關(guān)知識(shí)呢？說(shuō)實(shí)話車載的知識(shí)，真的如果沒(méi)人帶的話很難學(xué)習(xí)進(jìn)去的，他不像C端門檻比較低。

現(xiàn)在給我認(rèn)真記筆記，首先你得下載好頭部車企的app，比如小鵬汽車、理想汽車、蔚來(lái)汽車，這些車企都會(huì)有社區(qū)這一塊內(nèi)容。里面有很多可以補(bǔ)充你很多缺乏的知識(shí)，有的還有視屏講解車的基礎(chǔ)操作等等內(nèi)容，這個(gè)是一定要下載的；這些頭部的車企你們不僅要下載他們的APP，微信公眾號(hào)也要關(guān)注，因?yàn)樗麄儠?huì)定期的發(fā)送推文；還有抖音也要關(guān)注這一類的車企，其他車企你們也可以搜索一下，加入到自己的列表中來(lái)。

下面就是下載新出行APP，這款A(yù)PP我強(qiáng)烈推薦，大家現(xiàn)在就可以去下載，這個(gè)是我私藏的寶藏app。

還有B站、抖音上面也會(huì)有不少視屏的講解，帶大家來(lái)看一下吧。

基礎(chǔ)知識(shí)，肯定離不開(kāi)看專業(yè)的文章，但HMI設(shè)計(jì)類的文章現(xiàn)在還是比少的，知乎還有幾位大佬他們寫是很專業(yè)的，可能和設(shè)計(jì)方面相關(guān)的知識(shí)會(huì)比較少，但是他們文章寫相當(dāng)專業(yè)，有點(diǎn)讀不懂的話，你們就繼續(xù)百度查找不懂的點(diǎn)。我已經(jīng)把這些學(xué)習(xí)的資源都告訴小伙伴們了，那學(xué)習(xí)任務(wù)計(jì)劃大家是不是可以安排上來(lái)了。

六、推薦的HMI相關(guān)書(shū)籍

文章最后給大家推薦兩本HMI的書(shū)籍，HMI設(shè)計(jì)相關(guān)的書(shū)籍并不是很多。

第一本強(qiáng)力推薦購(gòu)買，這里面包含了很多HMI的知識(shí)，里面有講交互設(shè)計(jì)概論、基礎(chǔ)認(rèn)知心理學(xué)、決策制定與情景意識(shí)、多模態(tài)交互、心理負(fù)荷、駕駛分神與疲勞、交互界面與用戶體驗(yàn)、交互設(shè)計(jì)理論、設(shè)計(jì)流程、設(shè)計(jì)方法、設(shè)計(jì)與測(cè)評(píng)、自動(dòng)駕駛中的人因問(wèn)題、駕駛模擬器的應(yīng)用、行為研究方法，前面和大家提到HCI的專業(yè)，這本書(shū)基本上包含了很多內(nèi)容了。

第二本的話買的價(jià)值沒(méi)有第一本大，因?yàn)榈诙荆挥械诙?、第三章、第十章，?duì)我們還有些用處，其余章節(jié)都是講的是專業(yè)技術(shù)比如燈光顯示、座椅調(diào)節(jié)、還有內(nèi)外飾智能控制技術(shù)，這些都是硬件上設(shè)計(jì)的知識(shí)

文章中如有不足之處，歡迎補(bǔ)充交流，我們下期見(jiàn)。