贾轩

编者按：为了解决B端产品在信息结构、页面布局以及视觉元素设计的难点，提升B端产品在信息传达上的效率，这篇文章将视觉注意机制与界面设计相结合，根据视觉感知、视觉搜索、视觉生理基础以及视觉认知流程，结合数字产品的结构层、范围层、表现层的特点，分析出B端产品界面设计在不同阶段需要思考以及遵循的信息可视化策略。

概述

B 端产品面向企业或组织提供服务，帮助企业或组织下的各类角色协同办公，解决企业经营管理或业务问题。B 端产品具备业务复杂度高、用户角色多的特点。不同的企业或组织经营的方式各有差别，不同量级的公司所遇到的具体的业务场景也不尽相同。场景的庞杂，意味着系统包含庞大且种类繁多的信息，这些信息相互关联影响，在不同的系统结构中进行信息交换[1]。薛澄岐指出，复杂信息系统具有开放性、复杂性、层次性与多样性的特点。设计师在进行信息设计的过程中，将系统抽象信息转化为用户易识别、易理解的信息的困难程度也大大提高。

学界站在视觉注意机制的角度上对交互设计的探讨比较丰富。王宁等人将视觉注意的计算方法引入人机交互界面设计过程中，提出了一种考虑用户视觉注意机制的人机交互界面设计方法[2]。吴晓莉等人通过眼动追踪技术获取被试者在数字化监控界面上的视觉注意分配的数据，以此指导界面设计的改良[3]。金昱潼等人为改善虚拟交互界面的操作效率，将人视觉注意机制融入 VR 考试系统的交互界面中，提出一种基于视觉注意机制的虚拟环境交互界面优化模型[4]。……