臨時框是每個產(chǎn)品的標配优俘,每個產(chǎn)品經(jīng)理都會遇到臨時框的交互設(shè)計,那么哪些算是臨時框掀序?警告窗口兼吓、操作列表、toast等分別在什么時候使用才符合一定的產(chǎn)品交互規(guī)范森枪?本文就來討論一下臨時框以及它的使用場景和規(guī)范视搏。
什么是臨時框
它是需要對用戶重要信息的提示、操作而生的县袱。判斷一個頁面是臨時框還是二級頁面浑娜,不是看它是否占滿整個屏幕,而是看它有沒有脫離主任務(wù),臨時框只是暫停了主任務(wù)式散,完成了臨時框的操作后會自動回到主任務(wù)筋遭,不要把臨時框和二級頁面混淆了。
臨時框的種類及使用規(guī)則:
種類一:警告視圖(alert view)
組成部分:標題暴拄、正文漓滔、按鈕三部分組成。
交互體驗評價:警告視圖是比較“強”的提示方式乖篷,它會中斷用戶當前的操作响驴,必須要用戶給出選擇之后才能進行下一個任務(wù),體驗上過于“強制”撕蔼,適合比較緊急豁鲤、重要秽誊、必須的提示信息。一個產(chǎn)品里的彈窗提示不宜過多琳骡。
使用場景:獲取用戶地址锅论、調(diào)用手機的接口如麥克風、攝像頭楣号、訪問相冊和相機最易、升級提示、刪除提示等炫狱。
種類二:Toast
組成部分:一個背景色塊加一個短語兩部分組成耘纱。顯示時間1-1.5秒。
交互體驗評價:Toast和警告視圖的彈窗相比毕荐,更加溫和束析、友好,既給了用戶反饋又不打擾用戶憎亚。
使用場景:用戶執(zhí)行了一個操作员寇,可能正確、也可能不正確時第美,需要知道反饋但不宜通過彈窗中斷用戶操作過程的時候蝶锋,最常見的如登錄成功、下載失敗什往、密碼輸入錯誤等扳缕。
種類三:操作列表(Action Sheet)
組成部分:如果一個頁面里需要用戶操作的按鈕較多,就可以把它們都集合在一個按鈕里面别威,可以理解為一個按鈕包躯舔。
交互體驗評價:可以最大限度地使界面簡潔,把不是最常用的一類功能打包后統(tǒng)一放起來省古,視覺上會達到化繁為簡的效果粥庄。
使用場景:閱讀軟件、分享方式提示等等豺妓。
種類四:模態(tài)視圖(modal view)
組成部分:模態(tài)視圖通常占據(jù)整個屏幕惜互,包含完成當前任務(wù)所需的文字和控件,一些完成任務(wù)的按鈕琳拭、一個取消按鈕训堆。
交互體驗評價:這不是二級頁面,而是一個在主任務(wù)頁基礎(chǔ)上延伸出來的臨時任務(wù)白嘁,用戶點擊取消按鈕后會回到主任務(wù)頁坑鱼。
使用場景:通常用在發(fā)送短信、郵件权薯、以及填寫訂單頁的購買須知等不適合讓用戶脫離當前頁面的場景下姑躲。
本文小結(jié)
產(chǎn)品經(jīng)理需要懂基本的交互規(guī)則,無論是安卓還是IOS的操作規(guī)范盟蚣,都需要懂黍析,才不至于用錯。
作者:Wayings ?
個人公眾號:Wayings
專注產(chǎn)品人的工作感悟屎开、方法技巧阐枣、職業(yè)規(guī)劃、讀書心得奄抽,歡迎交流蔼两。