工业互联网界面用户体验 第1部分：设计指南.docx
4
工业互联网界面用户体验第1部分：设计指南
1范围
本标准给出了工业互联网用户界面设计的要求与建议，适用于工业互联网用户界面的设计与评价。
本标准中适用于PC端工业互联网用户界面的设计和评价。
2规范性引用文件
下列文件对于本文件的应用是必不可少的。凡是注日期的引用文件，仅注日期的版本适用于本文件。
凡是不注日期的引用文件，其最新版本（包括所有的修改单）适用于本文件。
GB/T18978.12-2009使用视觉显示终端(VDTs)办公的人类工效学要求信息呈现GB/T18978.143-2018人-系统交互工效学第143部分:表单
GB/T18978.151-2014人-系统交互工效学第151部分:互联网用户界面指南
ISO9241-8:1997使用视觉显示终端(VDTs)办公的的人类工效学要求第8部分:显示颜色的要求ISO9241-14:1997使用视觉显示终端(VDTs)办公的的人类工效学要求第14部分:菜单对话
ISO9241-171:2008人-系统交互工效学第171部分：软件可达性
ISO/IEC11581-3:2000信息技术.用户系统接口和符号.图标符号和功能.第3部分:指针图标
3术语和定义
以及下列术语和定义适用于本文件。
3.1
工业互联网IndustrialInternet
工业系统与高级计算、分析、传感技术及互联网的高度融合。通过工业互联网平台把设备、生产线、工厂、供应商、产品和客户紧密地连接融合起来。
3.2窗口Window
屏幕上独立的可控区域，用来显示界面元素或与用户进行对话。
4设计原则
4.1生理兼容性
宜将工业互联网界面与人的视觉、听觉、触觉、认知等特性的匹配性纳入考虑。
4.2完备性
工业互联网界面宜提供足够完备的内容，以支持工业互联网的典型信息需求。
4.3一致性
5
同类工业互联网网站或同一网站上具有相同或类似功能的页面，其信息显示（包括字体、颜色、图标/符号、标签、光标、指针、多媒体等元素）、页面布局、信息交互方式、用户支持等信息宜保持一致。
4.4容错性
工业互联网界面应能预见用户合理的误用行为，并作出相应的防错设计，应避免诱发无意识的操作行动。
当错误发生时，应允许用户针对功能进行简单修复、撤销或暂停。
4.5鲁棒性
工业互联网界面宜具有鲁棒性，使得界面内容可在未来可期的技术下使用。
4.6可用性和可达性
工业互联网界面所采用的个性化和（或）适应性设计宜对用户显而易见。
软件可达性应遵循ISO9241-171中的指南。
网络内容的可达性应遵循网络内容可达性指南1.0（WCAG1.0），最新版本网络内容可达性指南2.0（WACG2.0）出版后以2.0版本为准。
5界面元素设计
5.1文字和符号
5.1.1文字
界面上呈现的字体设计方案应保持一致。
界面上呈现的字体、文字字重、字体大小宜适宜，方便用户查看浏览相关信息。示例：采用各平台或系统中的默认中文字体库，确保字体具有一致性。
文字与背景宜具有较好的颜色对比，以确保良好的可读性。
如果用字体或字体大小来增强选项组或标题的视觉区分度，宜根据具体情境确定字体和字体大小组合的数量。
示例:菜单中采用10号黑体字和12号黑体字进行组合，对菜单层级进行区分。
界面文本宜具有适宜的行间。
5.1.2符号/图标
符号和图标的风格、大小、形状、颜色等视觉呈现宜具有一致性。
示例1：某个界面上的图标均采用实色描边的风格，颜色选用色板中的蓝色。
示例2：某个界面上的图标尺寸固定有三种，圆角大小、描边宽度、形状图层长宽尺寸均为偶数。
示例3：某个界面上的主题图标均包含图标界定框，且均采用正方形和圆形尺寸，界定框尺寸有定量数值。宜采用符合用户认知习惯的符号和图标，使其有较好的可理解性。
代表选项的图标应在视觉上宜能互相区分，且用户应能容易地识别它们的意义。
5.2颜色
5.2.1概述
不宜将颜色作为传递信息的唯一方式，颜色宜与其他编码技术组合使用。
注：一些用户对特定的颜色或颜色组合会存在知觉困难（例如，色盲）。因此，颜色只能用作辅助编码，作为其他
6
编码技术的补充方式。
应遵循用户所熟知的颜色代码规则，即颜色设计与任务和文化的惯例相符。
示例：红色一般代表警告，黄色代表注意，绿色代表可行。
如果用颜色来增强选项组的视觉区分度，则一组内容选项的颜色编码规则应相同。示例：动作选项组用绿色，对象选择组用蓝色。
5.2.2颜色数量
除黑和白之外，界面上的颜色数量不宜超过6种（见ISO9241-8:1997第6条）。注：颜色数量的限制不包含图片、图形或图表中的颜