聊一聊APP弹框使用

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

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

聊一聊APP弹框使用_第1张图片
弹框分类(纠错:snackbar)

什么是轻量级弹框?

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

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

toast 
聊一聊APP弹框使用_第2张图片
toast

Tips:

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

聊一聊APP弹框使用_第3张图片
Tips

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

聊一聊APP弹框使用_第4张图片
sackbar

使用场景:

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

什么是重量级弹框?

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

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

版本升级提醒:

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

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

聊一聊APP弹框使用_第5张图片
版本升级提醒

任务型领取弹框:

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

聊一聊APP弹框使用_第6张图片
任务型弹框

获取权限提醒:

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

聊一聊APP弹框使用_第7张图片
获取权限

用户反馈提醒:

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

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

聊一聊APP弹框使用_第8张图片
用户反馈

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

聊一聊APP弹框使用_第9张图片
底部弹框

重量级弹框使用场景:

1、需要用户做出反馈。

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

3、创建类目需要。

总结

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

你可能感兴趣的:(聊一聊APP弹框使用)