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

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

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

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

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

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

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

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

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

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

2.頁面信息模塊過多使選擇成為受眾負(fù)擔(dān)

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

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

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

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

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

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

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

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

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

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

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

信息設(shè)計意識的薄弱來自于傳統(tǒng)的平面設(shè)計或者視覺傳達(dá)設(shè)計專業(yè)的自身定位與認(rèn)知，由于視覺傳達(dá)設(shè)計研究的是視覺表達(dá)的問題，是視覺傳達(dá)過程中的各種現(xiàn)象規(guī)律的研究，當(dāng)遇到新的數(shù)字網(wǎng)絡(luò)平臺之后，產(chǎn)生了新的設(shè)計需求，急需對自身認(rèn)知重新定義。網(wǎng)站的設(shè)計，就應(yīng)該恢復(fù)其本身的本質(zhì)設(shè)計定位：有效的傳遞信息，減少受眾在尋找檢索目標(biāo)信息位置、獲取目標(biāo)信息內(nèi)容的過程中遇到的阻礙。設(shè)計的對象本身是一種信息，設(shè)計圍繞的是如何實(shí)現(xiàn)對信息設(shè)的效能傳遞進(jìn)行設(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í)際上依然是設(shè)計專業(yè)的基礎(chǔ)課程所涉及的方法和基礎(chǔ)理論，信息設(shè)計方法和手段的匱乏，也是設(shè)計知識基礎(chǔ)教育方面遇到的困難表現(xiàn)出來的一種現(xiàn)象，即知道基礎(chǔ)設(shè)計知識，但不知道如何運(yùn)用基礎(chǔ)知識進(jìn)行設(shè)計的問題。信息設(shè)計的表現(xiàn)方法和手段實(shí)際上更多的是依據(jù)設(shè)計目標(biāo)所需要的控制和把握，把數(shù)視覺傳達(dá)原理靈活運(yùn)用于信息的視覺化設(shè)計，即視覺傳達(dá)設(shè)計能力是信息設(shè)計順利開展的基本表達(dá)手段。

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

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

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

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

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

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

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

3.“可用性與易用性原則”的交互檢驗(yàn)

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

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

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

注釋：

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

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

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

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

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