基于情境模式的網(wǎng)站信息設(shè)計思維能力培養(yǎng)的教學探索

熊科軍 （湖南文理學院美術(shù)學院 415000）

基于情境模式的網(wǎng)站信息設(shè)計思維能力培養(yǎng)的教學探索

熊科軍 （湖南文理學院美術(shù)學院 415000）

情境模式是指根據(jù)各種不同的情況和環(huán)境分析之后選定的一整套有針對性的應(yīng)答模式，在網(wǎng)頁設(shè)計教學中，擬定一定的情境條件和限制，引導學生對網(wǎng)站的各種信息，按照受眾的一般邏輯認知規(guī)律和習慣，對網(wǎng)站的整體信息進行架構(gòu)和重點設(shè)計，使受眾從網(wǎng)站的眾多信息中更快更有效率的獲取目標信息。

情境模式；信息設(shè)計；思維能力；網(wǎng)頁設(shè)計教學

一、當前網(wǎng)頁設(shè)計課程教學中信息設(shè)計方面存在的問題

1.網(wǎng)站整體信息模塊的架構(gòu)缺乏規(guī)劃

對網(wǎng)站信息進行架構(gòu)設(shè)計，是為受眾在眾多信息中能快速尋找檢索到目標信息的訪問路徑和具體位置。在實際教學中，設(shè)計專業(yè)學生一般注重有很強直觀感受的顏色、層次等視覺效果方面，而對設(shè)計任務(wù)的信息整體缺乏統(tǒng)籌，對頁面的信息業(yè)沒有信息的設(shè)計意識，沒有將網(wǎng)站的信息傳遞效能放在設(shè)計分析的目標之列。在網(wǎng)站整體信息層面，網(wǎng)站本身的信息龐雜，即使簡潔的一站式單頁網(wǎng)站，對信息的設(shè)計也需要有一個合理的排布，以使受眾能更有效率的找到其目標信息，而不是信息的無序?qū)е率鼙娡Ａ粼诰W(wǎng)站某個頁面浪費時間。網(wǎng)站的存在是因為在網(wǎng)絡(luò)的平臺上，信息源主體和受眾群體需要通過雙向的選擇和判斷來實現(xiàn)信息的各取所需，如果信息不能有效率的進行傳遞，網(wǎng)站的功能和存在的意義就可能嚴重受損。

網(wǎng)頁是網(wǎng)站的構(gòu)成部分，網(wǎng)站本身是一個信息集合體，網(wǎng)站的設(shè)計以方便不同受眾尋找和獲取目的信息為目的，對信息進行分類、整理和規(guī)劃是網(wǎng)站設(shè)計中必須整體考慮的環(huán)節(jié)，每一個頁面的信息和網(wǎng)站的每個信息模塊的聯(lián)系以及相似信息列表的提供，都需要在開始制作頁面之前，進行信息的全局架構(gòu)和系統(tǒng)化的頁面安排。

2.頁面信息模塊過多使選擇成為受眾負擔

同一頁面的眾多信息模塊的組織和層次控制趨于無序的平扁化，面對信息模塊較多的頁面，意味著會有相似的信息等候受眾的選擇，如果選擇超過了一定界限，特別是很多選擇都相似的情況下，選擇反而成了負擔1。學生在課程練習中體現(xiàn)出來的做法就是簡單的信息堆砌，或者對數(shù)量較多且不同信息模塊直接排列，信息龐雜而無序，使受眾在尋找信息的過程中只能一步步尋找，信息的分類和信息模塊的組合過于主觀臆斷，信息模塊與信息模塊之間存在的認知邏輯規(guī)律沒有體現(xiàn)出來，同時，對頁面的信息的閱讀容易程度的其他因素的考量也出現(xiàn)不同程度的缺失，比如信息模塊與信息模塊之間的分隔以及模塊內(nèi)部的信息主次區(qū)分處理都存在著問題，全然沒有覺察到信息組織的重要性，信息組織的權(quán)重有平扁化現(xiàn)象。

網(wǎng)站的每一個單獨顯示的頁面都有其重點信息需要被強調(diào)，尤其是網(wǎng)站的首頁導航性質(zhì)的頁面，信息內(nèi)容較多，不同受眾在該類頁面駐足尋找的目標信息各不一樣，如何對網(wǎng)站信息進行分類和排布，直接影響到受眾對目標信息的獲取的有效程度，也是受眾對網(wǎng)頁界面友好度評判的直觀感受。

3.重點信息的展示設(shè)計部分存在粗放式處理的現(xiàn)象

重點信息的展示設(shè)計應(yīng)該立足于怎樣讓受眾發(fā)現(xiàn)目標信息后，更輕松的獲取信息內(nèi)容。設(shè)計信息活動既包括設(shè)計師通過設(shè)計產(chǎn)品向受眾發(fā)送信息，也包括受眾接納信息并反饋的信息2，作為設(shè)計對象的網(wǎng)頁頁面信息，有一些重點信息的藝術(shù)設(shè)計被習慣性的忽略了，處理上存在普遍的粗放式處理，甚至完全無視網(wǎng)站上的重點信息有沒有有效和輕松的被受眾獲取，也沒注意如何讓受眾尋找到這些信息。比如某個流程信息、頁面的主要展示的數(shù)據(jù)信息，都只把文字簡單處理作為設(shè)計的最終效果，嚴重缺乏信息設(shè)計意識，對于需要向受眾細致解析的數(shù)據(jù)、流程說明和知識性信息，應(yīng)該進行深度設(shè)計，使純文本的重點信息以更有效率的視覺傳達方式展示出來。

4.頁面視覺效果出現(xiàn)不同程度的設(shè)計過度

設(shè)計過度在很多領(lǐng)域或多或少的存在，其度的把握有相對性，學生在任務(wù)練習中，對視覺效果的把握缺乏處理經(jīng)驗，對各種視覺元素的運用的控制力度不穩(wěn)定，部分設(shè)計作品過于強調(diào)對“風格”“創(chuàng)意”的視覺表達，影響到了頁面信息的有效傳達，影響到設(shè)計的本質(zhì)目的的實現(xiàn)。

二、信息設(shè)計思維能力缺乏的原因分析

1.設(shè)計專業(yè)的特殊性與藝術(shù)感知教育的影響

傳統(tǒng)的藝術(shù)類專業(yè)把藝術(shù)的感知力培養(yǎng)作為一項重要內(nèi)容貫

穿于藝術(shù)教育中，而設(shè)計專業(yè)本身是多學科的綜合專業(yè)和邊緣學科，涉及的專業(yè)知識比較廣泛，藝術(shù)感知教育只是設(shè)計教育的一部分，因為設(shè)計專業(yè)面向的是人，所有設(shè)計均以人為本體，進行設(shè)計分析和設(shè)計實施，教育方面的爭論實際上就是功能與形式的問題，網(wǎng)站設(shè)計或者網(wǎng)頁設(shè)計，依托的是技術(shù)，面向的是普通受眾人群，在設(shè)計時自然是以技術(shù)的可實現(xiàn)為前提，以受眾的各種感知習慣為參照進行設(shè)計，純粹的藝術(shù)形式感的最求是與設(shè)計的實質(zhì)不符的，功效永遠都是設(shè)計的先決考慮因素，即功能決定形式。在人們的習慣認知中，網(wǎng)頁的設(shè)計等同于美工，實際上網(wǎng)站應(yīng)該作為一個整體進行考慮，所有分工的協(xié)作都應(yīng)按照這個整體布置來實施，按照行業(yè)中的界面設(shè)計流程，信息的架構(gòu)應(yīng)該是先于視覺的設(shè)計進行。

2.信息設(shè)計意識有待加強

信息設(shè)計意識的薄弱來自于傳統(tǒng)的平面設(shè)計或者視覺傳達設(shè)計專業(yè)的自身定位與認知，由于視覺傳達設(shè)計研究的是視覺表達的問題，是視覺傳達過程中的各種現(xiàn)象規(guī)律的研究，當遇到新的數(shù)字網(wǎng)絡(luò)平臺之后，產(chǎn)生了新的設(shè)計需求，急需對自身認知重新定義。網(wǎng)站的設(shè)計，就應(yīng)該恢復其本身的本質(zhì)設(shè)計定位：有效的傳遞信息，減少受眾在尋找檢索目標信息位置、獲取目標信息內(nèi)容的過程中遇到的阻礙。設(shè)計的對象本身是一種信息，設(shè)計圍繞的是如何實現(xiàn)對信息設(shè)的效能傳遞進行設(shè)計。信息設(shè)計意識的培養(yǎng)還沒有系統(tǒng)的融入到設(shè)計專業(yè)中來，而新的信息藝術(shù)設(shè)計專業(yè)卻因此區(qū)別于視覺設(shè)計而誕生，這個應(yīng)該是同一個應(yīng)用領(lǐng)域的不同發(fā)展階段，直接割裂不利于設(shè)計專業(yè)自身的發(fā)展和對專業(yè)自身的思考。

3.信息設(shè)計的方法和表現(xiàn)手段匱乏

信息設(shè)計的方法實際上依然是設(shè)計專業(yè)的基礎(chǔ)課程所涉及的方法和基礎(chǔ)理論，信息設(shè)計方法和手段的匱乏，也是設(shè)計知識基礎(chǔ)教育方面遇到的困難表現(xiàn)出來的一種現(xiàn)象，即知道基礎(chǔ)設(shè)計知識，但不知道如何運用基礎(chǔ)知識進行設(shè)計的問題。信息設(shè)計的表現(xiàn)方法和手段實際上更多的是依據(jù)設(shè)計目標所需要的控制和把握，把數(shù)視覺傳達原理靈活運用于信息的視覺化設(shè)計，即視覺傳達設(shè)計能力是信息設(shè)計順利開展的基本表達手段。

三、基于情境模式的信息設(shè)計的思維能力培養(yǎng)

情境模式最早出現(xiàn)在工業(yè)設(shè)計領(lǐng)域，稱呼為情景模式，是針對工業(yè)產(chǎn)品設(shè)計的可用性提出的一種解決方法，網(wǎng)站設(shè)計本身也是一種產(chǎn)品，也面臨著產(chǎn)品的設(shè)計怎么檢驗的問題，由于設(shè)計的目的具有共同性：以人為本，所以很多工業(yè)設(shè)計領(lǐng)域的成熟的設(shè)計方法和流程是可以引入到網(wǎng)站設(shè)計中進行參照，這些方法基本上是以較為嚴謹?shù)倪壿嬎季S做支撐，去做研究和分析，才會有更接近于實際情況的設(shè)計依據(jù)。

1.具體情境下的信息架構(gòu)分析與組織訓練

在以網(wǎng)站案例進行教學實踐的基礎(chǔ)上，確立情境模式中功能決定形式的基本前提，在具體實施過程中，以目標導向決定具體的設(shè)計過程。案例教學能為師生之間提供同樣的決策信息，使情境的設(shè)定與分析都有著共同的基礎(chǔ)3，在交流過程中，對出現(xiàn)的問題和提出的解決方案，更容易被學生理解和掌握。

信息設(shè)計的基本研究方法按照受眾研究、情境建模、需求定義、信息與功能架構(gòu)、設(shè)計的細化、技術(shù)支持與視覺設(shè)計制作六個環(huán)節(jié)進行4，情境模型的建立需要對受眾做基本的群體研究和分析，在確立情境模型之后，必須依據(jù)情境的條件和受到的限制，去分析信息的設(shè)計。首先，在選定制作的網(wǎng)站主題后，要求學生就網(wǎng)站的受眾群體的可能的行為進行分析和研究；其次，在研究分析的基礎(chǔ)上對典型的受眾進行抽象，進而定義典型的受眾角色，分析角色在訪問網(wǎng)站時會有哪些行為，遇到哪些問題，并要求學生就這些問題，按照習慣的認知思維提出解決方案，所有設(shè)計方案應(yīng)建立在正常的思維邏輯基礎(chǔ)之上，重點在于關(guān)注受眾群體對具體的頁面訪問行為發(fā)生的記錄以及這些記錄數(shù)據(jù)背后的普遍性的思維邏輯，而不是用主觀意識的猜測去替代和想象受眾的信息獲取行為。最后，將擬定的情境下的某種操作過程完整的展示出來，用情境的限制引導學生去思考，重視對信息設(shè)計中邏輯思維的重要作用。

2.情境設(shè)定主導下的信息架構(gòu)思維訓練

網(wǎng)站的各個信息模塊之間有著不同層次的關(guān)聯(lián)邏輯和認知邏輯，受眾在網(wǎng)站信息群中，尋找目標信息依據(jù)的就是信息之間的關(guān)聯(lián)邏輯規(guī)律與認知邏輯規(guī)律。依據(jù)設(shè)定的情境，按照邏輯思維的習慣和各類信息之間的邏輯關(guān)聯(lián)對網(wǎng)站本身的信息內(nèi)容進行全面梳理，指導學生對網(wǎng)站項目中涉及的各種需要在頁面上展示的信息進行歸類，同時，對網(wǎng)站的各個部分的功能根據(jù)情境條件進行分析和策劃，最后對整個網(wǎng)站的信息進行架構(gòu)安排，由學生自己講解網(wǎng)站的信息架構(gòu)的分析和架構(gòu)，以及網(wǎng)站的功能的交互過程安排的方案。

3.“可用性與易用性原則”的交互檢驗

在網(wǎng)站項目進行到設(shè)計細化以及技術(shù)支持或者技術(shù)模擬支持的環(huán)節(jié)之后、視覺效果設(shè)計之前的進程的時候，網(wǎng)站的交互操作基本按照之前的構(gòu)想實現(xiàn)，就可以進入檢驗的環(huán)節(jié)，每個網(wǎng)站設(shè)計任務(wù)的非設(shè)計參與人員參與該項目的檢驗，即按照既定的情境和模擬的典型受眾對網(wǎng)站進行操作，檢驗網(wǎng)站的可用性和易用性，并作出評估，讓學生在這個過程中去體驗設(shè)計的成果，增強自己對網(wǎng)站設(shè)計遇到的各種問題的體驗度，培養(yǎng)學生從受眾的角度去思考怎樣獲取目標信息的工作習慣。

四、情境模式下信息設(shè)計思維能力培養(yǎng)的總結(jié)

設(shè)計專業(yè)是應(yīng)用型專業(yè)，對設(shè)計所涉及的領(lǐng)域不能固定的以原有的專業(yè)框架和習慣認知為前提作繭自縛，設(shè)計教育應(yīng)該以解決問題為標準，圍繞解決問題，能制定出系統(tǒng)的解決方案，能在設(shè)計實踐中具備尋找和發(fā)現(xiàn)實質(zhì)的現(xiàn)實的可執(zhí)行的方法和途徑。情境模式就是基于主動設(shè)定條件，發(fā)現(xiàn)問題，探索方法解決問題的一個過程，這個過程是實際項目中有較高的出現(xiàn)概率，完成這個過程必須有較為細致的思維能力。情景模式主導下的信息設(shè)計思維能力的培養(yǎng)方式，目標明確，即按照人的邏輯思維習慣去安排、區(qū)分和組織網(wǎng)站的信息，使信息模塊分類合理，信息模塊間的聯(lián)系更加明確易尋，減輕受眾檢索和查找目標信息的大腦負荷；同時將由大量文字的信息轉(zhuǎn)為為受眾易于接受的、能在短時間內(nèi)輕松理解的圖文并茂的信息而不覺得枯燥和單調(diào)。

注釋：

1.[英]GilesColborne，李松峰，秦緒文譯著.簡約至上——交互式設(shè)計四策略[M].人民郵電出版社，2012.5：86.

2.孫守遷.設(shè)計信息學[M].北京：機械工業(yè)出版社，2008.7：4-5.

3.張學林，段珊，胡波，王明.案例教學法在網(wǎng)頁設(shè)計與制作教學中的應(yīng)用[J].教育研究，2009（6）：147-148.

4.[美]AlanCooper，RobertReimann，DavidCronin，劉松濤等譯.交互設(shè)計精髓[M].北京：電子工業(yè)出版社，2008.11：12-13.

熊科軍（1982年7月生），男，湖南省常德市人，助教，學士。