郝秀梅 霍雯

〔摘 要〕針對高校網(wǎng)站目前存在的問題，以用戶需求為出發(fā)點，應(yīng)用信息圖形設(shè)計的方法，將高校網(wǎng)站中大量文字、數(shù)據(jù)信息進行篩選、組織及可視化設(shè)計，以滿足用戶高效的信息傳遞和良好的瀏覽體驗的需求。

〔關(guān)鍵詞〕 高校網(wǎng)站界面；信息圖形設(shè)計；信息傳遞；用戶體驗

高校通過互聯(lián)網(wǎng)進行展現(xiàn)的最佳途徑就是高校門戶網(wǎng)站。因為其具有信息傳播的及時性、全面性，從而能夠覆蓋更多的用戶群體，帶來更有效的傳播效應(yīng)。通過對國內(nèi)高校網(wǎng)站的調(diào)查發(fā)現(xiàn)，大部分高校的門戶網(wǎng)站具備基本的信息瀏覽功能，但在信息的組織和傳播效率上缺乏有效的解決途徑。

一、國內(nèi)高校網(wǎng)站界面設(shè)計目前存在的問題

高校網(wǎng)站信息量大，具有豐富的資訊。在瀏覽網(wǎng)站中，用戶將會面臨繁多的信息內(nèi)容。針對目前高校網(wǎng)站設(shè)計所存在的情況，進行網(wǎng)絡(luò)問卷調(diào)查，調(diào)查對象主要是高校教師和學(xué)生。據(jù)調(diào)查結(jié)果統(tǒng)計，目前高校網(wǎng)站存在的問題集中在以下兩個方面：

1.信息雜亂，檢索困難。調(diào)研中發(fā)現(xiàn)多數(shù)高校網(wǎng)站將大量的信息在網(wǎng)頁中進行堆積，缺乏有效的層次以及明確的重點，導(dǎo)致人們無法確定哪些信息是有效有價值信息，這樣必然導(dǎo)致用戶難以做出決定，從而面臨“信息超載”的現(xiàn)象。若出現(xiàn)信息超載是因為圖片內(nèi)容導(dǎo)致的，則認為是“圖像沖擊”。信息超載與圖像沖擊兩者存在著聯(lián)系，并且由此可能引發(fā)“信息焦慮”。也就是人們在接收到信息和數(shù)據(jù)時，不知道如何進行分析和處理。所以信息結(jié)構(gòu)、信息組成、信息數(shù)量都將會作用于人們在信息搜索上的注意力以及動力。

2.網(wǎng)站導(dǎo)視信息不清晰，分區(qū)不明確。這種問題出現(xiàn)在許多高校的網(wǎng)站設(shè)計中，很大部分原因是對于用戶設(shè)計的意愿不明確，沒有進行用戶信息的深度挖掘，且在設(shè)計過程中不遵循設(shè)計流程，隨意性強。導(dǎo)致用戶查詢信息困難，瀏覽體驗不暢等問題。

二、信息圖形設(shè)計的特征

通過信息圖形化，使得數(shù)據(jù)變得更為容易理解，更加直觀清晰，并且信息圖形化使得信息更具有針對性和條理性。在信息設(shè)計之下，即便是枯燥以及專業(yè)性強的信息也會變得更為輕松。采用圖形方式對用戶進行引導(dǎo)，讓信息圖形化設(shè)計很好地消除語言文字在描述上存在的生硬、抽象問題，這樣的設(shè)計以用戶為中心，體現(xiàn)的是后現(xiàn)代設(shè)計理念，擁有較強的人文氣息。

1、傳播性

使信息得到有效準確的傳播是信息圖形設(shè)計的最終目的，而信息是在多種多樣的數(shù)據(jù)、信息元素之下構(gòu)成，看似不存在規(guī)律，較為混亂分散，但是設(shè)計者便是要在這看似雜亂無章的元素和信息之間從整體上進行把握，理清規(guī)律，這樣才能將信息以最迅速、準確的形式提煉出來，從而轉(zhuǎn)換為圖形，這樣一來，對信息的充分了解和研究就顯得尤為重要。

2、有效性

圖形是具象化的語言，在網(wǎng)站界面設(shè)計中信息圖形化的有效性也可以很好地得到利用，圖形將繁瑣的信息轉(zhuǎn)換成最簡單明了的視覺化語言表達出來，在受眾與信息之間搭建一座暢通的橋梁，用最直觀的手法說明最重要的問題。將需要在界面上傳達的所有信息都進行圖形化的處理，既可以達到簡化界面的效果，又能夠通過圖形化的設(shè)計讓人們通過最簡單明確的信息一目了然地明確自己的目的所在。

3、交互性

信息圖形設(shè)計是服務(wù)于人的設(shè)計，設(shè)計者在進行信息圖形設(shè)計時要著重注意設(shè)計過程中受眾瀏覽體驗的需要。當信息圖形設(shè)計得簡潔、明確、美觀的時候，就能夠帶給人輕松愉悅的感受，而這種信息閱讀的暢通感便會提升網(wǎng)站用戶使用的好感度，因此，信息圖形的交互性設(shè)計尤為重要。

三、高校網(wǎng)站界面中信息圖形設(shè)計的應(yīng)用

在用戶體驗、視覺體驗、易用性以及可操作性中，力求能夠找到網(wǎng)頁界面設(shè)計的平衡點，這是目前視覺設(shè)計師需要關(guān)注的重要問題。網(wǎng)頁界面設(shè)計以用戶為中心，是現(xiàn)代設(shè)計思維的核心，高校網(wǎng)頁界面設(shè)計也不例外。如何能使高校網(wǎng)站界面設(shè)計滿足用戶需求，下面將應(yīng)用信息圖形設(shè)計的方法，從信息篩選、圖形化生成、界面排版三個方面展開分析。

1、信息篩選

高校網(wǎng)站的用戶通常分兩大類：一類是學(xué)生、教師、研究學(xué)者等。他們了解信息的目的在于收集信息并且分析信息。所以更加期望能夠獲得的信息是準確的、清晰的，也期望獲得的信息在表現(xiàn)上存在著一定的聯(lián)系和趨勢。他們傾向于選擇最方便的，這一類受眾希望看到專業(yè)、詳細的信息表述。上海外國語學(xué)院的網(wǎng)站上進行了清晰的導(dǎo)航設(shè)置。如：教育教學(xué)、學(xué)術(shù)研究板塊主要針對學(xué)生、教師、研究學(xué)者提供教學(xué)、研究信息資源；另一類高校網(wǎng)站的用戶是同類院校、用工企業(yè)、學(xué)生家長等。香港中文大學(xué)（深圳）的門戶網(wǎng)站針對線上校園開放日，開展一系列活動，在網(wǎng)站主頁設(shè)置活動預(yù)告欄目。分板塊對學(xué)校的文化理念、科學(xué)研究、辦學(xué)特色等進行全方位的介紹和宣傳，使校外用戶通過學(xué)校網(wǎng)頁瀏覽，快速了解學(xué)校活動信息。

2、圖形化生成

在信息快速發(fā)展的今天，各種繁雜的信息充斥著我們的生活，越來越多的人已經(jīng)耐不住性子去看一段段枯燥的文字和大量抽象的數(shù)據(jù)，他們需要的是信息的提煉，信息圖形設(shè)計也就孕育而生。

2.1文字信息圖形化

大多時候，我們理解的文字是獨立于圖形的視覺元素。不過事實上，信息圖形化表現(xiàn)之中，文字不只是展現(xiàn)其語義功能，同時也成為圖形的一個重要元素。通常文字擁有兩層表現(xiàn)：其一，文字本身含義，當用戶看到文字之后，會在頭腦中立刻反應(yīng)出文字含義；其二，文字字型，在文字縮小的時候，屬于點的表現(xiàn)，而當其放大之后會具有獨特字型。當成篇文字展現(xiàn)給人們的時候，即產(chǎn)生了"面"的效果。所以在文字設(shè)計上，需要結(jié)合文字含義將文字形象視覺化處理，這樣能夠使抽象的文字表現(xiàn)得更為生動，更有利于信息傳遞。

2.2數(shù)據(jù)可視化

在高校網(wǎng)站界面設(shè)計中將數(shù)據(jù)信息進行可視化設(shè)計，能使用戶獲得直觀、形象的瀏覽結(jié)果。像高校的招生區(qū)域、專業(yè)設(shè)置、師生數(shù)量、就業(yè)數(shù)量等校外用戶比較關(guān)注的數(shù)據(jù)信息，通過可視化設(shè)計，能夠有效提高信息傳遞的速度和準確性。清華大學(xué)網(wǎng)站中的數(shù)據(jù)清華板塊用圖形進行分類搭配較大字號的阿拉伯數(shù)字對學(xué)?；A(chǔ)設(shè)施、教學(xué)機構(gòu)設(shè)置、科研項目、教學(xué)資源等數(shù)據(jù)信息進行可視化設(shè)計，并在網(wǎng)站主頁進行動態(tài)展示。用戶從這些直觀的視覺化信息中快速了解學(xué)校的核心數(shù)據(jù)，對學(xué)校的優(yōu)勢和特色有了充分的了解。

在高校網(wǎng)站界面設(shè)計中從大量的信息中提出重點，通過歸納整理，用圖形來詮釋文字，用形象化視覺語言來傳達信息。使信息量較大的文字、數(shù)據(jù)信息轉(zhuǎn)換為可視化的圖形信息來進行高速有效的傳播。

3、界面編排

高校網(wǎng)站屬性不同、網(wǎng)頁展示內(nèi)容有著許多的劃分，在進行網(wǎng)頁設(shè)計時需要對信息進行合理的組織，以滿足高校網(wǎng)站用戶所需求的高效的信息傳遞和良好的瀏覽體驗。因此在進行高校網(wǎng)站界面編排時要注意如下幾個方面：

3.1設(shè)計風(fēng)格簡約統(tǒng)一

設(shè)計風(fēng)格不統(tǒng)一會產(chǎn)生界面混亂的結(jié)果，且會降低用戶找尋信息的速度，而風(fēng)格簡約則是降低信息堆積的最有效手段，只有簡約化且統(tǒng)一的界面編排，才能促進信息的傳達效率。

3.2營造良好的瀏覽體驗

根據(jù)高校網(wǎng)站用戶的需求，對網(wǎng)站界面的信息加以分類，在高校主頁進行合理的導(dǎo)航欄目設(shè)計，用戶在搜索所需信息時快速有效；在網(wǎng)頁設(shè)計中通過合理的排版設(shè)計，引導(dǎo)瀏覽節(jié)奏，使信息變得富有層次，以滿足用戶追求視覺變化的需求，從而使用戶獲得輕松愉悅的瀏覽體驗。

在高校網(wǎng)站信息傳遞和表達上，需要充分重視設(shè)計的準確性、合理性。在組織和提煉的基礎(chǔ)上，讓設(shè)計為用戶提供有效信息入口。實際上，優(yōu)秀設(shè)計具有經(jīng)濟性，能夠?qū)崿F(xiàn)和信息之間的完美搭配，還能夠增強視覺藝術(shù)效果，同時很好地開展信息的傳播和推廣，從而讓用戶可以快速地瀏覽網(wǎng)站信息。作為設(shè)計師，在文字、圖片以及顏色的運用上，都將會作用于用戶對網(wǎng)站的關(guān)注度。

結(jié)？語

隨著互聯(lián)網(wǎng)技術(shù)的高速發(fā)展，信息數(shù)據(jù)的沖擊飛速且猛烈，現(xiàn)代人每天面臨著外來信息的壓力，信息圖形化這種信息傳遞的方式便應(yīng)運而生。對圖形的認知可以說是人類最原始的能力，作為人類與生俱來的“語言表達”形式，信息圖形化有著明顯的優(yōu)勢。

參考文獻：

[1]廖 曄.網(wǎng)頁界面設(shè)計及其學(xué)科相關(guān)性研究[D].湖南：湖南師范大學(xué)，2006.

[2]簡.維索基.歐格雷迪+肯. 維索基.歐格雷迪.信息設(shè)計[M].江蘇：譯林出版社，2009.

[3]孫皓瓊.圖形對話一什么是信息設(shè)計[D].北京：清華大學(xué)出版社，2011.

基金項目：本文為 2016 年太原工業(yè)學(xué)院大學(xué)文化研究項目 （項目號：2016RWZX03） 成果之一；2017年太原工業(yè)學(xué)院學(xué)術(shù)帶頭人支持計劃資助階段成果。