聊一聊APP彈框使用

最近看了很多關(guān)于終端彈窗的文章,由于知識點(diǎn)零散,最終決定已文字的方式寫出來,算是消化領(lǐng)會,以下是自身對彈框的理解。

目前已知的彈框有:toast、snackbar、dialog、actionbar,分類為模態(tài)和非模態(tài)彈框,太官方的名字不便于理解,根據(jù)我自己的看法,把它發(fā)劃分為:輕量級和重量級類型。

彈框分類(糾錯:snackbar)

什么是輕量級彈框?

所謂輕量級是指出現(xiàn)時(shí)對用戶行為影響小,不影響其操作,在場景上主要是對操作結(jié)果反饋、提醒,通常在超時(shí)或用戶隨意進(jìn)行點(diǎn)擊操作之后消失。

toast:一般以3s提醒時(shí)間顯示在屏幕中上方或者下方,以文本和透明黑色背景存在,用戶不可操作。在安卓系統(tǒng)中彈框控件叫toast,ios并無此說法,ios一種彈框是HUD,與toast差不多性質(zhì)。

toast?
toast

Tips:

出現(xiàn)在狀態(tài)欄下部,頁面內(nèi)容上部。

Tips

snackbar:反饋輕量級操作反饋,出現(xiàn)在屏幕底部,在屏幕所有層上方,只能以文本的形式存在,可操作,滑動關(guān)閉。

sackbar

使用場景:

1.彈框時(shí)間短、體積小,所承載信息量有限,不易設(shè)計(jì)為過多內(nèi)容信息,適合于輕度提示,不中斷用戶當(dāng)前操作行為的場景。2、語言精練、提取重點(diǎn)文字;3、一瞬間,時(shí)間短,不易反反復(fù)復(fù)提示,不利于用戶體驗(yàn)。

什么是重量級彈框?

也稱為模態(tài)彈框,是指對話框出現(xiàn)時(shí),遮罩中斷父級視圖,需要完成當(dāng)前彈框內(nèi)容,才能進(jìn)行下一步操作。有利于用戶集中精力完成當(dāng)前內(nèi)容。

dialog:用戶必須對彈窗進(jìn)行回應(yīng),否則彈窗不消失。默認(rèn)有”取消“按鈕,點(diǎn)擊該按鈕關(guān)閉彈窗,點(diǎn)擊彈窗以外的區(qū)域相當(dāng)于取消彈窗。

版本升級提醒:

目前升級形式彈框是如下兩種,取消升級方式不一樣。一種是點(diǎn)擊“叉”關(guān)閉,一種是作為文字按鈕關(guān)閉。個(gè)人傾向于文字按鈕關(guān)閉,便于單手持設(shè)備方便用戶操作,把“立即更新”用顏色著重強(qiáng)調(diào),“取消”顏色弱化視覺焦點(diǎn)。

這里特別喜歡攜程的設(shè)計(jì),在立即升級按鈕下邊,提醒用戶“WiFi環(huán)境下更新不到30秒哦”,溫馨提示,超出用戶預(yù)期希望,深得人心的設(shè)計(jì)。

版本升級提醒

任務(wù)型領(lǐng)取彈框:

圖1與圖2可選擇關(guān)閉彈框,不領(lǐng)取獎勵,給用戶多種選擇,不強(qiáng)制要求領(lǐng)??;圖3簽到功能,無關(guān)閉按鈕,點(diǎn)擊直接簽到,點(diǎn)擊遮罩層也可取消,弱化關(guān)閉功能,目的在于提高用戶留存率,增加用戶粘性。

任務(wù)型彈框

獲取權(quán)限提醒:

應(yīng)用安裝到手機(jī),根據(jù)app,需要獲取不同的手機(jī)權(quán)限,才能保證軟件正常使用。常見獲取權(quán)限的有相機(jī)、GPS、個(gè)人通訊錄、短信、推送等。圖1和圖2是個(gè)不錯的方法,設(shè)計(jì)上表現(xiàn)更人性化親切,一次性告知用戶需要獲取手機(jī)哪些權(quán)限,但是有些特別的權(quán)限,比如獲取短信等安全性的權(quán)限,那么就需要在需要時(shí)提醒用戶是否獲取。所以權(quán)限獲取要根據(jù)產(chǎn)品特性和當(dāng)前使用場景來決定,合理平衡業(yè)務(wù)和用戶體驗(yàn)需要。

獲取權(quán)限

用戶反饋提醒:

收集用戶反饋信息,后期做數(shù)據(jù)統(tǒng)計(jì),及時(shí)跟蹤用戶需求,對產(chǎn)品進(jìn)行迭代和優(yōu)化。所以在產(chǎn)品中需要給用戶提供意見反饋功能,讓用戶實(shí)時(shí)對產(chǎn)品做出評價(jià)和改進(jìn)意見,可以直接跳轉(zhuǎn)到應(yīng)用市場,做用戶反饋。

個(gè)人建議提醒用戶評價(jià)彈框出現(xiàn)的頻率要低,比如每天提醒一次,不需要每次啟動應(yīng)用都在提醒,反而讓用戶產(chǎn)生厭惡感;其次在文案規(guī)劃上有創(chuàng)意,利用當(dāng)前最新網(wǎng)絡(luò)詞匯,拉進(jìn)和用戶的距離;再次在視覺上設(shè)計(jì)也要有創(chuàng)意和想法,不要墨守成規(guī),一步一步引導(dǎo)用戶去評價(jià)。

用戶反饋

底部彈框:淘寶、京東、分享、支付等產(chǎn)品,以底部彈框形式出現(xiàn),中段當(dāng)前操作。一般ios控件彈窗是以底部形式出現(xiàn),android對話框控件是以顯示在屏幕中間彈框出現(xiàn)。

底部彈框

重量級彈框使用場景:

1、需要用戶做出反饋。

2、處于安全考慮,需要用戶知曉,當(dāng)前操作帶來的影響。

3、創(chuàng)建類目需要。

總結(jié)

使用何種彈框,應(yīng)該根據(jù)當(dāng)前產(chǎn)品業(yè)務(wù)性質(zhì)和業(yè)務(wù)需求來確定,并不是一成不變的。需要著重提醒用戶的可以使用重量級彈框,用戶知曉程度低可以使用輕量級彈框。彈框定義只是一種形式,面對產(chǎn)品時(shí),需要正確理解當(dāng)前產(chǎn)品業(yè)務(wù)和使用場景,在規(guī)范引導(dǎo)下,做出最適合的設(shè)計(jì)

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

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,073評論 4 61
  • 移動端常見的提示彈窗可分為3類:提示框、泛Toast 和消息推送。 1.提示框 提示框是一種打斷用戶操作行為的彈窗...
    簡名閱讀 22,109評論 8 98
  • 今天整理了一下我的學(xué)習(xí)資源: 1.微信公眾號:《吳曉波頻道》、《橙子School》、《薄荷閱讀by百詞斬》; 2....
    原味的夏天寶寶閱讀 256評論 0 1
  • 20170713 星期四 晴 按時(shí)作業(yè),按時(shí)上課,按時(shí)聽微信老師講英語!外加堅(jiān)持晚練。 回家9點(diǎn),問了道數(shù)學(xué)題,...
    晴媽愛上閱讀閱讀 165評論 0 0
  • 1. http://www.bimviz.io/ 國內(nèi)一個(gè)小團(tuán)隊(duì)創(chuàng)業(yè)產(chǎn)品,輕量級,非常不錯,對于一般的工程項(xiàng)目非常...
    cgscloud閱讀 8,328評論 2 1

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