高校门户网站界面交互设计研究

唐甜 尚子田

【摘要】高校门户网站是校园信息发布、对外宣传、网络教学、系统管理的主要窗口，是校园信息化建设的重要组成部分。本文将交互设计的理念融入网站设计中，对高校门户网站界面交互设计流程与方式进行了分析，实现对网站界面的完善和优化，使门户网站能够更好地服务于师生，在高校的教学科研中发挥更大的作用

【关键词】高校门户网站；界面交互设计；用户群体

【中图分类号】TP393 【文献标识码】A

随着网络信息技术的发展，门户网站在高校的信息化建设中发挥着越来越重要的作用。良好的门户网站能够提升学校的知名度，对学校师生的学习、工作、生活进行合理的引导，提高网站信息服务的效率和质量。因此，应运用交互式设计方法科学设计门户网站界面，制定完善的设计与管理方案，全面优化界面结构和内容，加强高校门户网站的综合服务能力。

一、交互设计的基本概述

交互设计是指人与产品互动的一种设计方式。对于网站设计而言，是指以用户体验为中心，综合考虑用户群体、使用习惯和使用感受，使网站的设计更加符合用户的需求，让网站更加方便易用，更加符合用户的逻辑，从而使用户能够快速有效地完成目标任务，访问到所需的信息，并在使用网站的过程中获得良好的体验和情感上的满足。将交互设计的理念运用到高校门户网站的界面设计中，不仅可以优化门户网站的视觉形象，还可以提高网站的易用性，加强门户网站的交互功能，解决用户在访问网站的过程中“看不懂、找不到”等问题。因此，高校门户网站设计应遵循服务师生的基本原则，将信息数据综合性传播作为主要内容，设计过程中应结合高校的实际情况与校园文化内容，融入交互设计的理念、方法和技术，协调门户网站界面的设计内容，了解用户群体的实际操作体验，促进数据信息的合理、有效传递，优化网站的信息服务能力，提高用户的满意度。

二、交互设计与界面设计

在运用交互设计方法进行界面设计的过程中，应明确具体的设计内容，创建多元化的管理机制，以用户的需求为出发点，针对用户群体进行全面的认知，做好设计元素的调查工作，在了解共性内容的基础上，实现门户网站的准确分析。在此期间，需针对具体的内容进行提炼，明确共性需求，改善交互界面的实际情况，并采取科学的措施弥补传统设计方式的缺陷，提升信息传递的有效性与可靠性。 其次，在使用“T”结构布局的过程中，需针对布局期间的网站标识与宣传图片情况进行分析，在左侧位置合理设计导航菜单，在右侧位置设计主要内容，确保页面布局的清晰度与可靠性。在色彩方面，设计人员需注重各类细节问题，避免出现视觉疲劳的现象。最后，在对称布局的过程中，需采取左右对称或是上下对称的设计模式，针对颜色深浅进行严格的控制，在色调对比的情况下，形成一定的视觉冲击力，并拓宽数据信息的容量，确保页面布局的灵活性，避免影响网站整体结构和设计效果。

三、高校门户网站界面交互设计流程

在实际设计工作中，应当明确高校网站的设计流程，针对具体的内容与要求进行严格掌控，提升设计工作水平，满足学校工作需要。对于设计流程而言，主要是用户群体的认知、设计元素的明确、主题风格的选取與版面设计，具体表现为以下几点。

（一）认知用户群体

在门户网站界面设计初期，需明确用户群体的实际情况，并了解用户操作体验与交互设计特点，及时发现设计中的差异，采取有效措施解决问题。当前，我国高校的门户网站用户群体呈现不稳定的特点，应针对用户群体的共性进行全面挖掘，合理了解与调查用户群体的设计元素满意度。在此期间，可以针对教师、学生与家长的设计元素满意度进行全面调查，根据用户群体的实际情况，明确数据显示内容，并了解共性的结构，完善界面传播结构，提升信息数据传达的可靠性与有效性，以此促进网站系统的良好建设。

（二）确定交互设计元素

门户网站界面设计需根据网页的主题设计思想，对网页的设计元素进行合理配置与秩序化，避免出现各种元素零散混乱、拼凑堆砌的情况，保持页面的相互呼应和一致性。在设计工作中，还要明确文字信息与功能分布情况，做好色彩的设计与管理，明确元素之间的关系，科学选择元素范围，例如，字体元素、图形元素的大小和数量，以实现信息传递的清晰化、人性化，使用户在获取信息的同时得到良好的审美体验。

（三）形成主题风格

对于主题风格而言，需要表现高校所要表达的具体内容，通过网站的风格凸显高校的整体形象，为用户群体提供良好的视觉体验。且在实际设计期间，需根据学校的历史情况与办学特色等，设定综合信息的融合机制，明确页面的主要风格，结合视觉元素进行设计，提升网站的整体视觉效果。

（四）制定版面设计方案

在版面设计的过程中，应明确版面之间的交互特点，明确界面设计目的与要求，制定完善的群体版面设计方案，确保用户群体能够在短时间之内实现信息的查找，以此提升重要信息的获取效果。

四、高校门户网站界面交互设计方式

在高校门户网站界面交互设计的过程中，设计人员需树立正确的观念，明确各方面交互设计工作的特点与内容，创新管理形式，满足当前的发展需求。具体交互设计措施为以下几点。

（一）体验感的设计措施分析

当前，人们思想观念的变化呈现多元化的趋势，对于个体体验的要求逐渐提升。在常态化的生活方式下，体验的内涵已经升级到创新与适应等内容， 良好的体验需要在心理与知觉方面达到满足， 给用户带来愉悦感与价值感。在高校门户网站界面设计工作中，需明确用户群体的心理需求，提升界面交互设计的适应性、高效性、友好性、满意性等，不仅需要对界面进行美感的设计，还要重视导航功能与效果，制定完善的信息构架设计方案，丰富高校门户网站界面的交互设计功能，合理设计系统结构，不仅要关注用户的心理与行为体验，还要重视网站与用户之间的交流情况，使得用户群体能够在网站中更好地探索与尝试，形成良好的设计结构。在此期间，为了能够更好地满足用户网站结构使用习惯，需要在设计期间，合理使用功能、界面、浏览系统等定制方式，针对自适应系统进行良好的调整，提升信息管理水平与信息服务质量[1]。

（二）协调深度与广度的设计关系

在网站信息架构设计的过程中，需针对深度与广度之间的关系进行平衡。其中，网站界面交互设计深度，主要是界面的级数，可以将网站的首页比作成为树形，树干属于二级、三级与四级界面。对于网站广度设计而言，可以将首页设计作为基础，明确各个界面的数量。如果网站界面设计深度过高，就会在点击期间出现需求界面的现象，会浪费用户的时间，且信息数据获取便利性较低。如果网站界面的广度过大，就会出现杂乱无章的问题，不能为用户群体提供良好的体验。因此，在实际设计期间，需针对网站界面的广度与深度进行全面的协调，做好匹配信息的设置工作，提升信息获取的便利性与可靠性，提高信息服务效率[2]。

（三）容错设计措施

高校门户网站设计者在容错设计工作中，需针对网络系统进行全面的了解与分析，将网站结构划分成为三个层次，明确专家用户的实际错误情况，并创建容错系统。首先， 可以允许用户出现错误操作的现象， 利用文化常识限制性的设计措施对用户进行引导，避免出现操作错误的现象。其次，在实际设计的过程中，需做好防范错误工作，制定完善的应急管理方案，并针对用户的操作进行确认，一旦出现错误行为，就要终止系统运行。为了更好的提供服务，在容错系统设计的过程中，还要为用户群体提供正确操作步骤的指示，在一定程度上，能够提升操作的正确性[3]。

（四）科学设计适时帮助系统

在高校门户网站界面交互设计工作中，需做好适时帮助系统的设计工作，制定完善的設计方案，加大管理力度，满足当前的发展需求。在设计工作中，可为用户群体提供参考手册与网站的使用指南，并解答疑难问题，通过系统的建设，创建帮助系统，以便于在操作错误的时候帮助用户改正行为[4]。

在高校门户网站界面交互设计工作中，设计人员需制定完善的设计管理方案，明确各方面的设计要求与原则，形成良好的设计体系，提升门户网站的设计水平，更好地满足学校师生的需求，使门户网站在校园信息化建设中发挥更大的作用。

参考文献：

[1]王聪.高校门户网站界面交互设计研究[J].电大理工，2016（3）：72-74.

[2]杨树真.Web2.0模式下高校门户网站的UI设计探究——以“云南师范大学”校园门户网站为例[J].科教导刊-电子版（下旬）。2015（8）：140.

[3]陈嘉勇，严潮斌，周婕，等.高校图书馆信息化管理研究——以图书馆门户网站改版为视角[J].图书馆建设，2015（3）：67-70，76.

[4]韦金凤.基于分级授权定制的院系门户网站设计与开发[D].华中师范大学，2016.

作者简介：唐甜（1988-），女，湖南长沙人，空军军医大学网络中心，助理工程师，研究方向：信息资源开发与管理；尚子田（1985-），女，陕西吴堡人，空军军医大学网络中心，助理工程师，研究方向：教学信息化系统管理。