聊一聊APP弹框使用

最近看了很多关于终端弹窗的文章,由于知识点零散,最终决定已文字的方式写出来,算是消化领会,以下是自身对弹框的理解。

目前已知的弹框有:toast、snackbar、dialog、actionbar,分类为模态和非模态弹框,太官方的名字不便于理解,根据我自己的看法,把它发划分为:轻量级和重量级类型。

弹框分类(纠错:snackbar)

什么是轻量级弹框?

所谓轻量级是指出现时对用户行为影响小,不影响其操作,在场景上主要是对操作结果反馈、提醒,通常在超时或用户随意进行点击操作之后消失。

toast:一般以3s提醒时间显示在屏幕中上方或者下方,以文本和透明黑色背景存在,用户不可操作。在安卓系统中弹框控件叫toast,ios并无此说法,ios一种弹框是HUD,与toast差不多性质。

toast 
toast

Tips:

出现在状态栏下部,页面内容上部。

Tips

snackbar:反馈轻量级操作反馈,出现在屏幕底部,在屏幕所有层上方,只能以文本的形式存在,可操作,滑动关闭。

sackbar

使用场景:

1.弹框时间短、体积小,所承载信息量有限,不易设计为过多内容信息,适合于轻度提示,不中断用户当前操作行为的场景。2、语言精练、提取重点文字;3、一瞬间,时间短,不易反反复复提示,不利于用户体验。

什么是重量级弹框?

也称为模态弹框,是指对话框出现时,遮罩中断父级视图,需要完成当前弹框内容,才能进行下一步操作。有利于用户集中精力完成当前内容。

dialog:用户必须对弹窗进行回应,否则弹窗不消失。默认有”取消“按钮,点击该按钮关闭弹窗,点击弹窗以外的区域相当于取消弹窗。

版本升级提醒:

目前升级形式弹框是如下两种,取消升级方式不一样。一种是点击“叉”关闭,一种是作为文字按钮关闭。个人倾向于文字按钮关闭,便于单手持设备方便用户操作,把“立即更新”用颜色着重强调,“取消”颜色弱化视觉焦点。

这里特别喜欢携程的设计,在立即升级按钮下边,提醒用户“WiFi环境下更新不到30秒哦”,温馨提示,超出用户预期希望,深得人心的设计。

版本升级提醒

任务型领取弹框:

图1与图2可选择关闭弹框,不领取奖励,给用户多种选择,不强制要求领取;图3签到功能,无关闭按钮,点击直接签到,点击遮罩层也可取消,弱化关闭功能,目的在于提高用户留存率,增加用户粘性。

任务型弹框

获取权限提醒:

应用安装到手机,根据app,需要获取不同的手机权限,才能保证软件正常使用。常见获取权限的有相机、GPS、个人通讯录、短信、推送等。图1和图2是个不错的方法,设计上表现更人性化亲切,一次性告知用户需要获取手机哪些权限,但是有些特别的权限,比如获取短信等安全性的权限,那么就需要在需要时提醒用户是否获取。所以权限获取要根据产品特性和当前使用场景来决定,合理平衡业务和用户体验需要。

获取权限

用户反馈提醒:

收集用户反馈信息,后期做数据统计,及时跟踪用户需求,对产品进行迭代和优化。所以在产品中需要给用户提供意见反馈功能,让用户实时对产品做出评价和改进意见,可以直接跳转到应用市场,做用户反馈。

个人建议提醒用户评价弹框出现的频率要低,比如每天提醒一次,不需要每次启动应用都在提醒,反而让用户产生厌恶感;其次在文案规划上有创意,利用当前最新网络词汇,拉进和用户的距离;再次在视觉上设计也要有创意和想法,不要墨守成规,一步一步引导用户去评价。

用户反馈

底部弹框:淘宝、京东、分享、支付等产品,以底部弹框形式出现,中段当前操作。一般ios控件弹窗是以底部形式出现,android对话框控件是以显示在屏幕中间弹框出现。

底部弹框

重量级弹框使用场景:

1、需要用户做出反馈。

2、处于安全考虑,需要用户知晓,当前操作带来的影响。

3、创建类目需要。

总结

使用何种弹框,应该根据当前产品业务性质和业务需求来确定,并不是一成不变的。需要着重提醒用户的可以使用重量级弹框,用户知晓程度低可以使用轻量级弹框。弹框定义只是一种形式,面对产品时,需要正确理解当前产品业务和使用场景,在规范引导下,做出最适合的设计

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 移动端常见的提示弹窗可分为3类:提示框、泛Toast 和消息推送。 1.提示框 提示框是一种打断用户操作行为的弹窗...
    简名阅读 21,396评论 8 98
  • 今天整理了一下我的学习资源: 1.微信公众号:《吴晓波频道》、《橙子School》、《薄荷阅读by百词斩》; 2....
    原味的夏天宝宝阅读 195评论 0 1
  • 20170713 星期四 晴 按时作业,按时上课,按时听微信老师讲英语!外加坚持晚练。 回家9点,问了道数学题,...
    晴妈爱上阅读阅读 143评论 0 0
  • 1. http://www.bimviz.io/ 国内一个小团队创业产品,轻量级,非常不错,对于一般的工程项目非常...
    cgscloud阅读 8,136评论 2 1