遠(yuǎn)程教育中網(wǎng)絡(luò)課程的用戶界面設(shè)計(jì)

劉宏芹

(河北理工大學(xué) 藝術(shù)學(xué)院，河北 唐山 063009)

?

【現(xiàn)代教育技術(shù)】

遠(yuǎn)程教育中網(wǎng)絡(luò)課程的用戶界面設(shè)計(jì)

劉宏芹

(河北理工大學(xué) 藝術(shù)學(xué)院，河北 唐山 063009)

網(wǎng)絡(luò)課程是遠(yuǎn)程教育的重要平臺(tái)，通過(guò)網(wǎng)絡(luò)用戶界面人們跨越地理屏障和社會(huì)階層差異實(shí)現(xiàn)教學(xué)，進(jìn)行溝通與交流。因此，根據(jù)網(wǎng)絡(luò)課程本身以及學(xué)習(xí)者的特點(diǎn)，對(duì)用戶界面進(jìn)行藝術(shù)設(shè)計(jì)，綜合其功能美、形式美和技術(shù)美，從而增強(qiáng)界面吸引力，提升教學(xué)效果。

遠(yuǎn)程教育； 網(wǎng)絡(luò)課程； 界面設(shè)計(jì)

一、網(wǎng)絡(luò)與現(xiàn)代遠(yuǎn)程教育

在當(dāng)今遠(yuǎn)程教育學(xué)習(xí)環(huán)境中一個(gè)顯而易見(jiàn)的因素就是網(wǎng)絡(luò)的重要性，網(wǎng)絡(luò)能聚集世界上最佳才智和最先進(jìn)的思想。通過(guò)網(wǎng)絡(luò)我們能夠相互學(xué)習(xí)，并獲得更多的知識(shí)。網(wǎng)絡(luò)教學(xué)是一個(gè)利用計(jì)算機(jī)技術(shù)實(shí)現(xiàn)教學(xué)并進(jìn)行溝通與交流的重要手段，是人們跨越地理屏障和社會(huì)階層差異有效進(jìn)行溝通的工具，也是實(shí)現(xiàn)當(dāng)前終身教育、大眾教育以及教育的民主化和機(jī)會(huì)均等的有效工具。網(wǎng)絡(luò)課程，具備普通課程設(shè)計(jì)所遵循的教育性、科學(xué)性、技術(shù)性等原則，其表現(xiàn)形式、運(yùn)行方式和承載功能的不同，有其自身的特殊要求。其學(xué)習(xí)是建立以學(xué)生為中心實(shí)現(xiàn)學(xué)習(xí)個(gè)別化、個(gè)性化的最有效的手段。同時(shí)，通過(guò)使用網(wǎng)絡(luò)最大程度達(dá)到師生之間、學(xué)生之間的互動(dòng)。這就要求課程設(shè)計(jì)中要建立鼓勵(lì)學(xué)生獨(dú)立學(xué)習(xí)的學(xué)習(xí)支持服務(wù)體系，并融入互動(dòng)教學(xué)策略和學(xué)習(xí)技巧設(shè)計(jì)。

二、網(wǎng)絡(luò)課程的特點(diǎn)及其用戶界面的設(shè)計(jì)

1.網(wǎng)絡(luò)課程的特點(diǎn)

網(wǎng)絡(luò)課程是遠(yuǎn)程教育的重要形式，相對(duì)于傳統(tǒng)媒體，具有信息的動(dòng)態(tài)更新和即時(shí)交互性等特點(diǎn)。

第一,學(xué)習(xí)者的自主性要求。與常規(guī)教育之間最大的區(qū)別在于學(xué)生主要依靠自主學(xué)習(xí)完成課程目標(biāo)。學(xué)習(xí)者通過(guò)網(wǎng)絡(luò)界面瀏覽達(dá)到知識(shí)的學(xué)習(xí)需要一定的自主性。第二,學(xué)習(xí)內(nèi)容的可選擇性。利用多媒體元素組成的微教學(xué)單元，以超文本方式組織完成網(wǎng)絡(luò)課程內(nèi)容。第三,知識(shí)鏈接的可跳轉(zhuǎn)性。網(wǎng)絡(luò)課程設(shè)計(jì)最常用的載體是網(wǎng)頁(yè)，知識(shí)點(diǎn)的鏈接通過(guò)按鈕實(shí)現(xiàn)。課程主題一般最有代表性，組織信息可藝術(shù)性地制作成各個(gè)畫(huà)面和界面，注意和保持界面的吸引力，以激發(fā)學(xué)生在學(xué)習(xí)過(guò)程中的積極性。第四,教學(xué)互動(dòng)存在缺憾。網(wǎng)絡(luò)課程經(jīng)常處于教師子系統(tǒng)和學(xué)生子系統(tǒng)分離的狀態(tài)，遵循了一般課堂教學(xué)的知識(shí)傳授，但網(wǎng)絡(luò)互動(dòng)交流的教學(xué)效果相對(duì)較弱。

2.網(wǎng)絡(luò)課程用戶界面設(shè)計(jì)的層次

網(wǎng)絡(luò)課程的用戶界面設(shè)計(jì)是網(wǎng)絡(luò)世界的教與學(xué)的實(shí)現(xiàn)媒介。界面的布局、知識(shí)的表述、問(wèn)題的設(shè)計(jì)、練習(xí)與思考題的設(shè)計(jì)力求為學(xué)生營(yíng)造一個(gè)既富有挑戰(zhàn)又充滿樂(lè)趣的學(xué)習(xí)環(huán)境。

網(wǎng)絡(luò)課程各個(gè)階段的教學(xué)目標(biāo)不同，教學(xué)策略也不相同。網(wǎng)絡(luò)課程的用戶界面設(shè)計(jì)的最終目的是達(dá)到最佳的教學(xué)主題訴求效果。用戶界面設(shè)計(jì)要圍繞課程主題進(jìn)行有層次的設(shè)計(jì)。遠(yuǎn)程教學(xué)課程一般包含著一個(gè)主題內(nèi)容，或某一學(xué)科，或某一專(zhuān)業(yè)，并且每一個(gè)主題下面又有不同的分支以及具體內(nèi)容。這種層次性可以通過(guò)“樹(shù)狀結(jié)構(gòu)”和“網(wǎng)狀結(jié)構(gòu)”兩種最基本的網(wǎng)絡(luò)組織方式幫助我們的設(shè)計(jì)層次清晰。

設(shè)計(jì)時(shí)首先要了解學(xué)習(xí)者獲取教育信息的心理需求和邏輯方式，對(duì)網(wǎng)絡(luò)課程的教學(xué)內(nèi)容或主題思想運(yùn)用邏輯規(guī)律進(jìn)行條理性處理，讓學(xué)習(xí)者快速地理解和吸收；其次，要更好地營(yíng)造符合教學(xué)設(shè)計(jì)目的的視覺(jué)環(huán)境，突出主題。在設(shè)計(jì)中要求對(duì)網(wǎng)絡(luò)課程的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間的條理性的把握運(yùn)用來(lái)達(dá)到最佳的教學(xué)效果。

3.網(wǎng)絡(luò)課程用戶界面的功能美與形式美

界面的功能美與形式美可以激起網(wǎng)絡(luò)學(xué)習(xí)者情緒上的反應(yīng)，從而對(duì)課程內(nèi)容產(chǎn)生深刻的印象。網(wǎng)絡(luò)界面設(shè)計(jì)以學(xué)生的接受能力和知識(shí)結(jié)構(gòu)來(lái)掌握節(jié)奏，藝術(shù)的融合性與連續(xù)性的節(jié)律。

在設(shè)計(jì)網(wǎng)絡(luò)課程界面時(shí)，強(qiáng)調(diào)頁(yè)面各組成部分的共性因素或者使各部分共同含有某種形式特征，主體界面在把握各種媒體因素的重復(fù)、間隔、交替、漸變等整合統(tǒng)一的前提下，保持中有變化、但不混亂；有秩序，但不單調(diào)，寓變化于整合中。

網(wǎng)絡(luò)課程的界面設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素，如導(dǎo)航工具、文本、圖標(biāo)、圖像、按鈕、表格、顏色、背景，圍繞明確的主題，按照一定的教學(xué)意圖和要求，根據(jù)視覺(jué)心理規(guī)律和形式進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化地表現(xiàn)出來(lái)，并使這一主題被人們理解和接受，滿足人們的實(shí)用和需求，形成一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。

界面設(shè)計(jì)在傳達(dá)信息時(shí)，要鮮明地突出設(shè)計(jì)主題。做到單純、簡(jiǎn)練、清晰和精確。設(shè)計(jì)文本在屏幕畫(huà)面中的大小與位置，圖像與背景的深淺、冷暖，圖像與圖形的造型、色彩以及按鈕與熱點(diǎn)形狀大小的位置、圖像與動(dòng)畫(huà)、視頻片斷的轉(zhuǎn)換節(jié)奏。整合出整個(gè)課程既有變化又有統(tǒng)一的節(jié)奏和韻律的格式，注重感官上的美感和精神上的享受。

用戶界面設(shè)計(jì)在適合主題需要的同時(shí)還要追求一定的形式美感。針對(duì)網(wǎng)絡(luò)課程具有多屏、分頁(yè)、嵌套的特性，可以對(duì)其進(jìn)行形式上的適當(dāng)變化以達(dá)到多變性處理效果，以豐富整個(gè)網(wǎng)絡(luò)課程的形式美。這就要求設(shè)計(jì)者在注意單個(gè)頁(yè)面形式與內(nèi)容統(tǒng)一的同時(shí)，更不能忽視同一主題下多個(gè)分頁(yè)面組成的整體網(wǎng)絡(luò)課程的形式與整體內(nèi)容的統(tǒng)一。只有通過(guò)認(rèn)真設(shè)計(jì)和充分的思考來(lái)實(shí)現(xiàn)全面的功能并體現(xiàn)美感，才能實(shí)現(xiàn)形式與內(nèi)容的統(tǒng)一。

強(qiáng)調(diào)網(wǎng)絡(luò)課程結(jié)構(gòu)形式的視覺(jué)整體性必然會(huì)犧牲靈活的多變性，因此必須注意：“整體”應(yīng)是“多變”基礎(chǔ)上的整體。突破普通課堂教學(xué)中一味強(qiáng)調(diào)學(xué)科的邏輯性和內(nèi)容的嚴(yán)密性的敘述方式，結(jié)合遠(yuǎn)程教育自身的特點(diǎn)，緊密?chē)@主題，深入了解受眾群體的特點(diǎn)，將結(jié)構(gòu)、均衡、變化三個(gè)方面巧妙結(jié)合構(gòu)成多樣形式的統(tǒng)一，設(shè)計(jì)獨(dú)具風(fēng)格和教學(xué)價(jià)值的用戶界面。

4.利用界面設(shè)計(jì)的技術(shù)美增強(qiáng)吸引力

技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)絡(luò)課程界面設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使學(xué)習(xí)者可以享受到更加完美的視聽(tīng)藝術(shù)效果。網(wǎng)絡(luò)課程學(xué)習(xí)者可以有選擇性的學(xué)習(xí)，根據(jù)需要選擇中英文界面，自主向前翻頁(yè)、返回等命令。多媒體技術(shù)的運(yùn)用大大豐富了用戶界面設(shè)計(jì)的表現(xiàn)力。網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合，使課程藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì)，由純粹的視覺(jué)藝術(shù)擴(kuò)展到空間視聽(tīng)藝術(shù)，網(wǎng)絡(luò)課程效果接近于電影或電視的觀賞效果，可以把學(xué)習(xí)者帶入一個(gè)真正現(xiàn)實(shí)中的虛擬世界，超越了書(shū)籍或報(bào)刊雜志等印刷媒體。

三、結(jié)束語(yǔ)

用戶界面設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽(tīng)設(shè)計(jì)新課題。其作為傳播信息的載體，表達(dá)一定的教育教學(xué)的內(nèi)容和主題，為人們所理解和接受，它以滿足學(xué)習(xí)者認(rèn)知、技能等實(shí)用性需求為目標(biāo)。好的網(wǎng)頁(yè)界面設(shè)計(jì)可以成為學(xué)習(xí)者的“良師益友”。課程設(shè)計(jì)者要注意教育規(guī)律、教育思想和教育藝術(shù)的實(shí)現(xiàn)，依照設(shè)計(jì)目的和要求自覺(jué)地對(duì)網(wǎng)絡(luò)課程的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為藝術(shù)設(shè)計(jì)的重要組成部分，充分利用網(wǎng)絡(luò)和多媒體技術(shù)來(lái)服務(wù)于遠(yuǎn)程教育。

[1](美)ERIC BUTOW著.陳大煒，孫志超譯.用戶界面設(shè)計(jì)指南[M].北京：機(jī)械工業(yè)出版社，2008.

[2](美)Robert Hoekman.Jr著.向怡寧譯.瞬間之美:Web界面設(shè)計(jì)如何讓用戶心動(dòng)[M].北京：人民郵電出版社，2009.

[3](美)Steve Krug著.De Dream譯.點(diǎn)石成金:訪客至上的網(wǎng)頁(yè)設(shè)計(jì)秘笈(原書(shū)第2版)[M].北京：機(jī)械工業(yè)出版社，2006.

(責(zé)任編輯 宋 悅)

2010-03-11

劉宏芹(1971-)，女，河北昌黎人，講師，主要從事藝術(shù)設(shè)計(jì)教學(xué)與研究。

G728

A

1008-469X(2010)03-0011-02