唐甜 尚子田

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

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

【中圖分類號】TP393 【文獻標識碼】A

隨著網(wǎng)絡信息技術的發(fā)展，門戶網(wǎng)站在高校的信息化建設中發(fā)揮著越來越重要的作用。良好的門戶網(wǎng)站能夠提升學校的知名度，對學校師生的學習、工作、生活進行合理的引導，提高網(wǎng)站信息服務的效率和質量。因此，應運用交互式設計方法科學設計門戶網(wǎng)站界面，制定完善的設計與管理方案，全面優(yōu)化界面結構和內(nèi)容，加強高校門戶網(wǎng)站的綜合服務能力。

一、交互設計的基本概述

交互設計是指人與產(chǎn)品互動的一種設計方式。對于網(wǎng)站設計而言，是指以用戶體驗為中心，綜合考慮用戶群體、使用習慣和使用感受，使網(wǎng)站的設計更加符合用戶的需求，讓網(wǎng)站更加方便易用，更加符合用戶的邏輯，從而使用戶能夠快速有效地完成目標任務，訪問到所需的信息，并在使用網(wǎng)站的過程中獲得良好的體驗和情感上的滿足。將交互設計的理念運用到高校門戶網(wǎng)站的界面設計中，不僅可以優(yōu)化門戶網(wǎng)站的視覺形象，還可以提高網(wǎng)站的易用性，加強門戶網(wǎng)站的交互功能，解決用戶在訪問網(wǎng)站的過程中“看不懂、找不到”等問題。因此，高校門戶網(wǎng)站設計應遵循服務師生的基本原則，將信息數(shù)據(jù)綜合性傳播作為主要內(nèi)容，設計過程中應結合高校的實際情況與校園文化內(nèi)容，融入交互設計的理念、方法和技術，協(xié)調(diào)門戶網(wǎng)站界面的設計內(nèi)容，了解用戶群體的實際操作體驗，促進數(shù)據(jù)信息的合理、有效傳遞，優(yōu)化網(wǎng)站的信息服務能力，提高用戶的滿意度。

二、交互設計與界面設計

在運用交互設計方法進行界面設計的過程中，應明確具體的設計內(nèi)容，創(chuàng)建多元化的管理機制，以用戶的需求為出發(fā)點，針對用戶群體進行全面的認知，做好設計元素的調(diào)查工作，在了解共性內(nèi)容的基礎上，實現(xiàn)門戶網(wǎng)站的準確分析。在此期間，需針對具體的內(nèi)容進行提煉，明確共性需求，改善交互界面的實際情況，并采取科學的措施彌補傳統(tǒng)設計方式的缺陷，提升信息傳遞的有效性與可靠性。 其次，在使用“T”結構布局的過程中，需針對布局期間的網(wǎng)站標識與宣傳圖片情況進行分析，在左側位置合理設計導航菜單，在右側位置設計主要內(nèi)容，確保頁面布局的清晰度與可靠性。在色彩方面，設計人員需注重各類細節(jié)問題，避免出現(xiàn)視覺疲勞的現(xiàn)象。最后，在對稱布局的過程中，需采取左右對稱或是上下對稱的設計模式，針對顏色深淺進行嚴格的控制，在色調(diào)對比的情況下，形成一定的視覺沖擊力，并拓寬數(shù)據(jù)信息的容量，確保頁面布局的靈活性，避免影響網(wǎng)站整體結構和設計效果。

三、高校門戶網(wǎng)站界面交互設計流程

在實際設計工作中，應當明確高校網(wǎng)站的設計流程，針對具體的內(nèi)容與要求進行嚴格掌控，提升設計工作水平，滿足學校工作需要。對于設計流程而言，主要是用戶群體的認知、設計元素的明確、主題風格的選取與版面設計，具體表現(xiàn)為以下幾點。

（一）認知用戶群體

在門戶網(wǎng)站界面設計初期，需明確用戶群體的實際情況，并了解用戶操作體驗與交互設計特點，及時發(fā)現(xiàn)設計中的差異，采取有效措施解決問題。當前，我國高校的門戶網(wǎng)站用戶群體呈現(xiàn)不穩(wěn)定的特點，應針對用戶群體的共性進行全面挖掘，合理了解與調(diào)查用戶群體的設計元素滿意度。在此期間，可以針對教師、學生與家長的設計元素滿意度進行全面調(diào)查，根據(jù)用戶群體的實際情況，明確數(shù)據(jù)顯示內(nèi)容，并了解共性的結構，完善界面?zhèn)鞑ソY構，提升信息數(shù)據(jù)傳達的可靠性與有效性，以此促進網(wǎng)站系統(tǒng)的良好建設。

（二）確定交互設計元素

門戶網(wǎng)站界面設計需根據(jù)網(wǎng)頁的主題設計思想，對網(wǎng)頁的設計元素進行合理配置與秩序化，避免出現(xiàn)各種元素零散混亂、拼湊堆砌的情況，保持頁面的相互呼應和一致性。在設計工作中，還要明確文字信息與功能分布情況，做好色彩的設計與管理，明確元素之間的關系，科學選擇元素范圍，例如，字體元素、圖形元素的大小和數(shù)量，以實現(xiàn)信息傳遞的清晰化、人性化，使用戶在獲取信息的同時得到良好的審美體驗。

（三）形成主題風格

對于主題風格而言，需要表現(xiàn)高校所要表達的具體內(nèi)容，通過網(wǎng)站的風格凸顯高校的整體形象，為用戶群體提供良好的視覺體驗。且在實際設計期間，需根據(jù)學校的歷史情況與辦學特色等，設定綜合信息的融合機制，明確頁面的主要風格，結合視覺元素進行設計，提升網(wǎng)站的整體視覺效果。

（四）制定版面設計方案

在版面設計的過程中，應明確版面之間的交互特點，明確界面設計目的與要求，制定完善的群體版面設計方案，確保用戶群體能夠在短時間之內(nèi)實現(xiàn)信息的查找，以此提升重要信息的獲取效果。

四、高校門戶網(wǎng)站界面交互設計方式

在高校門戶網(wǎng)站界面交互設計的過程中，設計人員需樹立正確的觀念，明確各方面交互設計工作的特點與內(nèi)容，創(chuàng)新管理形式，滿足當前的發(fā)展需求。具體交互設計措施為以下幾點。

（一）體驗感的設計措施分析

當前，人們思想觀念的變化呈現(xiàn)多元化的趨勢，對于個體體驗的要求逐漸提升。在常態(tài)化的生活方式下，體驗的內(nèi)涵已經(jīng)升級到創(chuàng)新與適應等內(nèi)容， 良好的體驗需要在心理與知覺方面達到滿足， 給用戶帶來愉悅感與價值感。在高校門戶網(wǎng)站界面設計工作中，需明確用戶群體的心理需求，提升界面交互設計的適應性、高效性、友好性、滿意性等，不僅需要對界面進行美感的設計，還要重視導航功能與效果，制定完善的信息構架設計方案，豐富高校門戶網(wǎng)站界面的交互設計功能，合理設計系統(tǒng)結構，不僅要關注用戶的心理與行為體驗，還要重視網(wǎng)站與用戶之間的交流情況，使得用戶群體能夠在網(wǎng)站中更好地探索與嘗試，形成良好的設計結構。在此期間，為了能夠更好地滿足用戶網(wǎng)站結構使用習慣，需要在設計期間，合理使用功能、界面、瀏覽系統(tǒng)等定制方式，針對自適應系統(tǒng)進行良好的調(diào)整，提升信息管理水平與信息服務質量[1]。

（二）協(xié)調(diào)深度與廣度的設計關系

在網(wǎng)站信息架構設計的過程中，需針對深度與廣度之間的關系進行平衡。其中，網(wǎng)站界面交互設計深度，主要是界面的級數(shù)，可以將網(wǎng)站的首頁比作成為樹形，樹干屬于二級、三級與四級界面。對于網(wǎng)站廣度設計而言，可以將首頁設計作為基礎，明確各個界面的數(shù)量。如果網(wǎng)站界面設計深度過高，就會在點擊期間出現(xiàn)需求界面的現(xiàn)象，會浪費用戶的時間，且信息數(shù)據(jù)獲取便利性較低。如果網(wǎng)站界面的廣度過大，就會出現(xiàn)雜亂無章的問題，不能為用戶群體提供良好的體驗。因此，在實際設計期間，需針對網(wǎng)站界面的廣度與深度進行全面的協(xié)調(diào)，做好匹配信息的設置工作，提升信息獲取的便利性與可靠性，提高信息服務效率[2]。

（三）容錯設計措施

高校門戶網(wǎng)站設計者在容錯設計工作中，需針對網(wǎng)絡系統(tǒng)進行全面的了解與分析，將網(wǎng)站結構劃分成為三個層次，明確專家用戶的實際錯誤情況，并創(chuàng)建容錯系統(tǒng)。首先， 可以允許用戶出現(xiàn)錯誤操作的現(xiàn)象， 利用文化常識限制性的設計措施對用戶進行引導，避免出現(xiàn)操作錯誤的現(xiàn)象。其次，在實際設計的過程中，需做好防范錯誤工作，制定完善的應急管理方案，并針對用戶的操作進行確認，一旦出現(xiàn)錯誤行為，就要終止系統(tǒng)運行。為了更好的提供服務，在容錯系統(tǒng)設計的過程中，還要為用戶群體提供正確操作步驟的指示，在一定程度上，能夠提升操作的正確性[3]。

（四）科學設計適時幫助系統(tǒng)

在高校門戶網(wǎng)站界面交互設計工作中，需做好適時幫助系統(tǒng)的設計工作，制定完善的設計方案，加大管理力度，滿足當前的發(fā)展需求。在設計工作中，可為用戶群體提供參考手冊與網(wǎng)站的使用指南，并解答疑難問題，通過系統(tǒng)的建設，創(chuàng)建幫助系統(tǒng)，以便于在操作錯誤的時候幫助用戶改正行為[4]。

在高校門戶網(wǎng)站界面交互設計工作中，設計人員需制定完善的設計管理方案，明確各方面的設計要求與原則，形成良好的設計體系，提升門戶網(wǎng)站的設計水平，更好地滿足學校師生的需求，使門戶網(wǎng)站在校園信息化建設中發(fā)揮更大的作用。

參考文獻：

[1]王聰.高校門戶網(wǎng)站界面交互設計研究[J].電大理工，2016（3）：72-74.

[2]楊樹真.Web2.0模式下高校門戶網(wǎng)站的UI設計探究——以“云南師范大學”校園門戶網(wǎng)站為例[J].科教導刊-電子版（下旬）。2015（8）：140.

[3]陳嘉勇，嚴潮斌，周婕，等.高校圖書館信息化管理研究——以圖書館門戶網(wǎng)站改版為視角[J].圖書館建設，2015（3）：67-70，76.

[4]韋金鳳.基于分級授權定制的院系門戶網(wǎng)站設計與開發(fā)[D].華中師范大學，2016.

作者簡介：唐甜（1988-），女，湖南長沙人，空軍軍醫(yī)大學網(wǎng)絡中心，助理工程師，研究方向：信息資源開發(fā)與管理；尚子田（1985-），女，陜西吳堡人，空軍軍醫(yī)大學網(wǎng)絡中心，助理工程師，研究方向：教學信息化系統(tǒng)管理。