下面是筆者整理分享的關(guān)于Dock欄設(shè)計(jì)專(zhuān)題的文章，筆者圍繞交互與設(shè)計(jì)兩個(gè)方面對(duì)主頁(yè)鍵進(jìn)行了對(duì)比分析，從而發(fā)現(xiàn)主機(jī)廠(chǎng)對(duì)于主頁(yè)鍵的定義各有不同的相關(guān)內(nèi)容，我們一起往下看了解了解吧！

主頁(yè)鍵是車(chē)機(jī)系統(tǒng)中返回主頁(yè)的交互按鍵，通常設(shè)計(jì)于Dock欄中，在UXSync數(shù)據(jù)平臺(tái)的 50 款車(chē)型中，我們圍繞交互與設(shè)計(jì)兩個(gè)方面對(duì)主頁(yè)鍵進(jìn)行了對(duì)比分析，發(fā)現(xiàn)主機(jī)廠(chǎng)對(duì)于主頁(yè)鍵的定義各有不同，接下來(lái)讓我們看一下：

一、功能交互

主頁(yè)鍵除了返回首頁(yè)的基本交互以外，還有更加豐富的功能與交互：

1. 通過(guò)「主頁(yè)鍵」切換不同主頁(yè)

昊鉑GT為了滿(mǎn)足車(chē)主的不同需求，設(shè)計(jì)了一個(gè)以車(chē)輛模型為主的主頁(yè)-1，另一個(gè)以地圖導(dǎo)航為主的主頁(yè)-2，在主頁(yè)狀態(tài)下：點(diǎn)擊主頁(yè)鍵切換不同主頁(yè)；在非主頁(yè)狀態(tài)下：點(diǎn)擊返回主頁(yè)。

昊鉑GT-主頁(yè)-1

昊鉑GT-主頁(yè)-2

2. 通過(guò)「主頁(yè)鍵」打開(kāi)多任務(wù)管理

通過(guò)單擊/雙擊/長(zhǎng)按主頁(yè)鍵來(lái)打開(kāi)多任務(wù)管理。

1）單擊主頁(yè)鍵 -捷豹Ipace

捷豹Ipace – 主頁(yè)

捷豹Ipace – 多任務(wù)管理頁(yè)

2）雙擊主頁(yè)鍵 -Smart精靈

Smart精靈 – 主頁(yè)

Smart精靈 – 多任務(wù)管理頁(yè)

3）長(zhǎng)按主頁(yè)鍵 -蔚來(lái)ET7

蔚來(lái)ET7 – 主頁(yè)

蔚來(lái)ET7 – 多任務(wù)管理頁(yè)

3. 通過(guò)「主頁(yè)鍵」收起/展開(kāi)快捷功能

問(wèn)界M7的車(chē)機(jī)首頁(yè)以壁紙為主，點(diǎn)擊主頁(yè)Home鍵可以收起/展開(kāi)桌面底部的快捷卡片，讓桌面壁紙看起來(lái)更加干凈整潔。

問(wèn)界M7-主頁(yè)

問(wèn)界M7-收起快捷功能

二、非常駐主頁(yè)鍵

主頁(yè)鍵一般常駐在Dock欄中，而部分車(chē)型的主頁(yè)鍵不常。

寶馬I3在主頁(yè)狀態(tài)時(shí)，不顯示主頁(yè)鍵，只有進(jìn)入二級(jí)頁(yè)面才會(huì)在Dock欄中顯示主頁(yè)鍵。

寶馬I3-主頁(yè)

寶馬I3-藍(lán)牙電話(huà)

哪吒U則將主頁(yè)鍵與應(yīng)用中心鍵做了巧妙融合。

哪吒 U-主頁(yè)

哪吒 U-設(shè)置頁(yè)面

領(lǐng)克08的主頁(yè)鍵則會(huì)根據(jù)不同場(chǎng)景變換相應(yīng)的交互操作：

應(yīng)用中-默認(rèn)

主頁(yè)-默認(rèn)

主頁(yè)-充電狀態(tài)

休憩空間-休憩空間開(kāi)啟后

露營(yíng)空間-露營(yíng)空間開(kāi)啟后

三、無(wú)主頁(yè)鍵交互

在車(chē)機(jī)系統(tǒng)中，通過(guò)點(diǎn)擊主頁(yè)鍵返回主頁(yè)是一種常規(guī)交互，在對(duì)比的車(chē)型中，還有多種返回主頁(yè)的方式：

1）下滑應(yīng)用頂部指示器-返回主頁(yè)

特斯拉 Model Y-設(shè)置

2）上滑主頁(yè)指示器-返回主頁(yè)

（極星2）

3) 點(diǎn)擊關(guān)閉按鈕-返回主頁(yè)

（榮威IMAX 8-車(chē)輛設(shè)置）

4) 雙指下滑-返回主頁(yè)

零跑 C01-實(shí)驗(yàn)室

以上是我們對(duì)主頁(yè)鍵交互內(nèi)容的統(tǒng)計(jì)分析，接下來(lái)我們?cè)賮?lái)看一下各個(gè)車(chē)型主頁(yè)鍵在視覺(jué)方面的差異。

四、視覺(jué)設(shè)計(jì)分析

1. 主頁(yè)鍵的視覺(jué)樣式

常規(guī)的主頁(yè)鍵的圖標(biāo)有多種形式：

1）房屋元素

阿維塔11-Dock-Home鍵

2）圓環(huán)元素

領(lǐng)克08-Dock-Home鍵

3）方形元素

極越01-Dock-Home鍵

4）結(jié)合品牌元素

林肯航海家-Dock-Home鍵

智己LS6-Home鍵

極氪009-Dock-Home鍵

極氪001-Dock-Home鍵

5）車(chē)輛元素

眾多車(chē)機(jī)系統(tǒng)中，目前只有路特斯的主頁(yè)鍵采用車(chē)輛圖標(biāo)的形式，路特斯是以車(chē)輛模型作為車(chē)機(jī)首頁(yè)，首頁(yè)承載著車(chē)輛快捷控制的功能，而采用車(chē)輛的圖標(biāo)作為主頁(yè)鍵更貼合功能設(shè)計(jì)。

路特斯 ELETRE-主頁(yè)-Home鍵與應(yīng)用中心結(jié)合

飛凡F7的車(chē)機(jī)以應(yīng)用中心作為主頁(yè)，采用應(yīng)用中心圖標(biāo)作為主頁(yè)鍵也是與功能設(shè)計(jì)更加貼合。

飛凡F7-主頁(yè)-Home鍵

2. 特殊場(chǎng)景下主頁(yè)鍵的樣式

同樣是領(lǐng)克08，首先在主頁(yè)鍵的設(shè)計(jì)上使用了與眾不同的圓形樣式，且為主頁(yè)鍵添加了“顯示充電進(jìn)度”的交互功能樣式，并在主頁(yè)和應(yīng)用中使用了不同的視覺(jué)效果，這樣做既增加了主頁(yè)鍵的功能多樣性，也提高了信息交互效率。

領(lǐng)克08-主頁(yè)

領(lǐng)克08-能量中心

五、總結(jié)

在本次設(shè)計(jì)探索中，我們也發(fā)現(xiàn)了許多曾被我們遺漏的設(shè)計(jì)亮點(diǎn)，僅從主頁(yè)鍵來(lái)看，可以說(shuō)現(xiàn)有車(chē)機(jī)系統(tǒng)的設(shè)計(jì)是多樣化、多元化的，各個(gè)車(chē)企也為自己的目標(biāo)用戶(hù)進(jìn)行了定制化的設(shè)計(jì)。

1. 在返回主頁(yè)功能上，可以通過(guò)特殊的交互方式來(lái)取代固定的按鈕，以此來(lái)節(jié)約Dock欄中珍貴的空間。
2. 如果已經(jīng)有主頁(yè)鍵，可以增加主頁(yè)鍵的交互功能，讓主頁(yè)鍵的功能更加多元化甚至客制化。
3. 在主頁(yè)鍵的視覺(jué)設(shè)計(jì)上，“房屋”的意象仍然是主頁(yè)鍵外形的最佳選擇，在此基礎(chǔ)上，可以增加品牌元素來(lái)提高用戶(hù)對(duì)品牌的感知度。
4. 為主頁(yè)鍵增加一些不同場(chǎng)景下的不同樣式，可以進(jìn)一步提高主頁(yè)鍵的交互效率。