1.7 交互性與反饋（Interactivity and Feedback）

1.7 交互性與反饋Interactivity and Feedback

1.7.1 可交互元素吸引用戶點(diǎn)擊Interactive Elements Invite Touch

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

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

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

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

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

在內(nèi)容區(qū)域必要時(shí)可以給按鈕添加邊界或背景。位于欄Bar、動(dòng)作列表Action Sheet和警告框Alert中的按鈕可以不需要邊界因?yàn)橛脩糁涝谶@種區(qū)域中大多數(shù)選項(xiàng)是可交互的。但是在內(nèi)容區(qū)域有必要使用邊界或背景將按鈕從其他內(nèi)容中區(qū)分出來(lái)。例如音樂(lè)時(shí)鐘照片App Store在一些特別的場(chǎng)景中使用這種按鈕。

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

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

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