臨時(shí)框是每個(gè)產(chǎn)品的標(biāo)配，每個(gè)產(chǎn)品經(jīng)理都會(huì)遇到臨時(shí)框的交互設(shè)計(jì)，那么哪些算是臨時(shí)框？警告窗口、操作列表、toast等分別在什么時(shí)候使用才符合一定的產(chǎn)品交互規(guī)范？本文就來(lái)討論一下臨時(shí)框以及它的使用場(chǎng)景和規(guī)范。

什么是臨時(shí)框

它是需要對(duì)用戶(hù)重要信息的提示、操作而生的。判斷一個(gè)頁(yè)面是臨時(shí)框還是二級(jí)頁(yè)面，不是看它是否占滿(mǎn)整個(gè)屏幕，而是看它有沒(méi)有脫離主任務(wù),臨時(shí)框只是暫停了主任務(wù)，完成了臨時(shí)框的操作后會(huì)自動(dòng)回到主任務(wù)，不要把臨時(shí)框和二級(jí)頁(yè)面混淆了。

臨時(shí)框的種類(lèi)及使用規(guī)則

種類(lèi)一：警告視圖（alert view）

組成部分：標(biāo)題、正文、按鈕三部分組成。

交互體驗(yàn)評(píng)價(jià)：警告視圖是比較“強(qiáng)”的提示方式，它會(huì)中斷用戶(hù)當(dāng)前的操作，必須要用戶(hù)給出選擇之后才能進(jìn)行下一個(gè)任務(wù)，體驗(yàn)上過(guò)于“強(qiáng)制”，適合比較緊急、重要、必須的提示信息。一個(gè)產(chǎn)品里的彈窗提示不宜過(guò)多。

使用場(chǎng)景：獲取用戶(hù)地址、調(diào)用手機(jī)的接口如麥克風(fēng)、攝像頭、訪(fǎng)問(wèn)相冊(cè)和相機(jī)、升級(jí)提示、刪除提示等。

種類(lèi)二：Toast

組成部分：一個(gè)背景色塊加一個(gè)短語(yǔ)兩部分組成。顯示時(shí)間1-1.5秒。

交互體驗(yàn)評(píng)價(jià)：Toast和警告視圖的彈窗相比，更加溫和、友好，既給了用戶(hù)反饋又不打擾用戶(hù)。

使用場(chǎng)景：用戶(hù)執(zhí)行了一個(gè)操作，可能正確、也可能不正確時(shí)，需要知道反饋但不宜通過(guò)彈窗中斷用戶(hù)操作過(guò)程的時(shí)候，最常見(jiàn)的如登錄成功、下載失敗、密碼輸入錯(cuò)誤等。

種類(lèi)三：操作列表（Action Sheet）

組成部分：如果一個(gè)頁(yè)面里需要用戶(hù)操作的按鈕較多，就可以把它們都集合在一個(gè)按鈕里面，可以理解為一個(gè)按鈕包。

交互體驗(yàn)評(píng)價(jià)：可以最大限度地使界面簡(jiǎn)潔，把不是最常用的一類(lèi)功能打包后統(tǒng)一放起來(lái)，視覺(jué)上會(huì)達(dá)到化繁為簡(jiǎn)的效果。

使用場(chǎng)景：閱讀軟件、分享方式提示等等。

種類(lèi)四：模態(tài)視圖（modal view）

組成部分：模態(tài)視圖通常占據(jù)整個(gè)屏幕，包含完成當(dāng)前任務(wù)所需的文字和控件，一些完成任務(wù)的按鈕、一個(gè)取消按鈕。

交互體驗(yàn)評(píng)價(jià)：這不是二級(jí)頁(yè)面，而是一個(gè)在主任務(wù)頁(yè)基礎(chǔ)上延伸出來(lái)的臨時(shí)任務(wù)，用戶(hù)點(diǎn)擊取消按鈕后會(huì)回到主任務(wù)頁(yè)。

使用場(chǎng)景：通常用在發(fā)送短信、郵件、以及填寫(xiě)訂單頁(yè)的購(gòu)買(mǎi)須知等不適合讓用戶(hù)脫離當(dāng)前頁(yè)面的場(chǎng)景下。

本文小結(jié)

產(chǎn)品經(jīng)理需要懂基本的交互規(guī)則，無(wú)論是安卓還是IOS的操作規(guī)范，都需要懂，才不至于用錯(cuò)。

作者：兢兢，個(gè)人公眾號(hào)：兢兢在路上?? ID：ontheway-jj。

本文由 @兢兢 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。