Dock欄設(shè)計專題|主頁Home鍵設(shè)計方案-HMI方向

0 評論 1862 瀏覽 11 收藏 12 分鐘

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

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

一、功能交互

主頁鍵除了返回首頁的基本交互以外,還有更加豐富的功能與交互:

1. 通過「主頁鍵」切換不同主頁

昊鉑GT為了滿足車主的不同需求,設(shè)計了一個以車輛模型為主的主頁-1,另一個以地圖導(dǎo)航為主的主頁-2,在主頁狀態(tài)下:點擊主頁鍵切換不同主頁;在非主頁狀態(tài)下:點擊返回主頁。

昊鉑GT-主頁-1

昊鉑GT-主頁-2

2. 通過「主頁鍵」打開多任務(wù)管理

通過單擊/雙擊/長按主頁鍵來打開多任務(wù)管理。

1)單擊主頁鍵 -捷豹Ipace

捷豹Ipace – 主頁

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

2)雙擊主頁鍵 -Smart精靈

Smart精靈 – 主頁

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

3)長按主頁鍵 -蔚來ET7

蔚來ET7 – 主頁

蔚來ET7 – 多任務(wù)管理頁

3. 通過「主頁鍵」收起/展開快捷功能

問界M7的車機首頁以壁紙為主,點擊主頁Home鍵可以收起/展開桌面底部的快捷卡片,讓桌面壁紙看起來更加干凈整潔。

問界M7-主頁

問界M7-收起快捷功能

二、非常駐主頁鍵

主頁鍵一般常駐在Dock欄中,而部分車型的主頁鍵不常。

寶馬I3在主頁狀態(tài)時,不顯示主頁鍵,只有進入二級頁面才會在Dock欄中顯示主頁鍵。

寶馬I3-主頁

寶馬I3-藍牙電話

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

哪吒 U-主頁

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

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

應(yīng)用中-默認

主頁-默認

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

休憩空間-休憩空間開啟后

露營空間-露營空間開啟后

三、無主頁鍵交互

在車機系統(tǒng)中,通過點擊主頁鍵返回主頁是一種常規(guī)交互,在對比的車型中,還有多種返回主頁的方式:

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

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

2)上滑主頁指示器-返回主頁

(極星2)

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

(榮威IMAX 8-車輛設(shè)置)

4) 雙指下滑-返回主頁

零跑 C01-實驗室

以上是我們對主頁鍵交互內(nèi)容的統(tǒng)計分析,接下來我們再來看一下各個車型主頁鍵在視覺方面的差異。

四、視覺設(shè)計分析

1. 主頁鍵的視覺樣式

常規(guī)的主頁鍵的圖標有多種形式:

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)車輛元素

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

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

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

飛凡F7-主頁-Home鍵

2. 特殊場景下主頁鍵的樣式

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

領(lǐng)克08-主頁

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

五、總結(jié)

在本次設(shè)計探索中,我們也發(fā)現(xiàn)了許多曾被我們遺漏的設(shè)計亮點,僅從主頁鍵來看,可以說現(xiàn)有車機系統(tǒng)的設(shè)計是多樣化、多元化的,各個車企也為自己的目標用戶進行了定制化的設(shè)計。

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

本文由 @星科小產(chǎn)品 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

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

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!