空調(diào)系列專(zhuān)題|風(fēng)量調(diào)節(jié)交互設(shè)計(jì)

0 評(píng)論 1335 瀏覽 1 收藏 6 分鐘

想必大家對(duì)于車(chē)中的空調(diào)都不陌生吧,在大部分車(chē)型中,風(fēng)量調(diào)節(jié)功能主要分為【按鈕風(fēng)量調(diào)節(jié)】和【滑動(dòng)條風(fēng)量調(diào)節(jié)】?jī)煞N,本文就風(fēng)量調(diào)節(jié)交互設(shè)計(jì)進(jìn)行分析,希望對(duì)你有所啟發(fā)。

在大部分車(chē)型中,風(fēng)量調(diào)節(jié)功能主要分為【按鈕風(fēng)量調(diào)節(jié)】和【滑動(dòng)條風(fēng)量調(diào)節(jié)】?jī)煞N,接下來(lái)就讓我們一起看看一下【滑動(dòng)條風(fēng)量調(diào)節(jié)】的細(xì)節(jié):

一、溫度調(diào)節(jié)滑動(dòng)條的樣式設(shè)計(jì)

滑動(dòng)條風(fēng)量調(diào)節(jié)的控件樣式主要分為柄狀滑動(dòng)條、刻度滑動(dòng)條兩種。這兩種樣式各有一些細(xì)節(jié),讓我們一起來(lái)看一下滑動(dòng)條風(fēng)量調(diào)節(jié)的細(xì)節(jié):

設(shè)計(jì)解析:

(1)問(wèn)界M9、深藍(lán)SL03等采用滑塊式滑動(dòng)條設(shè)計(jì),在視覺(jué)上保持對(duì)滑動(dòng)操作的提示,能夠更好的引導(dǎo)用戶(hù)對(duì)風(fēng)量進(jìn)行滑動(dòng)操作,更符合用戶(hù)操作認(rèn)知;

(2)小鵬X9、銀河E8等采用的刻度條類(lèi)滑動(dòng)條視覺(jué)設(shè)計(jì),但也保持了滑動(dòng)的調(diào)節(jié)的交互操作,在視覺(jué)設(shè)計(jì)上更加簡(jiǎn)約個(gè)性化,但相比于滑塊式滑動(dòng)條來(lái)說(shuō),交互操作提示稍弱。

二、溫度調(diào)節(jié)的精準(zhǔn)控制

部分車(chē)型僅使用滑動(dòng)條進(jìn)行滑動(dòng)調(diào)節(jié),在行車(chē)場(chǎng)景中,用戶(hù)的注意力和視線集中范圍有限,進(jìn)行小區(qū)域的點(diǎn)觸交互行為需要付出更大的操作成本,且對(duì)有特定需求的用戶(hù)來(lái)說(shuō),并不能做到精準(zhǔn)控制。

而部分車(chē)型為了解決這個(gè)痛點(diǎn)進(jìn)行了以下設(shè)計(jì):

1. 新增點(diǎn)擊交互按鈕

設(shè)計(jì)解析:銀河E8、小鵬G9、比亞迪海豹等在滑動(dòng)條的兩端加入點(diǎn)擊交互按鈕來(lái)實(shí)現(xiàn)1檔以?xún)?nèi)的精準(zhǔn)風(fēng)量調(diào)節(jié),這種做法增加了風(fēng)量調(diào)節(jié)的交互模式,也滿足了部分用戶(hù)的特定需求。

2. 增大滑動(dòng)條的尺寸

設(shè)計(jì)解析:

榮威IMAX8中當(dāng)滑動(dòng)條處于按下?tīng)顟B(tài)時(shí)會(huì)增加尺寸,并在視覺(jué)上增加交互區(qū)域,這種模態(tài)變化可使用戶(hù)明確當(dāng)前是否正在執(zhí)行交互,從而降低用戶(hù)不確認(rèn)是否進(jìn)入交互狀態(tài)的焦慮感。對(duì)用戶(hù)來(lái)說(shuō),行車(chē)中的交互反饋也是提高行車(chē)安全性的一種重要途徑。

設(shè)計(jì)解析:智己LS6等將滑動(dòng)條的高度尺寸設(shè)計(jì)的較高,簡(jiǎn)單直接的增加交互面積以及擴(kuò)大視覺(jué)樣式,讓用戶(hù)可以更快的檢索到此功能控件進(jìn)行調(diào)控。

三、滑動(dòng)條中的總風(fēng)量信息

通常情況下,可以通過(guò)刻度來(lái)確認(rèn)當(dāng)前風(fēng)量及總風(fēng)量信息,但當(dāng)部分車(chē)輛的風(fēng)量分級(jí)過(guò)多以及在行車(chē)場(chǎng)景時(shí),從視覺(jué)上讀取風(fēng)量信息就顯得較為困難。

而部分車(chē)型為了解決這個(gè)痛點(diǎn)是這樣做的:

新增文字風(fēng)量信息:

設(shè)計(jì)解析:

榮威IMAX8、高合HiPhiZ等車(chē)型通過(guò)文字的形式,清晰的展示當(dāng)前風(fēng)量等級(jí)和總風(fēng)量等級(jí),提高了風(fēng)量信息的辨識(shí)度,加強(qiáng)了風(fēng)量調(diào)節(jié)功能的易讀性。但從結(jié)果而言,數(shù)字信息的視覺(jué)占比仍較小,我們?nèi)栽谔剿鞲玫娘@示風(fēng)量信息的方式。

總結(jié)

1. 滑動(dòng)條風(fēng)量調(diào)節(jié)從樣式上主要分為兩種:滑塊式滑動(dòng)條設(shè)計(jì),在視覺(jué)上保持對(duì)滑動(dòng)操作的提示,能夠更好的引導(dǎo)用戶(hù)對(duì)風(fēng)量進(jìn)行滑動(dòng)操作,更符合用戶(hù)操作認(rèn)知;刻度條類(lèi)滑動(dòng)條設(shè)計(jì),但也保持了滑動(dòng)的調(diào)節(jié)的交互操作,在視覺(jué)設(shè)計(jì)上更加簡(jiǎn)約個(gè)性化,但相比于滑塊式滑動(dòng)條來(lái)說(shuō),交互操作提示稍弱。

2. 兩端增加風(fēng)量加減按鈕、加入按下?tīng)顟B(tài)、將滑動(dòng)條高度變高,可以滿足部分用戶(hù)在不同場(chǎng)景下的精確調(diào)節(jié)需求。

3. 加入當(dāng)前風(fēng)量、總風(fēng)量的文字內(nèi)容可進(jìn)一步提高風(fēng)量信息的易讀性。

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

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

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

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