李鑫

摘 要：在產(chǎn)品為王的互聯(lián)網(wǎng)時(shí)代，網(wǎng)頁(yè)設(shè)計(jì)與制作課程內(nèi)容不能只限于網(wǎng)頁(yè)技術(shù)的教學(xué)，也要求更多考慮用戶體驗(yàn)，融入交互設(shè)計(jì)的思想和方法進(jìn)行改革。筆者對(duì)交互設(shè)計(jì)理念做了基本的介紹，根據(jù)職業(yè)技術(shù)教育的特點(diǎn)重新設(shè)定了《網(wǎng)頁(yè)設(shè)計(jì)與制作》的課程目標(biāo)，提出模塊化、鏈條化、交互化和產(chǎn)品階段化的多個(gè)優(yōu)化教學(xué)體系的措施，并從用戶體驗(yàn)、交互設(shè)計(jì)角度對(duì)原有教學(xué)模式進(jìn)行創(chuàng)設(shè)情境、啟發(fā)思考、小組協(xié)作等方面的調(diào)整，對(duì)教學(xué)方法、教學(xué)評(píng)價(jià)也作了針對(duì)性的補(bǔ)充。

關(guān)鍵詞：交互設(shè)計(jì)；網(wǎng)頁(yè)設(shè)計(jì)與制作；課程體系改革

中圖分類(lèi)號(hào)：TP311.5 文獻(xiàn)標(biāo)識(shí)碼：A

Abstract：The product is most important in the Internet era，so the content of the webpage design and making course can't be limited to web technology.User experience should be given more consideration and interaction design thoughts and methods should be integrated to reform the teaching.The paper introduces the basic concept of interaction design，resets the course objectives of Webpage design and making according to the characteristics of vocational and technical education，and puts forward several teaching system optimization measures，including modularization，chaining，interaction and staging.From the perspective of user experience and interaction design，the paper reforms the teaching model in situation creation，thinking inspiration，group collaboration，and also makes specific supplement on teaching methods and teaching evaluation.

Keywords：interaction design；web design and making；course system reform

1 引言（Introduction）

近年來(lái)中國(guó)持續(xù)速度發(fā)展，特別是互聯(lián)網(wǎng)行業(yè)的突飛猛進(jìn)，應(yīng)用市場(chǎng)已然處于國(guó)際發(fā)達(dá)國(guó)家水平，對(duì)互聯(lián)網(wǎng)產(chǎn)品開(kāi)發(fā)人員的需求也供不應(yīng)求，面向信息產(chǎn)業(yè)的職業(yè)教育的市場(chǎng)不斷看好。從前程無(wú)憂、中華英才、智聯(lián)招聘等知名招聘網(wǎng)站反饋的計(jì)算機(jī)人才崗位需求調(diào)查顯示，網(wǎng)頁(yè)設(shè)計(jì)與制作的職業(yè)人才依然緊缺。與此同時(shí)，經(jīng)歷原始開(kāi)發(fā)、批量生產(chǎn)之后，網(wǎng)頁(yè)產(chǎn)品的制作技術(shù)進(jìn)入了精耕細(xì)作階段，行業(yè)分工已經(jīng)高度成熟和細(xì)化，原來(lái)由個(gè)體就能完成的網(wǎng)頁(yè)設(shè)計(jì)與制作工作，現(xiàn)在已經(jīng)遠(yuǎn)遠(yuǎn)不能滿足市場(chǎng)對(duì)產(chǎn)品質(zhì)量的要求。另一方面，高度競(jìng)爭(zhēng)也帶來(lái)產(chǎn)品出現(xiàn)同質(zhì)化、過(guò)?；那闆r，表現(xiàn)在產(chǎn)品從界面到操作的嚴(yán)重雷同等多個(gè)方面。

2015年8月教育部在《關(guān)于深化職業(yè)教育教學(xué)改革全面提高人才培養(yǎng)質(zhì)量的若干意見(jiàn)》中指出，“推進(jìn)專(zhuān)業(yè)課程內(nèi)容適應(yīng)經(jīng)濟(jì)發(fā)展、產(chǎn)業(yè)升級(jí)和技術(shù)進(jìn)步需要”。當(dāng)下所處的互聯(lián)網(wǎng)時(shí)代，其本質(zhì)特征包括“用戶中心”和“萬(wàn)物交互”，體現(xiàn)在市場(chǎng)上，即為通行的用戶為王、體驗(yàn)為王、產(chǎn)品為王的內(nèi)在規(guī)律。因此，網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)需要針對(duì)用戶隱藏在行為背后的數(shù)據(jù)和邏輯基礎(chǔ)上進(jìn)行交互式開(kāi)發(fā)，網(wǎng)頁(yè)設(shè)計(jì)與制作人才的培養(yǎng)，也應(yīng)該以交互設(shè)計(jì)理念為引領(lǐng)，實(shí)現(xiàn)與互聯(lián)網(wǎng)行業(yè)崗位需求相呼應(yīng)的培養(yǎng)策略，對(duì)現(xiàn)有不匹配市場(chǎng)發(fā)展網(wǎng)頁(yè)設(shè)計(jì)與制作的課程體系進(jìn)行教學(xué)改革。

2 交互設(shè)計(jì)理論體系和產(chǎn)品開(kāi)發(fā)（Interaction design

theory system and product development）

2.1 交互設(shè)計(jì)理論體系

交互設(shè)計(jì)，又稱(chēng)互動(dòng)設(shè)計(jì)（英文Interaction Design，縮寫(xiě)IxD或者IaD），是以用戶為中心，研究某些人在特定的場(chǎng)景下與不同的設(shè)備產(chǎn)生行為的交互過(guò)程[1]。從實(shí)踐層面看，早期的設(shè)計(jì)強(qiáng)調(diào)美感，多指的是工業(yè)產(chǎn)品的外觀或者是計(jì)算機(jī)軟件的界面設(shè)計(jì)。20世紀(jì)90年代后，交互設(shè)計(jì)逐步從界面拓展開(kāi)來(lái)，強(qiáng)調(diào)計(jì)算機(jī)對(duì)于人的反饋交互作用。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和“用戶體驗(yàn)”兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。相比較而言，視覺(jué)設(shè)計(jì)是讓產(chǎn)品更具有視覺(jué)美感（包括信息傳達(dá)），功能設(shè)計(jì)是讓產(chǎn)品擁有更加準(zhǔn)備和豐富的功能，交互設(shè)計(jì)是讓產(chǎn)品更符合人的使用要求，更加有效地完成產(chǎn)品作用[2]。

交互設(shè)計(jì)是依據(jù)人的行為進(jìn)行設(shè)計(jì)，尤其是使用產(chǎn)品的行為?；镜囊赜腥河脩簟猈ho，給誰(shuí)用的；目標(biāo)—Why，為什么做；行為—How，怎么做。我們可以通過(guò)一個(gè)網(wǎng)易網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)與制作的基本流程來(lái)說(shuō)明交互設(shè)計(jì)過(guò)程，說(shuō)明如下：

用戶：網(wǎng)易用戶，開(kāi)發(fā)者對(duì)網(wǎng)易產(chǎn)品的用戶進(jìn)行相關(guān)研究。

目標(biāo)：網(wǎng)易用戶想要獲取更加豐富的應(yīng)用產(chǎn)品，開(kāi)發(fā)者的產(chǎn)品頁(yè)面支持用戶實(shí)現(xiàn)目標(biāo)。

行為：用戶根據(jù)自身的心理和習(xí)慣進(jìn)行頁(yè)面瀏覽，設(shè)計(jì)者以用戶的瀏覽行為根據(jù)進(jìn)行網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)和制作。

以下是網(wǎng)易應(yīng)用市場(chǎng)首頁(yè)的交互設(shè)計(jì)流程圖：

步驟1：網(wǎng)頁(yè)布局，依據(jù)用戶的需求和心理把它歸納為四個(gè)區(qū)塊；endprint

步驟2：根據(jù)布局層次框架確定繼續(xù)將每個(gè)區(qū)塊細(xì)化為細(xì)節(jié)線框圖（即為交互原型）；

步驟3：視覺(jué)設(shè)計(jì)完成后的用戶界面（UI）圖。

其中步驟1的作用尤其關(guān)鍵，這是頁(yè)面設(shè)計(jì)的基礎(chǔ)，是頁(yè)面信息架構(gòu)。此外，還有很多方法可幫助我們來(lái)分析用戶的行為，包括流程圖、泳道圖、頁(yè)面流、站點(diǎn)地圖、線框圖、目標(biāo)元素圖、用戶路徑圖、信息架構(gòu)圖等。后續(xù)還要通過(guò)前端交互技術(shù)實(shí)現(xiàn)頁(yè)面產(chǎn)品的界面和功能。

2.2 基于交互設(shè)計(jì)的網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)

早期的網(wǎng)頁(yè)產(chǎn)品制作流程相對(duì)簡(jiǎn)單，主要注重界面設(shè)計(jì)和功能實(shí)現(xiàn)，而交互設(shè)計(jì)理念引領(lǐng)下的網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)始終以用戶體驗(yàn)為中心，以用戶行為為研究目標(biāo)，遵從交互設(shè)計(jì)的規(guī)律去開(kāi)發(fā)。

（1）開(kāi)發(fā)流程

（2）崗位說(shuō)明

說(shuō)明：與流程相對(duì)應(yīng)的是各個(gè)不同技能的崗位。不過(guò)中小企業(yè)的作業(yè)流程相對(duì)沒(méi)有那么細(xì)分，可能出現(xiàn)一個(gè)崗位負(fù)責(zé)幾個(gè)崗位的工作，一般來(lái)說(shuō)，一個(gè)互聯(lián)網(wǎng)產(chǎn)品開(kāi)發(fā)的基本團(tuán)隊(duì)?wèi)?yīng)該包含產(chǎn)品經(jīng)理（或含交互設(shè)計(jì)師）、UI設(shè)計(jì)師（或含交互設(shè)計(jì)師），前端工程師，后臺(tái)開(kāi)發(fā)師等基本崗位。

3 基于交互設(shè)計(jì)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程體系改革

（Based on the interaction design of web page

design and facture course system reform）

3.1 重定教學(xué)目標(biāo)

根據(jù)職業(yè)教育學(xué)生的特點(diǎn)，網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)與制作課程的教學(xué)內(nèi)容和教學(xué)體系當(dāng)中應(yīng)該化繁就簡(jiǎn)，摒棄對(duì)于學(xué)生來(lái)說(shuō)難度過(guò)大的崗位和內(nèi)容。比如組織協(xié)調(diào)能力市場(chǎng)敏感程度要求過(guò)高的產(chǎn)品經(jīng)理，開(kāi)發(fā)難度較大的后臺(tái)開(kāi)發(fā)。而應(yīng)該著眼于網(wǎng)頁(yè)產(chǎn)品的前端實(shí)現(xiàn)，特別是應(yīng)以網(wǎng)頁(yè)前端的實(shí)現(xiàn)作為網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)與制作課程的主要內(nèi)容。

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)的核心課程，實(shí)踐性較強(qiáng)。在早期，本課程以圖形圖像處理技術(shù)為前導(dǎo)課程，著力培養(yǎng)學(xué)生在網(wǎng)頁(yè)素材搜集、網(wǎng)站布局和規(guī)劃、網(wǎng)頁(yè)元素制作、腳本代碼編寫(xiě)、網(wǎng)站發(fā)布等方面的知識(shí)和技能。在交互設(shè)計(jì)理念引入到網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)過(guò)程之后，更應(yīng)該從職業(yè)技術(shù)教育的特點(diǎn)出發(fā)，以行業(yè)的發(fā)展現(xiàn)狀為依據(jù)，以培養(yǎng)學(xué)生實(shí)際動(dòng)手能力為目標(biāo)，使學(xué)生具有前端交互實(shí)現(xiàn)的核心能力，同時(shí)兼具用戶需求研究、交互原型設(shè)計(jì)、網(wǎng)頁(yè)界面設(shè)計(jì)的輔助能力，并培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作能力、溝通能力、分析解決問(wèn)題能力和產(chǎn)品開(kāi)發(fā)實(shí)施能力，同時(shí)也為后續(xù)課程《動(dòng)態(tài)網(wǎng)頁(yè)制作》的學(xué)習(xí)奠定基礎(chǔ)[3]。

課程目標(biāo)包括：①理解用戶對(duì)于網(wǎng)頁(yè)產(chǎn)品的使用需求，并據(jù)此制作網(wǎng)頁(yè)產(chǎn)品交互原型；②掌握Photoshop、Dreanweaver等軟件處理和組織網(wǎng)頁(yè)界面素材的方法；③熟練運(yùn)用網(wǎng)頁(yè)腳本語(yǔ)言實(shí)施網(wǎng)頁(yè)交互的使用方法；④培養(yǎng)學(xué)生獨(dú)立思考能力及創(chuàng)新能力。

3.2 優(yōu)化課程體系

以往的課程教學(xué)內(nèi)容頂層設(shè)計(jì)過(guò)于簡(jiǎn)化，把所有網(wǎng)頁(yè)設(shè)計(jì)與制作相關(guān)的內(nèi)容，諸如計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、圖形圖像處理、動(dòng)畫(huà)基礎(chǔ)……都放在一起進(jìn)行教學(xué)，試圖以一門(mén)課來(lái)包含所有的技術(shù)，解決所有的問(wèn)題，這并不符合當(dāng)下的行業(yè)要求。在交互設(shè)計(jì)理念引領(lǐng)，網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)導(dǎo)向的課程體系當(dāng)中，應(yīng)該注重課程的精細(xì)分工、邏輯聯(lián)系和用戶體驗(yàn)。

（1）課程內(nèi)容模塊化

網(wǎng)頁(yè)產(chǎn)品的交互設(shè)計(jì)流程包含了六個(gè)環(huán)節(jié)和六個(gè)崗位，可以根據(jù)職教學(xué)生長(zhǎng)于操作弱于理論的特點(diǎn)，簡(jiǎn)化為交互設(shè)計(jì)、UI設(shè)計(jì)、前端實(shí)現(xiàn)三個(gè)崗位，課程內(nèi)容也相應(yīng)分為相互支持的三個(gè)模塊：交互設(shè)計(jì)、界面設(shè)計(jì)、程序設(shè)計(jì)，這樣就把較為散亂的課程內(nèi)容清晰化：交互設(shè)計(jì)注重用戶行為和體驗(yàn)，提高產(chǎn)品的有效使用程度；界面設(shè)計(jì)專(zhuān)注于視覺(jué)設(shè)計(jì)與美觀度，無(wú)須兼顧去實(shí)現(xiàn)頁(yè)面及動(dòng)效；程序設(shè)計(jì)則專(zhuān)注于HTML源碼和JS腳本的基本開(kāi)發(fā)，不必涉及工具軟件的過(guò)度依賴。基于交互設(shè)計(jì)理念的課程模塊化之后邊界清晰，各有所長(zhǎng)，易于教學(xué)[4]。

（2）課程環(huán)節(jié)鏈條化

交互設(shè)計(jì)理念引領(lǐng)的網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)，其工作過(guò)程具有高度的邏輯相關(guān)性，每個(gè)環(huán)節(jié)都緊密相關(guān)，有著前后銜接的關(guān)系。需求分析、交互設(shè)計(jì)、UI設(shè)計(jì)、前端實(shí)現(xiàn)、后臺(tái)開(kāi)發(fā)、測(cè)試與反饋是一個(gè)邏輯嚴(yán)密，依次進(jìn)行的開(kāi)發(fā)過(guò)程，反映在課程內(nèi)容的邏輯性上，應(yīng)該在講授前端實(shí)現(xiàn)的內(nèi)容之前，對(duì)交互設(shè)計(jì)和界面設(shè)計(jì)有相應(yīng)基礎(chǔ)，體現(xiàn)在課程之間的相關(guān)性上，如果條件允許，也應(yīng)該把交互設(shè)計(jì)、UI設(shè)計(jì)、前端開(kāi)發(fā)三門(mén)課程設(shè)置為相互的前導(dǎo)課和后續(xù)課。

（3）課程過(guò)程交互化

交互設(shè)計(jì)理念以用戶體驗(yàn)為中心，產(chǎn)品開(kāi)發(fā)的考核標(biāo)準(zhǔn)是產(chǎn)品本身的有用性。從需要分析到測(cè)試與反饋環(huán)節(jié)，都以用戶的感受為評(píng)判標(biāo)準(zhǔn)。早期網(wǎng)頁(yè)產(chǎn)品只注重技術(shù)開(kāi)發(fā)實(shí)現(xiàn)產(chǎn)品功能，界面設(shè)計(jì)也有設(shè)計(jì)師個(gè)人的藝術(shù)審美標(biāo)準(zhǔn)，在交互設(shè)計(jì)理念看來(lái)都是不完整的產(chǎn)品設(shè)計(jì)和開(kāi)發(fā)，都沒(méi)有完全消除開(kāi)發(fā)者本人的視角，沒(méi)有做到以獨(dú)立客觀的用戶視角作為開(kāi)發(fā)依據(jù)。因此在交互設(shè)計(jì)理念引領(lǐng)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程體系，每一個(gè)環(huán)節(jié)都需要從用戶體驗(yàn)角度，從產(chǎn)品之外去和社會(huì)互動(dòng)。

（4）產(chǎn)品形態(tài)階段化

網(wǎng)頁(yè)產(chǎn)品的設(shè)計(jì)與制作，根據(jù)用戶要求和技術(shù)基礎(chǔ)的不同，可以分為不同層次的產(chǎn)品形態(tài)。通過(guò)產(chǎn)品形態(tài)來(lái)組織教學(xué)內(nèi)容，也是交互設(shè)計(jì)理念指導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)的成果形式，是更加符合市場(chǎng)現(xiàn)狀的一個(gè)例證。一般來(lái)說(shuō)，網(wǎng)頁(yè)產(chǎn)品可以分為初級(jí)形態(tài)、中級(jí)形態(tài)和高級(jí)形態(tài)。初級(jí)形態(tài)是只有元素呈現(xiàn)，但無(wú)布局的網(wǎng)頁(yè)產(chǎn)品。學(xué)生根據(jù)用戶的基本要求，利用HTML標(biāo)記的認(rèn)知和應(yīng)用，插入各種豐富多彩的網(wǎng)頁(yè)元素，用戶能夠單純從內(nèi)容上感受網(wǎng)頁(yè)的基本功能。通過(guò)個(gè)人主頁(yè)等作品的練習(xí)和開(kāi)發(fā)可以熟悉初級(jí)網(wǎng)頁(yè)產(chǎn)品形態(tài)。中級(jí)形態(tài)是進(jìn)一步滿足用戶的美觀要求，將網(wǎng)頁(yè)上的各種元素組織起來(lái)，達(dá)到邏輯清晰、美觀大方的產(chǎn)品風(fēng)格。這就要求學(xué)生能夠通過(guò)DIV+CSS對(duì)網(wǎng)頁(yè)元素實(shí)施層布局，同時(shí)美化頁(yè)面效果。通過(guò)公司主頁(yè)等作品的練習(xí)和開(kāi)發(fā)可以熟悉中級(jí)網(wǎng)頁(yè)產(chǎn)品形態(tài)。高級(jí)形態(tài)是用戶除了內(nèi)容豐富和界面美觀的需求之外，還需要和網(wǎng)頁(yè)元素進(jìn)行操作互動(dòng)，以便更加深入了解和使用網(wǎng)頁(yè)產(chǎn)品。這就需要學(xué)生先期掌握一定的語(yǔ)言基礎(chǔ)，學(xué)習(xí)掌握J(rèn)ava Script腳本語(yǔ)言，實(shí)現(xiàn)網(wǎng)頁(yè)互動(dòng)的效果，如客戶端驗(yàn)證和頁(yè)面特效制作。通過(guò)媒體網(wǎng)站等作品的練習(xí)和開(kāi)發(fā)可以熟悉高級(jí)網(wǎng)頁(yè)產(chǎn)品形態(tài)。endprint

（網(wǎng)頁(yè)）產(chǎn)品設(shè)計(jì)與制作課程體系模塊化、鏈條化、交互化、產(chǎn)品階段化的關(guān)系可以整理如圖3所示。

making course system

3.3 改革教學(xué)模式

以交互設(shè)計(jì)為導(dǎo)向的網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)，將圍繞用戶體驗(yàn)為中心展開(kāi)。因此，采用探究性教學(xué)模式較為合適，通過(guò)網(wǎng)頁(yè)產(chǎn)品使用的情境創(chuàng)設(shè)、啟發(fā)思考、小組探究的方式組織學(xué)生積極研究用戶感受，深度感受開(kāi)發(fā)者職能，對(duì)于網(wǎng)頁(yè)產(chǎn)品的設(shè)計(jì)與開(kāi)發(fā)課程體系具有較高的重要性和可行性。

（1）創(chuàng)設(shè)情境：探究式模式的教學(xué)要求圍繞用戶為中心的網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)為教學(xué)出發(fā)點(diǎn)，教師通過(guò)問(wèn)題、任務(wù)等多種形式，創(chuàng)設(shè)與此學(xué)習(xí)場(chǎng)景相關(guān)的學(xué)習(xí)情境，引導(dǎo)學(xué)生進(jìn)行目標(biāo)導(dǎo)向的學(xué)習(xí)。

（2）啟發(fā)思考：教學(xué)對(duì)象確定后，需要向?qū)W生提出緊密?chē)@目標(biāo)對(duì)象，引起學(xué)生深思的問(wèn)題，比如用戶中心的網(wǎng)頁(yè)產(chǎn)品通過(guò)哪些行為來(lái)體現(xiàn)？這也便于學(xué)生圍繞問(wèn)題去探究。

（3）自主（或小組）探究：在問(wèn)題的牽引下，教師、學(xué)生、信息技術(shù)相互作用，教師引導(dǎo)、支持，學(xué)生主動(dòng)積極學(xué)習(xí)，同時(shí)信息技術(shù)成為認(rèn)知工具，形成對(duì)于網(wǎng)頁(yè)產(chǎn)品中用戶行為邏輯的自主或小組探究，這也是探究教學(xué)模式中的關(guān)鍵環(huán)節(jié)。

（4）協(xié)作交流：學(xué)生經(jīng)過(guò)認(rèn)真自主探究后，進(jìn)而進(jìn)行高質(zhì)量的協(xié)作交流，教師組織協(xié)調(diào)這一過(guò)程。經(jīng)過(guò)這一環(huán)節(jié)，學(xué)生對(duì)于隱藏在用戶行為背后的心理將會(huì)有更加深入的了解。

探究性教學(xué)模式當(dāng)中，學(xué)生在教師的指導(dǎo)下，“自主”設(shè)立網(wǎng)頁(yè)產(chǎn)品開(kāi)發(fā)的目標(biāo)，通過(guò)調(diào)查“探究”網(wǎng)頁(yè)產(chǎn)品內(nèi)在的用戶行為邏輯，形成產(chǎn)品交互原型，“合作”完成網(wǎng)頁(yè)產(chǎn)品的用戶界面和前端實(shí)現(xiàn)，從而地達(dá)到課程中關(guān)于認(rèn)知目標(biāo)與能力目標(biāo)的綜合要求。

3.4 豐富教學(xué)方法

（1）任務(wù)驅(qū)動(dòng)法：課程體系結(jié)構(gòu)以網(wǎng)頁(yè)產(chǎn)品的設(shè)計(jì)與制作任務(wù)為主線，根據(jù)學(xué)生的理解程度布置網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)與制作的細(xì)分學(xué)習(xí)任務(wù)，學(xué)生自己動(dòng)手獨(dú)立完成學(xué)習(xí)任務(wù)，使知識(shí)得到提升。

（2）角色扮演法：教學(xué)過(guò)程中，讓學(xué)生扮演實(shí)際項(xiàng)目開(kāi)發(fā)流程當(dāng)中的不同角色，以分工合作的方式理解崗位和完成任務(wù)，并且在考核方式中實(shí)施學(xué)生互評(píng)，使學(xué)生充分體驗(yàn)不同流程崗位的樂(lè)趣。

3.5 完善學(xué)習(xí)評(píng)價(jià)

在學(xué)習(xí)評(píng)價(jià)上采用過(guò)程性評(píng)價(jià)和結(jié)果性評(píng)價(jià)，在這兩種評(píng)價(jià)當(dāng)中，除了常規(guī)評(píng)價(jià)方法之外，還可采用基于用戶中心

的學(xué)生互評(píng)和用戶評(píng)價(jià)。學(xué)生互評(píng)有利每一次小組探究之后

對(duì)于共同用戶目標(biāo)和行為的理解達(dá)成一致。用戶評(píng)價(jià)則是在產(chǎn)品成型之后通過(guò)收集用戶的使用形成意見(jiàn)，從而對(duì)學(xué)習(xí)的成果進(jìn)行反饋和調(diào)整。

4 結(jié)論（Conclusion）

職教的教學(xué)改革目標(biāo)在于深化課程改革，努力形成就業(yè)導(dǎo)向的課程體系。我們依據(jù)產(chǎn)業(yè)現(xiàn)狀，從勞動(dòng)力市場(chǎng)分析和職業(yè)崗位分析入手，積極推進(jìn)多種模式的課程改革，確立以能力為本位的教學(xué)指導(dǎo)思想，提出了基于交互設(shè)計(jì)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程改革思路。這一課程體系的全面改革，對(duì)于緊貼崗位實(shí)際工作過(guò)程，更新課程內(nèi)容，調(diào)整課程結(jié)構(gòu)，深化多種模式的職教課程改革，做有益探索。

參考文獻(xiàn)（References）

[1] 百度百科：交互設(shè)計(jì)[OL]http：//baike.baidu.com/item/交互設(shè)計(jì)/7769950.

[2] 彭莉，張道軍，高好良.《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程教學(xué)改革與實(shí)踐[J].軟件導(dǎo)刊，2013（02）：170-172.

[3] 鐘志賢.面向知識(shí)時(shí)代的教學(xué)設(shè)計(jì)框架——促進(jìn)學(xué)習(xí)者發(fā)展[M].北京：中國(guó)社會(huì)科學(xué)出版社，2006.

[4] 由芳.交互設(shè)計(jì)——設(shè)計(jì)思維與實(shí)踐[M].上海：電子工業(yè)出版社，2017.

作者簡(jiǎn)介：

李 鑫（1987-），女，碩士，講師.研究領(lǐng)域：Web開(kāi)發(fā).endprint