如何將輕觸動作與明確的視覺或觸覺回饋結合
針對行動應用程式的按鈕,輕觸時應立即提供可見的回應,並在動作完成時顯示結果。僅在能強化該事件且符合動作重要性時,才加入簡短的觸覺回饋。此順序有助於使用者區分「應用程式已記錄我的輕觸」與「工作已順利完成」,尤其在需要一些時間回應時更為重要。以下步驟適用於單一按鈕或控制項;不同平台的細節會有所差異,因此在可行時請使用作業系統的標準互動模式。
首先決定回饋需要傳達什麼訊息
輕觸動作可能會引發多種不同事件:按下控制項、變更設定、啟動請求,或是請求成功或失敗。在選擇動畫或震動之前,請先決定每個提示代表哪種事件。按下提示可確認輸入;標籤變更或選取狀態可確認本機狀態變更;進度指示器可傳達工作正在進行中;成功訊息則可確認完成。
請將這些意義區分清楚。如果按鈕在輕觸時短暫變暗,這並不代表網路請求已完成。如果提交可能需要一些時間,請保留明確的進度狀態,直到應用程式確認結果為止。Apple 建議在動作無法立即完成時,於按鈕中顯示活動指示器,並建議變更標籤以釐清正在進行的作業。Apple 的按鈕指南
建立簡單的狀態順序
請將回饋視為與控制項實際狀態關聯的順序,而不是每當按鈕收到輕觸時就播放單一效果。實用的基準如下:
- 就緒: 以能清楚表明其用途的標籤或熟悉符號來顯示該動作。
- 已按下: 提供即時的視覺按下狀態,例如細微的填滿、縮放或醒目提示變更。
- 處理中: 若完成會有所延遲,請顯示進度,並在適合該動作的情況下防止意外重複提交。
- 完成或失敗: 以實際結果更新介面。對於切換開關,顯示其全新的選取狀態;對於提交動作,提供簡潔的成功或錯誤狀態。
Apple 表示自訂按鈕應一律具備按下狀態,因為若沒有按下狀態,可能會讓人感覺毫無反應。其更廣泛的回饋指南建議回饋形式應與資訊的重要性相符,並在所描述項目的附近呈現狀態。Apple 的按鈕指南 與 回饋指南
選擇保持易於理解的視覺提示
手指按在控制項上時,請讓按下狀態保持可見。微幅的色彩或不透明度變化、簡短的縮放變更或醒目提示都可行,前提是該控制項仍可辨識,且其標籤保持清晰易讀。請勿將顏色當作傳達結果的唯一方式:請結合狀態變更、文字、圖示或其他可見的區隔,以說明發生的情況。
對於切換開關,選取狀態應在輕觸後持續存在;單靠暫時的漣漪效果無法傳達設定是否開啟。對於「儲存」等一次性動作,按鈕可以先顯示其按下狀態,接著應用程式再顯示已儲存狀態或結果狀態。如果工作失敗,請在相關控制項附近說明失敗原因,並明確提示下一個可執行的動作。確切的呈現方式取決於應用程式和平台,但提示應反映應用程式可驗證的狀態。
決定觸覺回饋是否能增加有用資訊
觸覺回饋可強化離散事件,例如按鈕按下或已確認的狀態變更。觸覺回饋並非必要:即使裝置處於靜音狀態、觸覺回饋已停用或使用者感覺不到該效果,視覺回應仍必須具有明確意義。Android 的指南建議謹慎使用觸覺回饋、對類似的互動保持一致,並使其與視覺或音訊體驗相符。指南也建議,與其使用嗡嗡作響的雜亂觸控效果,不如完全不使用觸覺回饋。Android 觸覺回饋設計原則
實用的做法是,當平台提供合適的標準效果時,針對有意義的確認使用輕微、簡短的提示。避免在每次低價值的輕觸、重複捲動或沒有對應可見變化的事件中產生震動。如果事件很重要,請確保視覺狀態能傳達其意義;切勿依賴震動來區分成功與失敗。
使提示與其代表的時刻相互吻合
按下回應應出現在輕觸的當下;成功回應則應在確認成功後出現。對於立即完成的動作,這兩個時刻可能非常接近。對於遠端儲存或提交,兩者之間可能會有明顯的等待時間。若在手指接觸時就觸發成功的觸覺回饋,等於在應用程式確認之前就宣稱已完成。
在 Android 上,建議使用的 View.performHapticFeedback 方法採用動作導向常數、遵循系統觸控回饋設定,且不需要 VIBRATE 權限。平台會在需要時為這些常數提供備援行為。更自訂的震動效果具有不同的支援性與設定考量,因此一般控制項建議優先採用標準的動作導向方法。Android 觸覺回饋實作指南
將平台行為與頻率銘記在心
在內建控制項已提供預期回饋的情況下,請直接使用內建控制項。Apple 指出,在支援的 iPhone 機型上,開關、滑桿和選擇器等標準控制項可以播放系統觸覺回饋。在這些控制項之上加入第二個自訂效果可能會造成訊號重複,因此在重疊加入其他提示之前,請先確認控制項的原生行為。Apple 觸覺回饋指南
頻率也相當重要。偶爾提交表單時感覺很清晰的回饋模式,如果套用到頻繁使用的按鈕上,可能會讓人分心。請在相同動作之間保持意義一致,並將更強烈或更顯眼的提示保留給值得更多關注的事件。Android 特別建議觸覺強度應同時與事件的重要性以及發生頻率相互關聯。Android 觸覺回饋設計原則
在發布前檢查互動效果
在應用程式支援的裝置和作業系統上測試完整順序。輕觸一次,確認按下狀態迅速顯示;接著確認在延遲期間進度保持可見,且成功或失敗僅在確認結果後才顯示。嘗試快速輕觸第二次,並確認介面不會產生令人困惑的重複回饋或非預期的重複動作。
關閉系統觸控回饋,並在裝置觸覺回饋功能無法使用或不受支援的情況下重複此檢查。視覺狀態仍應能傳達動作及其結果。將頻繁執行的動作與偶爾執行的動作進行比較,並移除感覺雜亂、不同步或與可見變化脫節的效果。對於 Android 的標準檢視回饋,系統會預設遵循該設定;自訂做法可能需要額外的支援和備援檢查。Android 觸覺回饋指南
明確的配對具有簡單的邏輯:顯示輕觸已記錄、傳達任何等待狀態,並在結果成真時予以確認。在適當情況下讓觸覺回饋強化該訊號,同時確保視覺介面本身就具備完整的傳達力。
