欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

控件解析系列之《警告框》

发布时间:2018:01:24 17:00:29 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有782个文字,预计阅读时间2分钟
导语
这次分享的控件是—警告框,一个较为严肃的控件,先看看IOS和Android长什么样子:

  这次分享的控件是—警告框,一个较为严肃的控件,先看看IOS和Android长什么样子:

  

控件解析系列之《警告框》

 

  

控件解析系列之《警告框》

 

  从两个图可以看出:1.两家的Alers表现形式一样,都是在中央出现且自带蒙版;2.警告框的基本组成是标题、详情和选项按钮;3.选项按钮通常是1~2个,避免直接使用“是/否”这样的选项,选项明确告知用户的操作结果。

  看了下官方文档,IOS的Alert控件是在“Views”类下面,,Android的Alerts控件是在“Components——Dialogs”类下面,下来我们各自分享一下两家的特点:

  Google Material Design

  官方定义:警告框在紧急中断、需要确认和通知用户的情况下使用。这里需要提醒一下,在上期《提示框》中介绍的Snackbars,同样都是提示框,和警告框有什么区别呢,回顾一下:

  

控件解析系列之《警告框》

 

  警告框可以看做是操作的确认,可以理解成操作的最后一步,只有用户点击确认了,完整的操作才完成;Snackbars是当用户完整操作完之后才出现的提醒信息,其信息重要度要比警告框低,有时候Snackbars二回有撤销按钮,留给用户反悔的余地。

  警告框的内容样式分两种1.内部没有标题的,大部分也是没有标题的

  

控件解析系列之《警告框》

 

  注意才做按钮的文字表述,避免使用“是/否”这样的字眼,应明确告知用户的具体操作。

  2.内部有标题的,仅用于高风险操作

  

控件解析系列之《警告框》

 

  需要注意的是:1.在内容区域使用一个明确的标题、陈述或问题;2.避免使用模棱两可的问题。

  iOS Human Interface Guideline

  官方定义:警报传达与你的应用程序或设备状态有关的重要信息,并请求操作。

  规范中对警告框包含的元素做出了如下规定:标题(必选) 描述信息(可选) 输入框(可选) 按钮(必选) 同样,警告框的样式都是磨砂效果的圆角白框,不可更改。

  

控件解析系列之《警告框》

 

  苹果公司也给了两个使用原则:

  1.少用:只使用在重要场景,比如购买、破坏性行为(删除)、告知用户重要信息(报)错。警告框不常出现,确保能引起用户的足够重视,一定要确保每一个警告框都提供重要的信息和有用的操作选项;

  2.确保警告框在横竖屏的正常显示。

  关于IOS警告框中的文案内容也给了指导原则,这里不多赘述了,有兴趣了解的同学可以去官方文档查看。

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:在B端产品设计评审中,如何做出更合理的决策?

下一篇:经验分享:APP视觉设计工作流程

  • 18893 文章总数
  • 2299227访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信