面向提升校友网站互动性的交互界面设计与实现

俞科安

摘要：校友网以学校为依托，能够促进毕业生与母校和同学之间的沟通，网络的便捷性使得校友之间的沟通更加快捷、方便，提升了沟通的互动性。校友网是以信息技术为基础、以交互性为核心的的一种新型人际关系沟通方式，打破了校友沟通的时空限制。基于以上，本文从提升校友网站互动性的角度出发，探讨了校友网站交互界面的设计与实现。

关键词：校友网站 互动性 交互界面 设计

中图分类号：TP316 文献标识码：A 文章编号：1007-9416（2016）09-0159-01

在信息大爆炸时代，校友网的时代性和功能性更为凸显，交互性的信息沟通提升了校友网的交互性体验。基于以上，本文面向提升校友网站的互动性，分析研究了校友网站交互界面的设计与实现。

1 用户分析

首先，随着大学教育的普及，大学生和大学毕业生形成了庞大的群体，其在社会的影响力越来越大，对新鲜事物的接受能力较强，可以说大学生及毕业生群体是潜力无穷的资源人群。其次，校友网是近年来兴起的，其能够打破校友沟通的时空限制，为校友关系的建立提供了众多可能。

2 结构设计模型

2.1 首页操作设计

首页是校友网站门户界面，首页设计过程中要体现一定的操作性，能够引导用户进入下一级页面，在首页操作设计的过程中，除了需要标明网站名称和用途之外，同时需要做好导航栏的标题设计，充分利用首页顶部空间，合理布局和调整整个界面空间，要根据校友用户需求分析和各个栏目的应用程度进行整合设计[1]。

2.2 层级关系操作设计

对于校友网站交互界面来说，层级关系是不同界面操作连接的重要桥梁，为了提升校友网站的互动性，可以将首页导航栏在各个层级之间跳转之后进行重复显示，以校友网站用户使用的互动性角度出发，能够让用户操作的过程中找到操作与导航栏之间的关系，提升互动性，用户在使用的过程中，进入下一级页面之后可能会想要跳转其他页面或回到上一级页面，因此可以将此项使用需求呈现在层级关系操作设计中[2]。以某大学校友网站设计为例，其层级关系设计如图1所示，此层级关系设计不仅实现了各个层级之间的跳转，同时校友风采、校友感言、校友论坛以及校友留言板等的设计大大提升了校友网站界面的交互性：

2.3 界面色彩样式设计

不同的校友网对色彩样式设计有着不同的要求，在进行设计的过程中，需要以各个大学的校色为基础，首选该大学校色，此外，还可以根据校友用户的使用要求来进行相关调整和改变。界面色彩样式设计是校友网站交互界面设计的重点，也是能够提升校友网站互动性的设计内容。

3 框架构建与设计

3.1 框架样式设计

框架样式设计是建立交互性的重要基础，对于校友网站来说，其设计不仅是要搭建一个网站，发挥网站应用的作用，同时需要提升网站的互动性。

3.2 功能设计

首先，是功能的组合，校友网站构建的交互式界面不是单一的页面，其由众多层级页面组成，如何组合这些页面至关重要。例如校友留言板和校友论坛这两个层级界面是突出校友网站界面交互性的重要内容设计，因此在设计的过程中应突出这两个层级内容的设计，在组合的过程中需要强化重点，突出交互性，将留言板、校友论坛等重点内容合理的安排在用户便于操作的位置，以此来为用户提供良好的交互体验。其次，在功能设计的过程中需要进行合理的布局，合理使用各个项目下的逻辑，能够指引用户进入其终极访问目标，要能够提供给用户需求的内容，从而提升校友网站的互动性。

3.3 交互需求设计

在设计的过程中，应当注重相关活动发布的时效性，将活动提前预知用户，以此来让用户自主选择是否参与其中，留给用户选择空间。

4 结语

综上所述，交互性是校友网站建设的核心，本文简要探讨了校友网站交互页面的设计与实现，旨在为相关校友网站的建设和完善提供参考，促进校友网站的健康发展，充分发挥校友网站的作用。

参考文献

[1]郑红霞，薛林莉.基于职业学校的校友网站研究[J].电脑编程技巧与维护，2015（06）：69-70+81.

[2]王雪.利用校园网络环境促进大学校友管理[J].家教世界，2014（02）：199-200.