1.7 交互性與反饋(Interactivity and Feedback)

2023-05-10 09:14 更新

1.7 交互性與反饋Interactivity and Feedback

1.7.1 可交互元素吸引用戶點擊Interactive Elements Invite Touch

為了暗示交互性設(shè)計時會使用很多線索包括點擊的反饋、顏色、位置、上下文、表意明確的圖標(biāo)和標(biāo)簽等。并不需要過于修飾元素來向用戶展示可交互性。

在支持3D Touch的設(shè)備上當(dāng)用戶按壓主屏上的圖標(biāo)時背景會虛化以此來暗示可以進行更多功能的選擇。

一個關(guān)鍵的顏色可以給用戶提供很強的視覺指引尤其是沒有冗余的其它顏色時。為了對比使用藍色來標(biāo)記可交互的元素同時能提供統(tǒng)一的、易識別的視覺風(fēng)格。

返回按鈕使用多個線索指明其可交互并傳達其功能:它出現(xiàn)在導(dǎo)航中顯示了一個指向后方的圖標(biāo)使用了關(guān)鍵色并且顯示了上一級頁面的標(biāo)題。

一個圖標(biāo)或者標(biāo)題提供了清晰的名稱指引用戶點擊它。例如地圖中的標(biāo)題“Flyover Tour”“Directions to Here”清晰的說明了用戶可做的操作。結(jié)合關(guān)鍵色就可以省去按鈕邊界或其他多余的修飾。

在內(nèi)容區(qū)域必要時可以給按鈕添加邊界或背景。位于欄Bar、動作列表Action Sheet和警告框Alert中的按鈕可以不需要邊界因為用戶知道在這種區(qū)域中大多數(shù)選項是可交互的。但是在內(nèi)容區(qū)域有必要使用邊界或背景將按鈕從其他內(nèi)容中區(qū)分出來。例如音樂時鐘照片App Store在一些特別的場景中使用這種按鈕。

照片管理中給分享按鈕增加了邊框從其他解釋性文本中區(qū)分出來。

時鐘在秒表和計時頁面中給按鈕增加背景來強調(diào)開始和暫停按鈕并且使按鈕在易分散注意力的內(nèi)容中更容易點擊。

應(yīng)用商店中使用有邊界的按鈕將按鈕和整個內(nèi)容條區(qū)分開來點擊整條內(nèi)容查看詳細信息點擊按鈕進行下載安裝。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號