基于用户体验理念的高校—站式网上服务大厅界面设计

2021-03-24王娟向科峰

工业设计 2021年2期

王娟向科峰

摘要：文章基于用户体验理论探究高校应该如何以用户为中心建设一站式网上服务大厅界面。阐述了用户体验理论以及高校一站式网上服务大厅的概念，通过分析高校网上服务大厅现状，了解到现存问题主要是由于缺乏相关设计理论作为支撑。研究阐述了界面设计的原则，建立了界面设计流程，再结合高校进行具体分析，使高校网上服务大厅更具人性化，以此提高网上办事效率。既符合高校全心为师生服务的宗旨，又能推進高校信息化的建设，为其他高校网上服务大厅建设者提供新的参考。

关键词：用户体验;一站式网上服务大厅;界面设计

中图分类号：J524文献标识码：A

文章编码：1672-7053（2021）02-0073-03

随着高校办学规模不断扩大，师生人数逐渐增长，学生日常需求多样化，学生工作事务量也变大，传统的线下办理事务已经无法满足师生的需求。为了响应政府推行的线上审批和服务的号召，诸多高校也在探索“互联网+服务”，积极建立高校一站式网上服务大厅。由于高校网上服务大厅发展时间不长，建设网站时只注重技术因素而忽略了界面设计，造成了界面设计混乱、用户体验不佳等问题。本文基于用户体验理念，探索如何构建科学、高效、美观的一站式网上服务大厅。

1 相关理论概述

1.1 用户体验

用户体验（User Experience）这一概念是从交互设计领域分离出来的，简单来说用户体验是“用户”的直观感受，是用户在使用某产品过程中包括使用前后产生的直观感触、心理和生理反应[1]。注重用户的感受，建立用户和产品之间和谐的关系，是获得良好体验的关键。

1.2 高校一站式网上服务大厅

高校一站式网上服务大厅是集网上办事、业务管理、信息查询、数据共享等为一体的网上服务平台[2]，其主要是以师生服务、整合资源、优化管理为目标。高度集成服务门户平台、教务、本科生/研究生教育、科研、学工、OA等多个业务管理系统，全面解决师生在校的日常事项，达到事务流程一键式办理、业务部门一键式审批、师生事务一键式办结，真正实现“数据多跑路，师生少跑腿”吲的理念。一站式网上服务大厅带动了高校的信息化建设，逐渐成为高校日常事务办理和信息处理最重要的平台之一。

2 高校一站式网上服务大厅现存问题

根据部分调研，四川省共有126所本专科院校，其中本科院校52所，专科院校74所。建设有网上服务大厅的本科院校33所，专科院校26所左右，一站式网上服务大厅在高校的覆盖率还比较低。另外调查研究了37所高校的网上服务大厅界面，存在着一些共性问题，如内容不太完善、未做好内容分类，用户不能快速找到自己需要的信息，色彩搭配混乱、页面布局繁杂，导致用户体验较差，办事效率低下。这主要是由于高校一站式网上服务大厅发展时间不长，网站开发者大多是计算机专业出身，一味地重视技术开发，设计界面时缺少专业的界面设计理论作指导，没有将用户体验理念贯穿于整个设计过程之中。

3 基于用户体验理念的高校—站式网上服务大厅界面设计意义

高校一站式网上服务大厅作为老师和学生主要的办事窗口，使用频率非常高，建设一个基于用户体验的高效美观的一站式网上服务大厅不仅可以吸引师生的使用兴趣，还可以展示信息化建设的各个方面，提高各职能部门的办事效率，促进学校和师生之间的沟通。所以，在用户体验理念的指导下设计一个好的服务大厅不管是对便捷办理事务方面，还是对于学校信息化推进方面，都有非常重要的实用价值。

4 基于用户体验理念的高校—站式网上服务大厅界面设计原则

为了给全校师生提供一个综合办理事务平台、营造更便捷高效的办理事务环境，基于用户体验理念，总结出高校一站式网上服务大厅界面设计的原则。

4.1 以用户为中心原则

以用户为中心原则就是在基于用户体验理念设计一站式网上服务大厅界面时，要充分考虑老师和学生在使用网站时的使用感受，站在用户的角度以他们的思维去设计网站[4]，并研究师生的使用兴趣和习惯，了解师生真正的需求，做好网站角色和内容分类，再根据不同的角色制定不同的页面。

4.2 简洁性原则

简洁性原则即页面简洁不简单，做好分类，突出重点，旨在使用户在短时间内快速浏览到需要的信息，提高工作效率[5]。著名的二八定律[6]，又称80/20法则，意思是在任何一件事中，重要的东西只占20%，其余的80%都是次要的。将网站内容最重要的20%放在首页，其余80%隐藏起来，这样既可以保持页面简洁，又可以让用户快速找到重点，降低用户负担。基于用户体验理念的高校一站式服务大厅界面设计在保持简洁性的同时，应注意的是隐藏的信息内容也要具有一定的指引性，使用户找到目标的步骤不能太多。

4.3 统—性原则

基于用户体验理念设计一站式网上服务大厅界面时要注重界面的统一性，统一性原则除了要保持色彩[7]、图形图标、视觉尺寸的统一之外，目前很多高校为了统一网站界面设计风格，都设置了自己学校的视觉标识系统，该系统统一定义了学校的校名、校徽、文字、色彩等，使高校网站界面的设计更加标准化和系统化。

4.4 适用性原则

适用性原则是针对不同类型的网站，考虑其独特的适用性而进行的设计。高校一站式网上服务大厅与门户网站最大的区别之处在于门户网站更注重展示学校信息，如学校概况、师资情况、部门机构以及一些校内新闻动态等信息，所以网站内几乎是以文本链接的方式提供信息;而一站式网上服务大厅是聚合服务，将部门整合、内容融合为一体，主要意图在于为在校师生快捷办理事务，网站内打开后更多的是流程指引类和填表类。用户点击流程类链接后，最好以弹窗的形式出现，为了使用户知道自己所处位置，弹窗应出现在内容区，且不要覆盖页眉和页脚，这样用户的连贯性更好。填表类链接可用新开窗口的形式出现，因为使用弹窗可能会导致用户填一半返回页面后，需要进入重新填写，为用户带来不便。

5 基于用户体验理念的高校一站式网上服务大厅界面设计流程

5.1 高校一站式网上服务大厅用户需求分析

建设高校网上服务大厅的核心工作，也是第一步工作，就是对用户需求进行分析。设计者可以通过多种方法调查用户两个问题“用户是谁？”和“用户想要在网站上找到什么内容？”只有充分了解用户是谁和用户需要什么，界面所展示出来的内容才是有针对性、有价值的。

5.2 高校一站式网上服务大厅数据信息架构

基于用户体验理念的高校一站式网上服务大厅数据信息架构主要由数据源層、数据平台层和应用服务层三部分构成，见图1。

数据源层包含教务、学工、网络、科研、后勤等应用系统;数据平台层包含两个部分，一是由集成平台、整理平台、质量管理平台组成的数据治理平台，二是由师生肖像库、教学评估库、贫困补助库、学业预警库等组成的校园大数据仓库;应用服务层包含师生肖像、教师主页、教学质量评估、学业预警、教师职称评审等。应用服务层是基于数据源层和数据平台层的数据和服务应用，按照高校的规定进行类别的划分，最终形成覆盖全校师生的一站式网上服务大厅。

5.3 高校一站式网上服务大厅原型设计

原型设计就是设计师把网页界面的布局和构思大致表现出来，快速表达自己的想法，同时使别人快速理解。原型设计非常重要，它初步的展示页面布局，根据用户需求和用户反馈，快速更改原型，达到要求后就可以实施方案，这样不仅可以提高用户体验，还可以大大节省成本。

5.4 高校一站式网上服务大厅界面设计表达

高校一站式网上服务大厅与用户直接接触的是网站交互界面，界面设计的优劣直接决定服务大厅的用户体验好坏。网站界面交互设计是在界面布局的基础之上，加以图形、文字、色彩、表格等元素，通过网页与用户实现交流和互动[8]。良好的网页交互界面能够帮助用户更好地体验自己在虚拟空间中的存在感[5]。

5.4.1页面布局

页面布局就是对网站界面上的文字、图形、色彩、表格等内容进行合理地格式设置，使用户能清晰地了解网站信息的大致结构。网页上的页面布局排版是否合理，页面风格是否符合用户的心意，这些都会影响到用户在使用该网页时是否感受到便捷易用、赏心悦目等心情[9]。高校网上服务大厅在页面布局上要具备条理性、简洁性、美观性，充分考虑用户使用习惯，梳理好信息，突出重要信息板块，使用户寻找信息时能够一目了然。

5.4.2色彩

合理的色彩搭配能迅速吸引用户的眼球，增强注意力，让初次访问的用户对网站产生良好的第一印象[10]。不同于其他网站界面那样缤纷多彩，高校网站色彩搭配还应该结合自己学校的文化特色，使师生用户进入网站就有一种亲切感和归属感。

5.4.3 图标

图标是一类特殊的图形符号，它可以快速传递图形表达的信息，便于识别和记忆[11]。好的图标能让用户快速精确地识别信息，提高效率，使界面简洁美观，在网站界面设计，图标应该包括以下特点：易识别性，首先要考虑的原则是易识别性，它是图标的灵魂，能准确地让用户理解到它所想表达的意思[12]。统一性，高校网站图标的设计风格应该与整个界面的风格（色彩、图形等）保持高度一致。

6 基于用户体验理念的高校—站式网上服务大厅界面设计实践

基于上文中所阐述的高校一站式网上服务大厅界面设计的四

个原则，以及设计流程，本文以西南科技大学一站式网上服务大厅为例，进行改版设计实践。

6.1 网上服务大厅用户需求分析

西南科技大学网上服务大厅主要面向在校师生，经过调查发现教师和学生对于业务需求不同，见表1。为了让师生更方便快捷地办理业务，在建设大厅时需要将页面分为教师版和学生版，分角色为师生提供服务。针对不同的需求提供不同的服务，推送与个人相关的信息，突出重点，减少无关信息，加快效率，提升办事体验。

6.2 网上服务大厅界面设计

6.2.1 原型设计

在了解用户具体需求之后，利用计算机辅助系统建立界面原型，经过小组讨论和用户的再次沟通与测试，反复修改原型，原型设计能够快速地展示服务大厅的整体结构和初步界面。图2是西南科技大学服务大厅改版的原型图，2 （a）和2（b）分别代表教师版、学生版原型图。

6.2.2界面设计

西南科技大学网上服务大厅按照用户需求设计为两个版本，加入了事项流程跟踪，既可以明细流程，从而提高服务质量。图3服务大厅最终界面，3 （a）和3（b）分别代表学生版和教师版。界面色彩结合学校文化特色，以蓝色为主色调，蓝色冷静、深邃、有科技感，与学校科技特色相符[13];蓝色给人渊博、宁静和崇高的感受，符合学校科学研究的氛围;同时蓝色庄重、简洁、大气，又符合学校的校训。而辅色中橙色、绿色取自校标的色彩，金色、银色取自学校建筑外墙的色彩，给师生一种亲切感。在设计图标时遵循易识别性和统一性原则。

6.2.3用户体验评价

为了验证本次改版设计实践是否满足了用户需求，提升了用户体验，利用问卷调查方式分别调研本校师生对西南科技大学旧版、新版一站式网上服务大厅界面的满意度，进行用户体验评价。本次问卷调查使用李克特五星量表，让用户从（1非常不满意）-（5非常满意）对问卷进行量化打分。问卷调查师生对登录过程、页面布局、色彩搭配、信息分类、图标文字、整体满意度等十个方面的满意度。如图4 （a）和4（b）分别表示教工、学生对新旧两版网上服务大厅的满意度对比雷达图。根据图像清楚地显示改版后的各方面用户体验明显得到提升，证明研究理论是合理的，设计实践也是有效的。

7 结语

在互联网时代，高校积极响应国家信息化建设的号召，加大建设一站式网上服务大厅，着力设计高效、美观的服务大厅界面，提高各职能部门的办事效率，增加办事的透明度，提高师生使用体验，促进学校与师生之间的沟通。本文基于用户体验理念研究高校一站式网上服务大厅界面设计，阐述了高校建设网上服务大厅遵循的四个设计原则：以用户为中心原则、简洁性原则、统一性原则和适用性原则;为高校建设网上服务大厅提供具有理论参考的设计流程：理清总体架构、分析用户需求、界面设计表达。未来，高校应将始终以大厅人性化的设计、便捷性的服务、高效性的事务处理、专业化的师生服务作为服务大厅的建设方向，以给用户带来更加个性化和智能化的办事体验作为服务大厅的建设目标。

参考文献

[1]顾振宇.交互设计原理与方法[M]北京：清华大学出版社，2016.

[2]刘一，基于流程再造的高校网上办事大厅的设计与实现[D].天津大学，2016.

[3]范少芬，贺宗平.基于流程管理的高校信息化一站式服务的研究[J]智能计算机与应用，2018，8 （06）：168-170.

[4]陈晶，肖丽萍产品中交互设计的用户体验研究综述[J]设计，2014 （06）：13—14.

[5]冯志兵，基于用户体验的网页界面交互设计研究[D].湖南工业大学，2018.

[6]张志军，设计服务移动信息平台的理论与实践研究[D].南京艺术学院，2018

[7]李奕飞，何人可，基于用户体验的洗衣机软界面设计原则研究[J].包装工程，2019，40（10）：196-202

[8]刘春强，视觉选择性注意在网页交互界面设计中的应用研究[D].江南大学，2014.

[9]陈昱甫，陈颖祺，舒叶，网页设计中的页面布局之分析[J].工业设计，2018 （12）：79-80

[10]许宏年，地方工科类院校门户网站界面设计研究[D].长春工业大学，2017.

[11]张朦朦.浅析类扁平化设计在国标设计中的应用[J].大众文艺，2015 （24）：124-125