王聰

西北工業(yè)大學(xué)（西安　710000）

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

王聰

西北工業(yè)大學(xué)（西安710000）

信息時(shí)代里的高校發(fā)展必須加大信息化的建設(shè)，高校門戶網(wǎng)站作為外界了解高校教學(xué)、科研、文化、服務(wù)等多方面內(nèi)容的核心“窗口”，對(duì)提高高校的整體形象具有積極的作用。隨著信息化建設(shè)水平的不斷提高，以往的高校門戶網(wǎng)站界面設(shè)計(jì)已不能充分體現(xiàn)高校的特色和各項(xiàng)信息服務(wù)，交互式設(shè)計(jì)應(yīng)運(yùn)而生?；诮换ナ皆O(shè)計(jì)的高校門戶網(wǎng)站界面設(shè)計(jì)優(yōu)化了界面結(jié)構(gòu)，提高了信息服務(wù)的效率和質(zhì)量，進(jìn)一步促進(jìn)了高校與社會(huì)各界間的交流與合作。本文具體分析了高校門戶網(wǎng)站界面交互設(shè)計(jì)，以供參考和借鑒。

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

新媒體時(shí)代里的高校發(fā)展，需要以高校門戶網(wǎng)站為載體，將高校的工作狀態(tài)、形象等諸多方面及時(shí)的對(duì)外發(fā)布，以增強(qiáng)學(xué)校的影響力，強(qiáng)化高校與外界的交流合作。網(wǎng)絡(luò)信息傳播速度較快、互動(dòng)性較強(qiáng)，使得高校門戶網(wǎng)站界面設(shè)計(jì)中存在的布局單一、友好性較差、用戶體驗(yàn)與交互設(shè)計(jì)感不強(qiáng)等問題日益突出。為了使門戶網(wǎng)站的重要作用得到切實(shí)的發(fā)揮，需要采用交互式設(shè)計(jì)理念來完善門戶網(wǎng)站界面的設(shè)計(jì)。交互式設(shè)計(jì)的主體思想就是以用戶為中心，以新的視角體現(xiàn)了設(shè)計(jì)的本質(zhì)，進(jìn)而得到了設(shè)計(jì)理論界與實(shí)踐界的高度關(guān)注?；诮换ナ皆O(shè)計(jì)理念的門戶網(wǎng)站體現(xiàn)出了體驗(yàn)感以及平等、對(duì)話、交流平臺(tái)，平衡了設(shè)計(jì)的深度、廣度以及良好的容錯(cuò)性與適時(shí)等內(nèi)容，提高了校園網(wǎng)站的建設(shè)水平，增強(qiáng)了校園網(wǎng)站的服務(wù)能力。

1　交互式設(shè)計(jì)理念的簡單介紹

交互設(shè)計(jì)技術(shù)反映在人們的思維層面就是交互設(shè)計(jì)理念，其革新了技術(shù)、生活與思維方式，轉(zhuǎn)變了人在設(shè)計(jì)中的被動(dòng)局面，增強(qiáng)了使用者與設(shè)計(jì)師及產(chǎn)品間的交流。

整個(gè)設(shè)計(jì)環(huán)節(jié)體現(xiàn)的是一個(gè)完整的工作流程，包括分析、預(yù)測(cè)、定義、規(guī)劃、描述、探索等內(nèi)容，徹底改變了人與設(shè)計(jì)產(chǎn)品之間的冷漠關(guān)系交互式設(shè)計(jì)倡導(dǎo)的是體驗(yàn)、溝通交流的思維方式，以用戶為中心，將用戶任務(wù)作為目標(biāo)導(dǎo)向進(jìn)行設(shè)計(jì)；以體驗(yàn)為設(shè)計(jì)觀念，重視內(nèi)涵設(shè)計(jì)，拓展了設(shè)計(jì)對(duì)象，將人文關(guān)懷融入其中，探索設(shè)計(jì)產(chǎn)品、人與相關(guān)物質(zhì)、文化之間的交流。交互式設(shè)計(jì)涉及到的學(xué)科范圍廣泛，包含了管理學(xué)、心理學(xué)、圖像學(xué)、教育學(xué)、互聯(lián)網(wǎng)等，在人文、社會(huì)、經(jīng)濟(jì)等領(lǐng)域得到了廣泛的應(yīng)用。

2　基于交互設(shè)計(jì)的高校網(wǎng)站設(shè)計(jì)流程

認(rèn)識(shí)用戶群體、提取交互設(shè)計(jì)元素、確定網(wǎng)站風(fēng)格、版面設(shè)計(jì)、網(wǎng)站功能分區(qū)等是交互式校園門戶網(wǎng)站界面設(shè)計(jì)的主要步驟（詳見圖1）。

（1）認(rèn)識(shí)用戶群體

各個(gè)用戶操作界面的體驗(yàn)與交互設(shè)計(jì)感是存在差異且具有主觀性的，但高校門戶網(wǎng)站的用戶群體相對(duì)穩(wěn)定，可以實(shí)現(xiàn)認(rèn)識(shí)用戶群體并挖掘其共性，共性的挖掘源于用戶對(duì)不同設(shè)計(jì)元素的滿意度調(diào)查。師生、家長以及相關(guān)教育組織機(jī)構(gòu)等是高校門戶網(wǎng)站的主要用戶群體，據(jù)調(diào)查數(shù)據(jù)顯示，其共性需求主要有完善界面?zhèn)鞑C(jī)制和信息傳達(dá)的有效性，使學(xué)校的信息或與自己相關(guān)的信息，可以通過更加快捷、簡便的方式來獲取。

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

網(wǎng)頁整體版面的主題思想就體現(xiàn)在設(shè)計(jì)元素中，線、形、色彩、紋理及空間安排等是網(wǎng)頁設(shè)計(jì)中的主要組成部分，體現(xiàn)在高校門戶網(wǎng)站界面設(shè)計(jì)中指的就是學(xué)校LOGO、各種圖片與文字信息、功能分布區(qū)符、色調(diào)等。交互設(shè)計(jì)元素的確定可以通過問卷調(diào)查的形式，明確元素的選取范圍，如字體、圖形大小等，進(jìn)而將共性元素提取出來。

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

所謂的主題風(fēng)格就是網(wǎng)站上能夠直觀表現(xiàn)高校各項(xiàng)內(nèi)容的代表性視覺印象，也可以是說就是網(wǎng)站的整體外在形象，可以為用戶提供最直觀的視覺體驗(yàn)。學(xué)校的歷史、辦學(xué)及專業(yè)特色等綜合信息是校園門戶網(wǎng)站界面最基本的主題風(fēng)格內(nèi)容，再將這些特色結(jié)合用戶滿意的設(shè)計(jì)元素，確定最理想狀態(tài)化的風(fēng)格。

（4）版面設(shè)計(jì)

交互式設(shè)計(jì)的版面特點(diǎn)在于交互性較好的界面設(shè)計(jì)，可以為用戶群體提供多種方案，確保用戶能夠及時(shí)有效的得到與自己相關(guān)的校園重要信息。比如說，師生及家長用戶，學(xué)校概況、最新公告及校內(nèi)新聞等最有價(jià)值的學(xué)校信息是此類用戶關(guān)注的內(nèi)容，就應(yīng)以較為醒目的方式置頂；像登錄系統(tǒng)等次要的信息與功能就應(yīng)設(shè)置在次要的位置，以此類推。

（5）信息功能分區(qū)

信息的雙向傳遞是交互式網(wǎng)站界面設(shè)計(jì)的主要方式，所以必須確保信息功能分區(qū)的完善，明確呈現(xiàn)各項(xiàng)信息。交互式設(shè)計(jì)校園門戶網(wǎng)站的信息功能分區(qū)是在版面設(shè)計(jì)的基礎(chǔ)上將用戶興趣點(diǎn)深度開發(fā)，采用欄目或板塊的形式呈現(xiàn)給用戶，通過快速篩選獲取有用信息。基于交互式設(shè)計(jì)的高校門戶網(wǎng)站應(yīng)根據(jù)用戶需求的調(diào)查結(jié)果來進(jìn)一步設(shè)置并調(diào)整優(yōu)化受訪版面分區(qū)，比如說增設(shè)“優(yōu)勢(shì)學(xué)科”等內(nèi)容，形成統(tǒng)一、快速瀏覽機(jī)制。

圖1　設(shè)計(jì)流程示意圖

3　基于交互式設(shè)計(jì)思想的校園門戶網(wǎng)站設(shè)計(jì)

3.1體驗(yàn)感與創(chuàng)建平等、對(duì)話、交流的平臺(tái)設(shè)計(jì)理念

（1）體驗(yàn)感的設(shè)計(jì)

現(xiàn)如今，人們的思想觀念逐步多元化，使得“體驗(yàn)”逐步成為當(dāng)下時(shí)代里一種常態(tài)化的生活方式。體驗(yàn)的基本內(nèi)涵已在創(chuàng)新、適應(yīng)陌生性的基礎(chǔ)上成為一種知覺和心理的滿足，進(jìn)一步落實(shí)為一種對(duì)新的事物、服務(wù)或觀念的實(shí)際行為和過程。用戶是發(fā)生體驗(yàn)行為的主體，而產(chǎn)品，這里指的是網(wǎng)站是發(fā)生體驗(yàn)行為的客體，用戶的心理預(yù)設(shè)、探索求新及其他心理，通過使用網(wǎng)站呈現(xiàn)出來從心理到行為的復(fù)雜活動(dòng)就是我們所說的體驗(yàn)。

在校園門戶網(wǎng)站界面設(shè)計(jì)中，適用是對(duì)用戶心理訴求的滿足，比如合適、高效、友好、滿意等，這種滿足除了界面美感設(shè)計(jì)，還體現(xiàn)在是否具有方便的導(dǎo)航策略，是否設(shè)計(jì)了合理的信息架構(gòu)，是否能實(shí)現(xiàn)豐富的功能，以及用戶需求的滿意度等方面。體驗(yàn)感在校園門戶網(wǎng)站界面中的設(shè)計(jì)，除了用戶對(duì)網(wǎng)站的心理和行為的體驗(yàn)，還包括網(wǎng)站與用戶的交流，即用戶通過網(wǎng)站進(jìn)行探索和嘗試，在此過程中合理維持自然匹配和預(yù)設(shè)用途的心理比例。為了有效滿足用戶的使用習(xí)慣，設(shè)計(jì)時(shí)應(yīng)運(yùn)用功能定制、界面定制、瀏覽記憶、服務(wù)定制等主動(dòng)自適應(yīng)調(diào)整策略并適時(shí)提供有效的幫助信息。

（2）創(chuàng)建平等、對(duì)話、交流的平臺(tái)設(shè)計(jì)

基于交互式設(shè)計(jì)的校園門戶網(wǎng)站界面應(yīng)設(shè)置適度的對(duì)話交流版塊，承載交互功能的實(shí)現(xiàn)，此版塊也是實(shí)現(xiàn)網(wǎng)站與用戶平等、友好以及交流關(guān)系的重要媒介，更是用戶進(jìn)行情感宣泄和發(fā)揮不滿情緒的重要渠道。從社區(qū)、評(píng)論等網(wǎng)站中的獨(dú)立版塊，到博客、微博、輕博、論壇等新興網(wǎng)站類型的對(duì)話交流版塊的設(shè)置上，足以說明各類網(wǎng)站高度重視與客戶間良好的對(duì)話交流。高校門戶網(wǎng)站界面設(shè)置可以增添“校園俱樂部”和“校園社區(qū)”兩個(gè)獨(dú)立的版塊來獲取用戶對(duì)校園的反饋信息。

3.2平衡深度、廣度，容錯(cuò)性、適時(shí)幫助系統(tǒng)的設(shè)計(jì)理念

（1）深度、廣度的平衡設(shè)計(jì)

樹形結(jié)構(gòu)是網(wǎng)站信息架構(gòu)設(shè)計(jì)的主要形式，網(wǎng)站界面的深度指的是界面的級(jí)數(shù)，將網(wǎng)站首頁比作一棵樹的形態(tài)，樹干就是二級(jí)界面、樹枝就是三級(jí)界面、樹葉就是四級(jí)界面；網(wǎng)站界面的廣度就是網(wǎng)站首頁可達(dá)到的二級(jí)界面的數(shù)量。若網(wǎng)站界面的深度過大，就會(huì)出現(xiàn)經(jīng)多次點(diǎn)擊才會(huì)達(dá)到需求界面的情況，對(duì)于用戶來說費(fèi)時(shí)費(fèi)力，信息獲取不快速、便捷；若網(wǎng)站界面的廣度過大，就會(huì)出現(xiàn)首頁標(biāo)題雜亂無章的現(xiàn)象，降低了互斥性，用戶經(jīng)驗(yàn)中的分類標(biāo)準(zhǔn)與網(wǎng)站界面分類標(biāo)準(zhǔn)沖突，造成用戶盲目瀏覽信息，找不到重點(diǎn)。因此，完善的校園門戶網(wǎng)站界面設(shè)計(jì)，應(yīng)結(jié)合交互式思想平衡好網(wǎng)站界面的深度和廣度。同時(shí)，設(shè)置合理的控制按鈕，匹配信息的顯示，以便快速、準(zhǔn)確、便捷的找到需求信息，提高信息檢索的有效性。此外，合理應(yīng)用TAG技術(shù)在校園門戶網(wǎng)站中設(shè)置有效的信息與服務(wù)搜索工具，有效降低誤差，快速、便捷的找到需求信息。

（2）容錯(cuò)性設(shè)計(jì)

我們根據(jù)用戶對(duì)網(wǎng)絡(luò)的熟悉程度細(xì)分為新手、中間用戶及專家用戶3個(gè)層級(jí)，就算專家用戶在面對(duì)從未接觸過的網(wǎng)站時(shí)也會(huì)出現(xiàn)不同的錯(cuò)誤。所以網(wǎng)站容錯(cuò)性設(shè)計(jì)是重要的一環(huán)，一來允許用戶存在錯(cuò)誤的操作，采用邏輯與文化常識(shí)等方面的限制性設(shè)計(jì)來引導(dǎo)用戶，減少用戶發(fā)生錯(cuò)誤的可能性；二來設(shè)置防止用戶犯錯(cuò)誤的預(yù)警提示和應(yīng)急解決機(jī)制。在用戶對(duì)網(wǎng)站的操作中出現(xiàn)執(zhí)行毀滅性操作時(shí)及時(shí)提醒用戶確認(rèn)；在用戶錯(cuò)誤操作網(wǎng)站時(shí)應(yīng)及時(shí)提醒用戶終止錯(cuò)誤。對(duì)于錯(cuò)誤的操作應(yīng)設(shè)置撤銷操作流程，或者提供糾正的機(jī)會(huì)、方法和正確步驟，而非被迫退出網(wǎng)站或滯留在網(wǎng)站中。

（3）適時(shí)幫助系統(tǒng)的設(shè)計(jì)

幫助系統(tǒng)的完善設(shè)計(jì)是體現(xiàn)一個(gè)網(wǎng)站是否優(yōu)秀的重要參數(shù)，幫助系統(tǒng)設(shè)計(jì)指的是在用戶進(jìn)行網(wǎng)站操作時(shí)遇到無法解決的困難，可以根據(jù)幫助系統(tǒng)的正確指示，按圖索驥來尋求解決途徑。通常幫助系統(tǒng)涵蓋使用指南、參考手冊(cè)、疑難解答、術(shù)語解釋等部分，同時(shí)完善的幫助系統(tǒng)設(shè)計(jì)還要包括錯(cuò)誤操作的修改建議、毀滅性操作的提醒等適時(shí)的預(yù)警機(jī)制；網(wǎng)站助手的功能設(shè)置等，為用戶在不知所措或操作錯(cuò)誤的時(shí)候提供及時(shí)有效的顯性幫助；還應(yīng)包含信息介紹、觀念改變、知識(shí)拓展、快樂體驗(yàn)等各類隱形幫助。高校門戶網(wǎng)站界面交互式設(shè)計(jì)應(yīng)采用“一對(duì)一”的模式，當(dāng)用戶在進(jìn)行校園網(wǎng)站操作時(shí)遇到上述問題，可以當(dāng)場(chǎng)提問網(wǎng)站管理者，獲得即時(shí)反饋，提高了網(wǎng)站的針對(duì)性及工作效率，進(jìn)而更好的為校園的發(fā)展服務(wù)。

4　結(jié)語

綜上所述，基于交互式思想的高校門戶網(wǎng)站界面設(shè)計(jì)能夠極大的提高網(wǎng)站的服務(wù)性能和工作效率，為高校的對(duì)外交流與合作奠定了基礎(chǔ)，強(qiáng)化了校園信息的服務(wù)，能夠更好的服務(wù)于學(xué)校的教學(xué)與科研工作。

［1］于振璽，齊江華.淺談高校門戶網(wǎng)站UI設(shè)計(jì)現(xiàn)狀及新表現(xiàn)［J］.戲劇之家，2014，07：266.

［2］許魯彥.基于交互設(shè)計(jì)的高校門戶網(wǎng)站設(shè)計(jì)［J］.軟件導(dǎo)刊，2014，11：87-89.

［3］肖海鵬.基于用戶體驗(yàn)的高校門戶網(wǎng)站設(shè)計(jì)［J］.硅谷，2011，20：103+95.

［4］閔偉，丁耀.高校門戶網(wǎng)站人性化設(shè)計(jì)的調(diào)查研究——以閩江學(xué)院為例［J］.赤峰學(xué)院學(xué)報(bào)（自然科學(xué)版），2015，09：22-24.

［5］陳卓，杜學(xué)元，卜東東.從高校形象塑造談地方高校門戶網(wǎng)站建設(shè)［J］.成都中醫(yī)藥大學(xué)學(xué)報(bào)（教育科學(xué)版），2012，01：48-50.

［6］孫榮，王菊.高校門戶網(wǎng)站視覺界面色彩運(yùn)用探析［J］.中國教育信息化，2012，19：27-30.

［7］陳祖琴.改進(jìn)高校門戶網(wǎng)站可用性的建議［J］.電子商務(wù)，2013，08：77-78.

（責(zé)任編輯：興安）

P315.69

A

1003-3319（2016）03-00072-03

10.19469/j.cnki.1003-3319.2016.03.0072