彈窗還是toast?你要的臨時框,都整理在這了(附樣例)

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

什么是臨時框

它是需要對用戶重要信息的提示、操作而生的。判斷一個頁面是臨時框還是二級頁面,不是看它是否占滿整個屏幕,而是看它有沒有脫離主任務,臨時框只是暫停了主任務,完成了臨時框的操作后會自動回到主任務,不要把臨時框和二級頁面混淆了。

臨時框的種類及使用規(guī)則:

種類一:警告視圖(alert view)

組成部分:標題、正文、按鈕三部分組成。

交互體驗評價:警告視圖是比較“強”的提示方式,它會中斷用戶當前的操作,必須要用戶給出選擇之后才能進行下一個任務,體驗上過于“強制”,適合比較緊急、重要、必須的提示信息。一個產(chǎn)品里的彈窗提示不宜過多。

使用場景:獲取用戶地址、調(diào)用手機的接口如麥克風、攝像頭、訪問相冊和相機、升級提示、刪除提示等。

種類二:Toast

組成部分:一個背景色塊加一個短語兩部分組成。顯示時間1-1.5秒。

交互體驗評價:Toast和警告視圖的彈窗相比,更加溫和、友好,既給了用戶反饋又不打擾用戶。

使用場景:用戶執(zhí)行了一個操作,可能正確、也可能不正確時,需要知道反饋但不宜通過彈窗中斷用戶操作過程的時候,最常見的如登錄成功、下載失敗、密碼輸入錯誤等。


種類三:操作列表(Action Sheet)

組成部分:如果一個頁面里需要用戶操作的按鈕較多,就可以把它們都集合在一個按鈕里面,可以理解為一個按鈕包。

交互體驗評價:可以最大限度地使界面簡潔,把不是最常用的一類功能打包后統(tǒng)一放起來,視覺上會達到化繁為簡的效果。

使用場景:閱讀軟件、分享方式提示等等。


種類四:模態(tài)視圖(modal view)

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

交互體驗評價:這不是二級頁面,而是一個在主任務頁基礎上延伸出來的臨時任務,用戶點擊取消按鈕后會回到主任務頁。

使用場景:通常用在發(fā)送短信、郵件、以及填寫訂單頁的購買須知等不適合讓用戶脫離當前頁面的場景下。


本文小結(jié)

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


作者:Wayings ?

個人公眾號:Wayings

專注產(chǎn)品人的工作感悟、方法技巧、職業(yè)規(guī)劃、讀書心得,歡迎交流。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,936評論 25 709
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,184評論 4 61
  • 歲月無聲雨有聲, 夜來閑數(shù)至三更。 細鑼輕鼓為誰鳴。 芳草萋萋埋遠影, 荷塘簌簌泣浮萍。 春風與我共飄零。
    ptjiang閱讀 378評論 0 6
  • 《千與千尋》講述的是荻野千尋和她的父母在回鄉(xiāng)下的路上,進行了一次奇幻的冒險。千尋與他的父母因被一個建筑物所著迷...
    九棽閱讀 623評論 0 2

友情鏈接更多精彩內(nèi)容