空調系列專題|風量調節交互設計
想必大家對于車中的空調都不陌生吧,在大部分車型中,風量調節功能主要分為【按鈕風量調節】和【滑動條風量調節】兩種,本文就風量調節交互設計進行分析,希望對你有所啟發。
在大部分車型中,風量調節功能主要分為【按鈕風量調節】和【滑動條風量調節】兩種,接下來就讓我們一起看看一下【滑動條風量調節】的細節:
一、溫度調節滑動條的樣式設計
滑動條風量調節的控件樣式主要分為柄狀滑動條、刻度滑動條兩種。這兩種樣式各有一些細節,讓我們一起來看一下滑動條風量調節的細節:
設計解析:
(1)問界M9、深藍SL03等采用滑塊式滑動條設計,在視覺上保持對滑動操作的提示,能夠更好的引導用戶對風量進行滑動操作,更符合用戶操作認知;
(2)小鵬X9、銀河E8等采用的刻度條類滑動條視覺設計,但也保持了滑動的調節的交互操作,在視覺設計上更加簡約個性化,但相比于滑塊式滑動條來說,交互操作提示稍弱。
二、溫度調節的精準控制
部分車型僅使用滑動條進行滑動調節,在行車場景中,用戶的注意力和視線集中范圍有限,進行小區域的點觸交互行為需要付出更大的操作成本,且對有特定需求的用戶來說,并不能做到精準控制。
而部分車型為了解決這個痛點進行了以下設計:
1. 新增點擊交互按鈕
設計解析:銀河E8、小鵬G9、比亞迪海豹等在滑動條的兩端加入點擊交互按鈕來實現1檔以內的精準風量調節,這種做法增加了風量調節的交互模式,也滿足了部分用戶的特定需求。
2. 增大滑動條的尺寸
設計解析:
榮威IMAX8中當滑動條處于按下狀態時會增加尺寸,并在視覺上增加交互區域,這種模態變化可使用戶明確當前是否正在執行交互,從而降低用戶不確認是否進入交互狀態的焦慮感。對用戶來說,行車中的交互反饋也是提高行車安全性的一種重要途徑。
設計解析:智己LS6等將滑動條的高度尺寸設計的較高,簡單直接的增加交互面積以及擴大視覺樣式,讓用戶可以更快的檢索到此功能控件進行調控。
三、滑動條中的總風量信息
通常情況下,可以通過刻度來確認當前風量及總風量信息,但當部分車輛的風量分級過多以及在行車場景時,從視覺上讀取風量信息就顯得較為困難。
而部分車型為了解決這個痛點是這樣做的:
新增文字風量信息:
設計解析:
榮威IMAX8、高合HiPhiZ等車型通過文字的形式,清晰的展示當前風量等級和總風量等級,提高了風量信息的辨識度,加強了風量調節功能的易讀性。但從結果而言,數字信息的視覺占比仍較小,我們仍在探索更好的顯示風量信息的方式。
總結
1. 滑動條風量調節從樣式上主要分為兩種:滑塊式滑動條設計,在視覺上保持對滑動操作的提示,能夠更好的引導用戶對風量進行滑動操作,更符合用戶操作認知;刻度條類滑動條設計,但也保持了滑動的調節的交互操作,在視覺設計上更加簡約個性化,但相比于滑塊式滑動條來說,交互操作提示稍弱。
2. 兩端增加風量加減按鈕、加入按下狀態、將滑動條高度變高,可以滿足部分用戶在不同場景下的精確調節需求。
3. 加入當前風量、總風量的文字內容可進一步提高風量信息的易讀性。
本文由 @星科小產品 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發揮!