高校門戶網(wǎng)站界面交互設(shè)計(jì)研究

唐甜 尚子田

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

【關(guān)鍵詞】高校門戶網(wǎng)站；界面交互設(shè)計(jì)；用戶群體

【中圖分類號(hào)】TP393 【文獻(xiàn)標(biāo)識(shí)碼】A

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

一、交互設(shè)計(jì)的基本概述

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

二、交互設(shè)計(jì)與界面設(shè)計(jì)

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

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

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

（一）認(rèn)知用戶群體

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

（二）確定交互設(shè)計(jì)元素

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

（三）形成主題風(fēng)格

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

（四）制定版面設(shè)計(jì)方案

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

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

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

（一）體驗(yàn)感的設(shè)計(jì)措施分析

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

（二）協(xié)調(diào)深度與廣度的設(shè)計(jì)關(guān)系

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

（三）容錯(cuò)設(shè)計(jì)措施

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

（四）科學(xué)設(shè)計(jì)適時(shí)幫助系統(tǒng)

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

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

參考文獻(xiàn)：

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

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

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

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

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