想必大家對于車中的空調都不陌生吧，在大部分車型中，風量調節功能主要分為【按鈕風量調節】和【滑動條風量調節】兩種，本文就風量調節交互設計進行分析，希望對你有所啟發。

在大部分車型中，風量調節功能主要分為【按鈕風量調節】和【滑動條風量調節】兩種，接下來就讓我們一起看看一下【滑動條風量調節】的細節：

一、溫度調節滑動條的樣式設計

滑動條風量調節的控件樣式主要分為柄狀滑動條、刻度滑動條兩種。這兩種樣式各有一些細節，讓我們一起來看一下滑動條風量調節的細節：

設計解析：

（1）問界M9、深藍SL03等采用滑塊式滑動條設計，在視覺上保持對滑動操作的提示，能夠更好的引導用戶對風量進行滑動操作，更符合用戶操作認知；

（2）小鵬X9、銀河E8等采用的刻度條類滑動條視覺設計，但也保持了滑動的調節的交互操作，在視覺設計上更加簡約個性化，但相比于滑塊式滑動條來說，交互操作提示稍弱。

二、溫度調節的精準控制

部分車型僅使用滑動條進行滑動調節，在行車場景中，用戶的注意力和視線集中范圍有限，進行小區域的點觸交互行為需要付出更大的操作成本，且對有特定需求的用戶來說，并不能做到精準控制。

而部分車型為了解決這個痛點進行了以下設計：

1. 新增點擊交互按鈕

設計解析：銀河E8、小鵬G9、比亞迪海豹等在滑動條的兩端加入點擊交互按鈕來實現1檔以內的精準風量調節，這種做法增加了風量調節的交互模式，也滿足了部分用戶的特定需求。

2. 增大滑動條的尺寸

設計解析：

榮威IMAX8中當滑動條處于按下狀態時會增加尺寸，并在視覺上增加交互區域，這種模態變化可使用戶明確當前是否正在執行交互，從而降低用戶不確認是否進入交互狀態的焦慮感。對用戶來說，行車中的交互反饋也是提高行車安全性的一種重要途徑。

設計解析：智己LS6等將滑動條的高度尺寸設計的較高，簡單直接的增加交互面積以及擴大視覺樣式，讓用戶可以更快的檢索到此功能控件進行調控。

三、滑動條中的總風量信息

通常情況下，可以通過刻度來確認當前風量及總風量信息，但當部分車輛的風量分級過多以及在行車場景時，從視覺上讀取風量信息就顯得較為困難。

而部分車型為了解決這個痛點是這樣做的：

新增文字風量信息：

設計解析:

榮威IMAX8、高合HiPhiZ等車型通過文字的形式，清晰的展示當前風量等級和總風量等級，提高了風量信息的辨識度，加強了風量調節功能的易讀性。但從結果而言，數字信息的視覺占比仍較小，我們仍在探索更好的顯示風量信息的方式。

總結

1. 滑動條風量調節從樣式上主要分為兩種：滑塊式滑動條設計，在視覺上保持對滑動操作的提示，能夠更好的引導用戶對風量進行滑動操作，更符合用戶操作認知；刻度條類滑動條設計，但也保持了滑動的調節的交互操作，在視覺設計上更加簡約個性化，但相比于滑塊式滑動條來說，交互操作提示稍弱。

2. 兩端增加風量加減按鈕、加入按下狀態、將滑動條高度變高，可以滿足部分用戶在不同場景下的精確調節需求。

3. 加入當前風量、總風量的文字內容可進一步提高風量信息的易讀性。