近年来,工业4.0、互联网+等概念上升到国家战略层面,推动了传统商业和企业产业结构优化升级及信息化进程,使企业的Web应用向着大型化、复杂化的方向发展。在Web应用中人机交互已成为信息系统设计过程中不可忽视的重要因素,如何提升人机交互的效率、短时间内捕捉用户的视觉区域、准确为用户呈现“所得即所想”的信息成为Web UI设计者们所关注的问题。连接分析法作为人机交互中一种设计理念在人因工程学中已有广泛的应用。将人因工程中的连接分析理论用于设计一套优质的UI方案,不仅可以更好的引导企业完成各项业务,也可以更好地提升客户服务质量和效率,同时还可将企业文化美观大方的赋予其中,进而提升品牌形象,因此开展以连接分析为指导的UI设计具有非常重要的现实意义。目前界面设计多以设计团队或个人风格为主,整体指导原则与具体实施方法层面稍显欠缺。为更好地满足用户需求、优化用户体验,首先利用连接分析的思想建立界面模型与连接模型,界面模型按照功能强弱与控件构成分为单一模块与复合模组,连接模型依据连接关系分为包含、协同、触发与相似四类关系;其次确立了界面模型与连接模型的设计原则,在此基础上结合Gestalt心理学及Web页面特征制定设计准则;再次,以客户购买行为例,利用图解方式描述页面导向,结合连接模型构建页面功能结构,简洁直观地展现页面间逻辑关系;最后依据功能结构及相似性将页面划分为主页面、Vmiddle、Vlast三个层级,结合UI设计原则制定页面具体参数,并对功能结构中可复用部分封装为模块,确保界面开发有序进行。研究成果应用在Z公司电商网站建设中,利用连接分析的结果实现界面之间的有序跳转,自然地引导用户获取目标信息,提升了使用流畅度。同时对常用功能进行模块化处理,提供复用组件,避免了界面设计中的样式冲突,连接分析方法的运用以图解的方式呈现,有效地降低了开发人员与设计师之间误解,缩短了 Web系统的构建周期,验证了连接分析设计思想、原则和方法在Web UI设计中的有效性。实践证明,本文所开展的基于连接分析方法所开展的UI设计,界面的布局与连接契合了人因工程思想,增强了用户体验,同时利用模块化思想实现的复用组件的界面设计有效降低了界面中各个模块之间的耦合,降低了代码的重复冗余,提升了开发效率,对开展UI设计具有重要的指导作用和应用价值。