B端UI界面交互设计规范概述（下）

上篇文章给大家介绍了UI交互通用规范中的受范性指示，下面就来看看另外的几个规范问题。

2. 关键操作指引

当界面中出现多个操作项，从产品设计角度，用户重点关注或推荐用户操作的关键项需通过色彩、操作引导等方式帮助用户关注。

在一个操作区域内，关键操作项只能为一个，如图所示：
对于可能会影响用户操作，且易被用户忽略的操作项，需做好操作指引，如下图所示：

3. 操作不可用状态

当用户在某些场景不能进行操作时，该命令按钮（或其他的形式）在外观上应显示为不可用状态（如置灰），来使界面稳定，使用户保持恒定和完整的思维模式，减少用户的认知负担。

显示为不可用状态的按钮或文本必须保持与可用状态的位置、大小、形态保持一致，仅颜色、灰度和立体效果等发生变化，如下图所示：
鼠标移入到不可用区域时简要提示不可用原因，如图所示：
操作不可用的情况主要包括：

目录导航不可用

操作不可用

工具按钮不可用

基础规则：

因授权导致的操作不可用，该操作项不可见；

因操作行为受用户前置操作条件影响不可用，标注为不可用状态；

因服务安装失败、或服务异常导致不可用，该操作相比不可见；

不可用状态需提示操作不可用原因，在有多种条件时，优先显示第一种不可用原因。

4. 操作行为及时反馈

当用户在界面中进行相关操作时，需及时反馈用户当前行为产生的结果。

操作反馈情况主要包括：

如输入时，输入数据合法性检查，不合法的数据输入及时提醒。如下图所示：
避免用户进行不在合理范围内的频繁操作，及时进行界面元素效果响应，避免用户频繁操作下发指令出现不必要的错误。如下图所示：
需要用户进行等待时，提供用户当前行为状态反馈，无法给出准确、有效的状态时，建议给出一个范围值或者操作边界。如下图所示：
对行为结果，及时告知用户操作结果，反馈应当尽量避免描述含糊不清。如下图所示：
关于B端UI界面交互设计规范就先总结到这里了，之后还会继续整理相关内容，感兴趣的同学可以关注小编哦！

以上就是“B端UI界面交互设计规范概述（下）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。