您的位置首页>硬件>

ios和android规范解析:警告框(alerts)

导读大家好,我是极客范的本期栏目编辑小友,现在为大家讲解ios和android规范解析:警告框(alerts)问题。在iOS的设计规范和安卓的MD规范中,

音频解说

大家好,我是极客范的本期栏目编辑小友,现在为大家讲解ios和android规范解析:警告框(alerts)问题。

在iOS的设计规范和安卓的MD规范中,都有Alerts这个组件。作者研究了这个组件,发现在这两个系统中,它们有以下两个共同点:

1.他们都带着自己的面具出现在页面中央;

还有iOS和安卓的警告框。

2.警告框中通常有两个选项,应避免选择“是/否”,选项应明确告知用户操作的结果。

在其他方面,两种规格都有各自的特点。让我们一起来探索吧。

谷歌材料设计

先说安卓,设计师相对不熟悉。MD对警告框的定义是这样的:

警告框是一个紧急中断(提示),告知用户已经发生的情况。

需要注意的是,前面提到的警告框和snackbars都是用户操作后出现的提示框。那么,它们出现的时候有什么区别呢?警告框可视为操作的确认,可理解为操作的“最后一步”。只有用户点击“确认”按钮,才能真正完成操作;但是,snackbars是在用户实际完成操作后出现的提示消息,其信息不如警告框重要。此外,在许多情况下,snackbars会有“撤销”按钮,给用户留下忏悔的空间。

MD规范将警告框分为两种类型:有标题的和无标题的。

MD规范认为大部分警告框应该无标题,用一两句话描述一个通知决定的副本。写这份文案时,有两点需要注意:

使用疑问句,如:“删除这段对话?”

副本应与警告框中的按钮副本相关联。

按钮复制时,应告知用户操作结果。尽量避免“是/否”的文案。

在左边的警告框中,复制“删除”的按钮清楚地告诉操作的结果;右边的按钮回答“删除草稿?”但是这个问题并没有告知操作的结果(实际上并没有直接告知),所以不建议使用。

对于标题为的警告框,MD建议“只在高风险操作中使用(例如操作会导致网络失去连接)”。此外,用户应该能够通过标题和操作按钮了解他们正在做出什么选择。

对于标题,应注意以下两点:

(喜欢无标题的Alerts)使用查询操作的疑问句,例如“清除USB存储?”

避免道歉或模棱两可的问题,如“警告!”“你确定吗?(你确定吗?)"

带标题的警告框

以上是MD规范中警告框的介绍。

iOS人机界面指南

在iOS规范中,警告框的定义是紫色的:

警告框传达了关于应用程序或设备特定状态的重要信息,通常需要用户操作。

在规范中,警告框中包含的元素指定如下:标题(必需)、描述信息(可选)、输入框(可选)和按钮(必需)。同时,警告框的样式是带有哑光效果的圆形白色框,不可更改。

几个警告框

关于警告框的使用,苹果给出了两个原则:

尽量少用。苹果认为警告框只在购买、删除、报错等重要情况下使用。警告框不会频繁出现,保证了它能吸引用户足够的注意力。确保每个警告框都提供重要信息和有用的操作选项。

确保警告框在垂直和水平屏幕状态下正常显示。

对于iOS警告框中的标题、描述信息和按钮,苹果分别给出了指导原则。

标题和描述信息

由于这两部分是文案,所以苹果把它们放在一起介绍。

标题要尽量简洁,字数越少越好。题目可以考虑提问或简短陈述。对于描述性信息,首先没有必要。如果需要描述性信息,尽量保持简短(一两行)。

另外,在写这些文案的时候,尽量避免出现“控告”、“审判”、“羞辱”的情况(国内没有申请的应该敢摆出带有羞辱意味的警告框,不要死,呵呵呵呵)。因为用户都知道警告框的出现是通知他们有问题或者有危险的情况,所以文案要明确告知这个信息。是贝特

er to be negaTIve and direct than posiTIve and oblique(传达坏消息但文案直截了当也比传达好消息但文案表意模糊要更好一些)。最后,尽量避免使用“你”、“你的”、“我”、“我的”这样的文案,有时候它们会被理解为带有羞辱意味或者高傲的。

  按钮

  对于按钮的设计,有以下几点需要注意:

  通常情况下,使用两个按钮。只有一个按钮的警告框通常用于告知(重要信息)。如果需要三个按钮,苹果建议考虑使用上拉菜单(acTIon sheets)。

  按钮的文案建议使用能够描述操作结果的文案。避免使用“是/否”这样的文案。(这一点和MD规范相同)

  一般来说,左边放“取消”按钮,右边放用户最可能点击的按钮。苹果建议左边那个表达取消操作的按钮都叫作“取消”,不要使用别的词(“撤销”、“不要~~~”???? 之类)。如果想强调取消按钮,可以将它加粗。如果按钮中包含毁灭性操作,如删除,则在样式上应该让按钮文案体现出这个感觉。

  Home键自带取消警告框功能。如果页面上有一个警告框,此时用户按了iPhone上的Home键而退出了应用,那么用户再次回到应用,警告框应该消失(相当于在按了Home键的时候取消了警告框)。

  以上介绍了iOS和Android规范中对于警告框的规定。还是那句话,规范是最标准的情况,场景是千变万化的,具体运用的时候还是需要根据场景来灵活应用。这就像先掌握数学公式,之后遇到不同的题目,运用公式来灵活解题。

  欢迎大家留言讨论,共同提高,在讨论中获得人生的升华。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。