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

臨時框是每個產(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ī)劃、讀書心得奄抽,歡迎交流蔼两。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市逞度,隨后出現(xiàn)的幾起案子额划,更是在濱河造成了極大的恐慌,老刑警劉巖档泽,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件俊戳,死亡現(xiàn)場離奇詭異,居然都是意外死亡馆匿,警方通過查閱死者的電腦和手機抑胎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渐北,“玉大人阿逃,你說我怎么就攤上這事≡咧耄” “怎么了恃锉?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長呕臂。 經(jīng)常有香客問我淡喜,道長,這世上最難降的妖魔是什么诵闭? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任炼团,我火速辦了婚禮,結(jié)果婚禮上疏尿,老公的妹妹穿的比我還像新娘瘟芝。我一直安慰自己,他們只是感情好褥琐,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布锌俱。 她就那樣靜靜地躺著,像睡著了一般敌呈。 火紅的嫁衣襯著肌膚如雪贸宏。 梳的紋絲不亂的頭發(fā)上造寝,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天,我揣著相機與錄音吭练,去河邊找鬼诫龙。 笑死,一個胖子當著我的面吹牛鲫咽,可吹牛的內(nèi)容都是我干的签赃。 我是一名探鬼主播,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼分尸,長吁一口氣:“原來是場噩夢啊……” “哼锦聊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起箩绍,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤孔庭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后材蛛,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體史飞,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年仰税,在試婚紗的時候發(fā)現(xiàn)自己被綠了构资。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡陨簇,死狀恐怖吐绵,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情河绽,我是刑警寧澤己单,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站耙饰,受9級特大地震影響纹笼,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜苟跪,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一廷痘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧件已,春花似錦笋额、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春枢冤,著一層夾襖步出監(jiān)牢的瞬間鸠姨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工淹真, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留讶迁,地道東北人。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓趟咆,卻偏偏與公主長得像添瓷,于是被迫代替她去往敵國和親梅屉。 傳聞我的和親對象是個殘疾皇子值纱,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內(nèi)容

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