聊一聊APP彈框使用

最近看了很多關于終端彈窗的文章励稳,由于知識點零散南蹂,最終決定已文字的方式寫出來犬金,算是消化領會,以下是自身對彈框的理解六剥。

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

彈框分類(糾錯:snackbar)

什么是輕量級彈框店诗?

所謂輕量級是指出現(xiàn)時對用戶行為影響小裹刮,不影響其操作,在場景上主要是對操作結果反饋庞瘸、提醒捧弃,通常在超時或用戶隨意進行點擊操作之后消失。

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

toast?
toast

Tips:

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

Tips

snackbar:反饋輕量級操作反饋弹砚,出現(xiàn)在屏幕底部双仍,在屏幕所有層上方枢希,只能以文本的形式存在桌吃,可操作,滑動關閉苞轿。

sackbar

使用場景:

1.彈框時間短茅诱、體積小,所承載信息量有限搬卒,不易設計為過多內(nèi)容信息瑟俭,適合于輕度提示,不中斷用戶當前操作行為的場景契邀。2摆寄、語言精練、提取重點文字坯门;3微饥、一瞬間,時間短古戴,不易反反復復提示欠橘,不利于用戶體驗。

什么是重量級彈框现恼?

也稱為模態(tài)彈框肃续,是指對話框出現(xiàn)時,遮罩中斷父級視圖叉袍,需要完成當前彈框內(nèi)容始锚,才能進行下一步操作。有利于用戶集中精力完成當前內(nèi)容喳逛。

dialog:用戶必須對彈窗進行回應疼蛾,否則彈窗不消失。默認有”取消“按鈕艺配,點擊該按鈕關閉彈窗察郁,點擊彈窗以外的區(qū)域相當于取消彈窗。

版本升級提醒:

目前升級形式彈框是如下兩種转唉,取消升級方式不一樣皮钠。一種是點擊“叉”關閉,一種是作為文字按鈕關閉赠法。個人傾向于文字按鈕關閉麦轰,便于單手持設備方便用戶操作乔夯,把“立即更新”用顏色著重強調,“取消”顏色弱化視覺焦點款侵。

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

版本升級提醒

任務型領取彈框:

圖1與圖2可選擇關閉彈框块请,不領取獎勵,給用戶多種選擇拳缠,不強制要求領榷招隆;圖3簽到功能窟坐,無關閉按鈕海渊,點擊直接簽到,點擊遮罩層也可取消哲鸳,弱化關閉功能臣疑,目的在于提高用戶留存率,增加用戶粘性帕胆。

任務型彈框

獲取權限提醒:

應用安裝到手機朝捆,根據(jù)app,需要獲取不同的手機權限懒豹,才能保證軟件正常使用芙盘。常見獲取權限的有相機、GPS脸秽、個人通訊錄儒老、短信、推送等记餐。圖1和圖2是個不錯的方法驮樊,設計上表現(xiàn)更人性化親切,一次性告知用戶需要獲取手機哪些權限片酝,但是有些特別的權限囚衔,比如獲取短信等安全性的權限,那么就需要在需要時提醒用戶是否獲取雕沿。所以權限獲取要根據(jù)產(chǎn)品特性和當前使用場景來決定练湿,合理平衡業(yè)務和用戶體驗需要。

獲取權限

用戶反饋提醒:

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

個人建議提醒用戶評價彈框出現(xiàn)的頻率要低朱浴,比如每天提醒一次,不需要每次啟動應用都在提醒碧信,反而讓用戶產(chǎn)生厭惡感赊琳;其次在文案規(guī)劃上有創(chuàng)意街夭,利用當前最新網(wǎng)絡詞匯砰碴,拉進和用戶的距離;再次在視覺上設計也要有創(chuàng)意和想法板丽,不要墨守成規(guī)呈枉,一步一步引導用戶去評價。

用戶反饋

底部彈框:淘寶埃碱、京東猖辫、分享、支付等產(chǎn)品砚殿,以底部彈框形式出現(xiàn)啃憎,中段當前操作。一般ios控件彈窗是以底部形式出現(xiàn)似炎,android對話框控件是以顯示在屏幕中間彈框出現(xiàn)辛萍。

底部彈框

重量級彈框使用場景:

1、需要用戶做出反饋羡藐。

2贩毕、處于安全考慮,需要用戶知曉仆嗦,當前操作帶來的影響辉阶。

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

總結

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

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末炫贤,一起剝皮案震驚了整個濱河市溅固,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌兰珍,老刑警劉巖侍郭,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異掠河,居然都是意外死亡亮元,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門唠摹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來爆捞,“玉大人,你說我怎么就攤上這事勾拉≈笊” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵藕赞,是天一觀的道長成肘。 經(jīng)常有香客問我,道長斧蜕,這世上最難降的妖魔是什么双霍? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮批销,結果婚禮上洒闸,老公的妹妹穿的比我還像新娘。我一直安慰自己风钻,他們只是感情好顷蟀,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著骡技,像睡著了一般鸣个。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上布朦,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天囤萤,我揣著相機與錄音,去河邊找鬼是趴。 笑死涛舍,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的唆途。 我是一名探鬼主播富雅,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼掸驱,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了没佑?” 一聲冷哼從身側響起毕贼,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蛤奢,沒想到半個月后鬼癣,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡啤贩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年待秃,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痹屹。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡章郁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出痢掠,到底是詐尸還是另有隱情驱犹,我是刑警寧澤嘲恍,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布足画,位于F島的核電站,受9級特大地震影響佃牛,放射性物質發(fā)生泄漏淹辞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一俘侠、第九天 我趴在偏房一處隱蔽的房頂上張望象缀。 院中可真熱鬧,春花似錦爷速、人聲如沸央星。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽莉给。三九已至,卻和暖如春廉沮,著一層夾襖步出監(jiān)牢的瞬間颓遏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工滞时, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留叁幢,地道東北人。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓坪稽,卻偏偏與公主長得像曼玩,于是被迫代替她去往敵國和親鳞骤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

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

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫黍判、插件弟孟、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,098評論 4 62
  • 移動端常見的提示彈窗可分為3類:提示框、泛Toast 和消息推送样悟。 1.提示框 提示框是一種打斷用戶操作行為的彈窗...
    簡名閱讀 21,489評論 8 98
  • 今天整理了一下我的學習資源: 1.微信公眾號:《吳曉波頻道》拂募、《橙子School》、《薄荷閱讀by百詞斬》窟她; 2....
    原味的夏天寶寶閱讀 200評論 0 1
  • 20170713 星期四 晴 按時作業(yè)陈症,按時上課,按時聽微信老師講英語震糖!外加堅持晚練录肯。 回家9點,問了道數(shù)學題吊说,...
    晴媽愛上閱讀閱讀 145評論 0 0
  • 1. http://www.bimviz.io/ 國內(nèi)一個小團隊創(chuàng)業(yè)產(chǎn)品论咏,輕量級,非常不錯颁井,對于一般的工程項目非常...
    cgscloud閱讀 8,162評論 2 1