高校門戶網站界面交互設計研究

唐甜 尚子田

【摘要】高校門戶網站是校園信息發布、對外宣傳、網絡教學、系統管理的主要窗口，是校園信息化建設的重要組成部分。本文將交互設計的理念融入網站設計中，對高校門戶網站界面交互設計流程與方式進行了分析，實現對網站界面的完善和優化，使門戶網站能夠更好地服務于師生，在高校的教學科研中發揮更大的作用

【關鍵詞】高校門戶網站；界面交互設計；用戶群體

【中圖分類號】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-），女，陜西吳堡人，空軍軍醫大學網絡中心，助理工程師，研究方向：教學信息化系統管理。