面向提升校友網站互動性的交互界面設計與實現

俞科安

摘要：校友網以學校為依托，能夠促進畢業生與母校和同學之間的溝通，網絡的便捷性使得校友之間的溝通更加快捷、方便，提升了溝通的互動性。校友網是以信息技術為基礎、以交互性為核心的的一種新型人際關系溝通方式，打破了校友溝通的時空限制?；谝陨?，本文從提升校友網站互動性的角度出發，探討了校友網站交互界面的設計與實現。

關鍵詞：校友網站 互動性 交互界面 設計

中圖分類號：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.