網頁課程教學中思維能力培養的情境模型構建

熊科軍　鄭寧　黃琴

摘 要 網頁設計教學中，模擬設計作品的使用情境，是為更直觀地尋找出更符合用戶使用情形的設計方案，從信息傳遞效能的角度，構建基于信息設計思維能力培養的情境模型，目的在于培養學生信息設計思維能力，注重研究方法的運用。

關鍵詞 信息設計；情境模型；網頁設計

中圖分類號：G642.4 文獻標識碼：B

文章編號：1671-489X（2015）10-0079-03

Construction of Situation Model Cultivation of Thinking Ability in Teaching of Course//XIONG Kejun， ZHENG Ning， HUANG Qin

Abstract In the web design teaching， simulation design works using

context， for finding out the better design scheme intuitively who meet the requirements of using case. Transfer efficiency from the angle of information， the construction of situation model design based on the cultivation of information ability of thinking， aims to cultivate the students information design thinking ability， pay attention to the application of research methods.

Key words information design； scenario model； web design

1 思維能力的培養在網頁設計課程中的重要性

基于網站信息架構需要的抽象邏輯思維能力 網站本身是一個信息聚合體，信息架構就是針對網站信息繁多進行的一種對信息體的綜合設計和整合處理的方法。網站信息構建活動的對象和產物就是網站的信息空間結構，即網站的信息架構，網站信息架構的核心是組織系統、標識系統、導航系統和搜索系統[1]。

信息架構設計是需要分析技能和創造技能的問題解決活動，信息架構以用戶為中心作為其設計原則，致力于提高信息環境的可用性[2]。網站信息架構設計的產生，本身是市場的需求促進下產生的專門設計，由于網站以及整個網絡的信息量巨大，需要信息架構的設計，將相對于不同用戶的不同需求而言的各種信息進行整理，即使是同一個網站，也有相對于部分用戶不需要的信息存在。因此，必須有一種方法去設計和管理網站的信息，便于用戶尋找網站上的信息，而建立這種管理網站信息的研究，必須有人類認知行為的共同邏輯思維為基礎。

基于頁面信息視覺形式創意需要的具體形象思維能力 網頁的頁面信息表達的設計，即網頁上的視覺信息藝術設計，將頁面上的主要信息內容運用具象思維方式設計，進行有助于用戶視覺方面容易理解的表現層次的改造，這也是對信息的一種深度設計。人對視覺形式效應的感知，分為以悅目為特征的視覺生理上的本能反應、以生活體驗和視覺經驗為具體內容的關于形式在視覺心理上的綜合反應、形式的社會化影響三個層面[3]，基本的信息單位的表現均是借助圖文形式進行表達。同理，這三個層次的形式感知的劃分對信息表達的設計方法有著重要的借鑒價值。

對于視覺信息藝術設計的展開，設計師需要具備三個基本條件。

其一，對文字信息體的內容信息有著先于用戶的充分閱讀，對文字信息體陳述的內容充分理解，根據易讀性原則在設計上引導用戶閱讀。

其二，信息圖形化是人類信息傳遞的本源[4]。對表達信息內容的手法要有積累，同樣的信息內容，圖解信息比大段的文字更容易被用戶接受和理解，即文字信息圖形化，更易于用戶對網頁信息的獲取效用。

其三，對信息的設計中，對于信息內部關聯關系的信息等信息內容的深度部分，必須在信息的設計中體現出來。如何以信息藝術設計的視角和方法表現在頁面上，設計者對信息的內在關聯的理解程度，很大程度上影響到了發掘信息體內在聯系的深度，以及將信息內部關聯關系的信息呈現在用戶或者讀者面前的準確性。

網頁信息的創意性表達如網頁中文字信息涉及某些流程的描述，交由設計者以更高的傳遞效能的方式去設計，會節省更多的用戶時間成本，也是藝術設計向前發展的一個新領域。

2 網頁設計課程教學中信息設計的思維能力培養與其他專業課的關聯

前置課程中的基礎思維訓練準備 以傳統的三大構成為代表的設計學的基礎課程，組成對學生藝術感知力培養的基礎預備課程，這種課程極大開拓了學生的具體形象思維的視野。構成課最大的特點是將視覺原色歸納成抽象的視覺符號，通過研究彼此之間的相互關系，探討視覺審美原則[5]。隨著社會技術的進步，藝術設計的工作平臺呈現多元化發展，三大構成已經不能滿足網頁設計的專業設計需求，已經出現以運動形式存在的運動構成、明顯異于以往紙質設計藝術的光影構成和以交互行為為主體的行為構成，被提出并有意識地運用于網頁設計之中。

創造性思維訓練相關的基礎課程準備 圖形創意類課程包括圖形創意、裝飾繪畫等，都是圖形形式創意與圖形信息表達方式的設計為主，與之前的構成課在知識內容方面也有著緊密的承接關系。圖形創意課程教學用以開發想象力，培養設計觀念，創造多元的設計思維方式與方法[6]。具體的思維方式訓練分為逆向聯想、發散聯想、聚合聯想等，為網頁內容信息的圖形視覺化設計奠定了基礎。

3 基于信息設計思維能力訓練需求的情境模型的構建

信息設計思維能力訓練的情境模型的構建分為角色模型構建、故事情境模型構建、問題情境模型構建、問題解決方案模型構建四部分。通過模型的構建，讓學生在解決設計問題的過程中意識到在模型整體構建過程中邏輯的一般規律的重要性，信息的整體構建必須以此為依托展開架構，方可被用戶從邏輯認知層面所理解和接受。

創建基于目標用戶群的網站訪問的角色模型

1）目標用戶群的調查對情境模型構建的重要性。在產品設計中，目標用戶即為使用產品的用戶，在網頁設計中，即為對網站有信息需求的訪問者。劃分用戶群是理解用戶需求的一個重要步驟。在設計初期對產品用戶進行準確的劃分，根據不同的用戶群體的需求分析，從而準確獲知用戶需求以及產品定位，更好地幫助開發者理解用戶需求[7]。在教學過程中可以安排學生先設計用戶需求的調查問卷、用戶訪談等形式，完成對用戶需求的分析，然后相互交叉完成調查問卷。作為課程的練習階段，結合藝術學本科教學實際情況，在可控制的課時安排前提下，有必要保證學生一定的實踐整體參與度和課時保障，才不至于讓教學流于形式。

2）基于案例項目的網站設計定位對典型用戶的描述。以授課選定的案例項目為藍本，開展目標用戶群的調查結果分析，確定目標用戶群的基本特征，并提煉出一個有代表性的典型用戶角色，用來確定情境模型，直接承擔展示網站信息的瀏覽和使用過程的敘事性功能。

創建基于用戶需求的故事情境模型 根據用戶需求分析的結果，明確用戶的需求狀態，根據用戶的需求狀態創建一個關于用戶訪問網站、使用網站功能的模擬情節。基于需求的故事情境需要描述三個方面內容：第一，描述用戶因為何種需求訪問網站；第二，描述用戶在何種環境何種狀態下實施訪問網站的行為；第三，用戶訪問網站時最關注何種信息。

創建用戶訪問網站時的問題模型與問題解決模型 在網絡業已普及的今天，用戶在訪問網站面對各種問題時，絕大部分用戶必定已具備一定的操作技能和訪問經驗。用戶在訪問一個陌生網站時，經常借助自身已有經驗中與之相似的經驗部分為基礎去推理這個陌生網站的操作，這種基于經驗的推理方式有助于用戶的學習和積累，也為網頁設計課程教學中關于分析用戶如何做問題推理提供了分析依據。目標用戶訪問網站，最關切的是關于目標信息滿足其需求的程度，目標信息的位置搜尋以及相關交互操作的展開成為用戶尋找目標信息的核心行為。同時，搜尋過程與交互操作過程也成為問題產生源地，如何引導用戶快速尋找到自己所需要的目標信息以及相關過程，成為問題模型的主要構成部分。

以目標用戶群體為藍本創建的典型用戶角色，為用戶操作網站時進行問題推理和解決所遇到問題的方案，提供了明確而具體的設計思路。問題解決模型以典型用戶角色為分析對象，結合網站的設計定位，按照一定的情境條件去開展設計，是解決用戶模式下網站設計的常見的求解方式之一。某種程度上可以將典型用戶尋找問題解決方案的過程看做一種基于已有案例實踐的經驗事例，所以在教學過程中將問題推理過程與問題解決方案的陳述部分，結合已有具體案例的分析，指導學生進行該環節的任務練習，更容易被學生理解。

4 基于情境模型的課程作業設計方案描述

模型構建的目標是訓練學生在課程設計練習中有意識地運用思維為作品中信息的設計和表達服務，所以在課程作業完成后，建議以角色模型構建、故事情境模型構建、問題情境模型構建、問題解決模型構建四個部分對設計作品展開課堂陳述，讓學生以設計者的角度自我闡述作品的設計過程，也能更好地發現學生在設計過程中的想法與實踐之間的差異產生的原因。

目標信息的分析和設計實施過程描述 目標信息即用戶對網站的需求對象，但因為網站本身信息的多面化，不能只滿足單一的用戶目標需求，在用戶訪問過程中需要對用戶的訪問行為進行引導，引導的過程需要分析和設計來實現其功能的可用性與易用性，所以在學生的設計方案描述中必須予以體現。網頁設計每一個細節都有可能影響到用戶的最終使用結果，在引導學生對目標信息進行分析和設計時，很多設計細節與情境模型的構建過程沒有明顯的直接關聯，即不存在于構建本身的特殊性范疇中，但存在于設計的一般性現象中，在設計方案描述的課程作業中不能忽略對細節的描述。

用戶訪問網站過程的描述 用戶訪問網站的過程，按照網站訪問情形→發現問題→解決問題的順序對用戶訪問網站時的三個階段進行描述。可以建議學生在闡述網站設計方案時，以典型用戶角色對網站的訪問為貫穿主線，在課堂講解任務中描述用戶對網站設計作品的訪問過程，更容易把各種設計分析聯系起來，以便于學生做課堂作業的陳述。

5 結語

在網頁課程中，設計教學的首要任務并不是解決用戶對視覺的需求問題，而是解決網站信息架構的合理性，進而解決用戶對目標信息的需求引導問題。基于信息設計思維能力培養目標的情境模型構建，核心在于引導學生對目標決定過程原則的理解和把握，將站點信息架構的設計分析和實踐過程分解為角色模型構建、故事情境模型構建、問題情境模型構建、問題解決模型構建四個階段，使教學訓練的目標明晰化，提高用戶對網頁信息的易讀性和搜尋效率。

參考文獻

[1]張新民，胡亮，王艷，等.網站信息架構的評估[J].現代圖書情報技術，2004（3）：51-52.

[2]莫羅根.信息架構學[M].詹青龍，吳戰杰，郭桂英，譯.

上海：華東師范大學出版社，2008：136-137.

[3]王令中.視覺藝術心理[M].北京：人民美術出版社，

2005：21-23.

[4]喬柳，顧慧史.淺議網頁設計中的信息圖形化[J]，藝術與設計：理論，2009（11）：104.

[5]徐豐.從包豪斯的構成課談設計基礎訓練思維方式的轉變[J].美術教育研究，2014（1）：160.

[6]高俊虹.圖形創意與創造性思維的培養[J].前沿，

2013（3）：329.

[7]黃文濤，王靜秋.產品目標用戶群劃分方法研究[J].價值工程，2013（5）：106-107.