美文网首页
聊一聊APP弹框使用

聊一聊APP弹框使用

作者: hedi0428 | 来源:发表于2017-04-19 16:40 被阅读0次

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

目前已知的弹框有: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、创建类目需要。

总结

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

相关文章

  • 聊一聊APP弹框使用

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

  • Axure交互技巧:控制弹框的可见性,这一个动作就够了

    前言 今天和大家聊一聊如何利用Axure实现弹框的显示与隐藏。在学习制作弹框交互之前,我们先了解下常见的弹框有哪几...

  • 弹窗总结ing

    今天来聊一聊 产品设计 各环节中必不可少的元素【模态弹框】和【非模态弹框】 一、相关定义 模态弹窗:打断用户流程,...

  • appium之判断元素是否存在(922)

    使用场景 app在实际使用中会针对各种情况弹许多框,比如更新。为了不让测试脚本报错,需要对是否有弹框做一个判断。 ...

  • HI,无话可聊,就聊一聊APP

    初次见面要不要聊一聊手机里有哪些APP? 问问他用不用一些常用的GTD软件,当然这也不绝对,像我手机里也安装了番茄...

  • 记录遇到的一些难缠的bug

    1、内存泄漏 出现场景: 在app启动首页检测网络权限,没打开网络权限使用自定义弹框弹出提示,自定义弹框的弹出需要...

  • 聊一聊几个读书类APP

    最近一个月好像介绍的书比较少,因为最近看的书比较杂,东一脚西一脚,好多都是没读完的。待我收尾之后批量放出。 本月试...

  • iOS "xxx"配件已断开连接。请打开“xxx”来重新连接

    问题,APP在后台时,蓝牙断开,会有一个系统弹框提示 以下 取消蓝牙系统弹框方法 NSDictionary* ...

  • 聊天员兼职的软件有哪些

    福聊一对一聊天软件app是最近非常流行且真实的在线交友app!使用福聊软件一对一聊天软件app可以认识很多朋友!使...

  • 说说微信读书,我的使用体验

    今天聊一聊 微信读书 这个app,我的使用体验。因为不是做竞品分析,所以大部分篇幅还是主要聊这个产品,同类竞品以...

网友评论

      本文标题:聊一聊APP弹框使用

      本文链接:https://www.haomeiwen.com/subject/dilfzttx.html