web端交互设计细节手册（四）

上篇文章给大家总结了固定数量图标展示的两种方式“ web端交互设计细节手册（三） ”，接下来就继续看看必填情况下触发验证的方式。

六、必填情况下触发验证的方式

在页面/弹窗中，所有有输入项都是必填项，此时何时校验输入信息？

一般分为两种情况：

1.一种是默认情况下输入项为空，则是先点击保存/确定/下一步等触发器然后触发校验操作，如下图左侧。

2.第二种，是默认情况下输入项不为空，例如编辑某些设置，则在输入框失去焦点后即校验，例如下图右侧所示，将原来有内容的输入框内容清空，失去焦点后，立即校验。
七、关于三种提示的不同使用场景
如上图，目前主要有三种页面提示，提示的内容包括成功、警告和错误等反馈信息，这里以成功提示为例。

 7.1 全局提示

大家最常见的是全局提示，这种提示一般为操作反馈提示，具有及时性、轻量化的特点，一般运用在用户在进行完某操作后，对操作结果的反馈。

7.2 系统通知提示

然后是系统通知提示，这种提示一般是由系统推送，具有不定时性，而且说明的文案一般较复杂，或者带有指示用户进行下一步操作的触发点，一般运用在一些特殊情况的通知，比如：邮件发送出去后被退回和系统需要通知用户的内容等。

7.3 警告提示

最后是警告提示，这种提示使用场景一般是比较重要的提示，需要用户阅读确认，点击关闭后才自动消失。这种提示可以不以全局浮窗的形式出现，也可以单独出现在页面某个操作项附近，例如你对列表项进行修改，此时在列表项的最上方出现此提示。

下篇文章跟大家聊聊“开关”控件的延展设计，感兴趣的小伙伴可以继续去看看。

以上就是“web端交互设计细节手册（四）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。