項(xiàng)目貫穿式UI互動(dòng)設(shè)計(jì)教學(xué)探索

1、    “項(xiàng)目貫穿式”ui互動(dòng)設(shè)計(jì)教學(xué)探索    唐冶李穎摘要：針對(duì)工業(yè)產(chǎn)品中的軟件界面設(shè)計(jì)，探索ui設(shè)計(jì)課堂教學(xué)新模式，具體內(nèi)容為與市場和用戶實(shí)際需求緊密結(jié)合的項(xiàng)目貫穿式ui互動(dòng)設(shè)計(jì)教學(xué)與實(shí)踐方法，其中以企業(yè)全真項(xiàng)目為依托、以學(xué)生為中心的互動(dòng)設(shè)計(jì)教學(xué)結(jié)合師生角色轉(zhuǎn)換的體驗(yàn)評(píng)價(jià)模式構(gòu)建了開放真實(shí)的ui互動(dòng)設(shè)計(jì)課堂，其中以項(xiàng)目貫穿始終的教學(xué)內(nèi)容提升了ui設(shè)計(jì)課堂的綜合實(shí)踐性；以學(xué)生為中心的互動(dòng)設(shè)計(jì)教學(xué)方法激發(fā)了學(xué)生參與設(shè)計(jì)的自主性；師生角色轉(zhuǎn)換的體驗(yàn)評(píng)價(jià)模式提升了ui設(shè)計(jì)產(chǎn)品的可用性。關(guān)鍵詞：全真項(xiàng)目；ui設(shè)計(jì)；互動(dòng)設(shè)計(jì)；實(shí)踐教學(xué)1概述ui是user in

2、terface用戶界面的簡稱，主要是指對(duì)軟件的人機(jī)交互。工業(yè)產(chǎn)品中的ui設(shè)計(jì)主要指人機(jī)交互界面的設(shè)計(jì)，隨著信息技術(shù)的發(fā)展，工業(yè)產(chǎn)品與移動(dòng)應(yīng)用相結(jié)合的案例屢見不鮮，如北京馬蹄鐵科技推出的自行車智能騎行就是將硬件與軟件相結(jié)合，而軟件部分的人機(jī)界面交互設(shè)計(jì)成為整個(gè)智能騎行系統(tǒng)中的重要部分，對(duì)智能騎行系統(tǒng)的用戶體驗(yàn)起到至關(guān)重要的作用。工業(yè)產(chǎn)品中的ui設(shè)計(jì)更加注重產(chǎn)品功能與用戶操作的對(duì)接以及良好舒適的界面操作體驗(yàn)。工業(yè)產(chǎn)品設(shè)計(jì)領(lǐng)域的ui設(shè)計(jì)人才的需求越來越大。目前ui設(shè)計(jì)行業(yè)與國外在同步發(fā)展水平，人才資源爭奪激烈，國內(nèi)外眾多大型互聯(lián)網(wǎng)it企業(yè)都已經(jīng)有比較完善的ui設(shè)計(jì)部門，但工業(yè)設(shè)計(jì)領(lǐng)域的ui設(shè)計(jì)人才尤

3、為稀缺，且該領(lǐng)域人才的高校培養(yǎng)尚未成型。如何培養(yǎng)符合社會(huì)和行業(yè)需求，特別是工業(yè)產(chǎn)品軟件ui設(shè)計(jì)人才，是未來高校機(jī)械設(shè)計(jì)及產(chǎn)品設(shè)計(jì)類專業(yè)亟需解決的問題。2ui設(shè)計(jì)實(shí)踐教學(xué)模式探索目前，國內(nèi)許多高校開設(shè)了ui設(shè)計(jì)類課程，其中以藝術(shù)類院校居多，如南京藝術(shù)學(xué)院開設(shè)的界面設(shè)計(jì)創(chuàng)意，但多數(shù)藝術(shù)類院校的ui設(shè)計(jì)課程以移動(dòng)應(yīng)用界面設(shè)計(jì)或網(wǎng)頁設(shè)計(jì)為主，而一些專業(yè)如機(jī)械設(shè)計(jì)或工業(yè)設(shè)計(jì)領(lǐng)域針對(duì)工業(yè)產(chǎn)品界面的ui設(shè)計(jì)類課程還較為欠缺，而軟件界面設(shè)計(jì)又是工業(yè)產(chǎn)品設(shè)計(jì)中非常重要的部分。然而以知識(shí)講解為主要教學(xué)模式的傳統(tǒng)教學(xué)課堂已經(jīng)難以滿足移動(dòng)互聯(lián)網(wǎng)工業(yè)產(chǎn)品設(shè)計(jì)行業(yè)對(duì)開放創(chuàng)新型ui設(shè)計(jì)人才的需求，以傳統(tǒng)課堂教學(xué)模式培養(yǎng)出的

4、ui設(shè)計(jì)人才難以勝任企業(yè)實(shí)際項(xiàng)目對(duì)ui設(shè)計(jì)工作的要求。本文以工業(yè)產(chǎn)品中的軟件界面設(shè)計(jì)為例，探索了項(xiàng)目貫穿式的ui互動(dòng)設(shè)計(jì)實(shí)踐教學(xué)模式，以期對(duì)ui設(shè)計(jì)人才的培養(yǎng)由“設(shè)計(jì)造型能力型”人才向“解決問題綜合能力型”人才的轉(zhuǎn)變。為企業(yè)和社會(huì)培養(yǎng)出實(shí)踐能力強(qiáng)，能夠解決實(shí)際問題的ui設(shè)計(jì)人才。工業(yè)產(chǎn)品中的軟件ui設(shè)計(jì)需要以結(jié)構(gòu)和功能設(shè)計(jì)為基礎(chǔ)，結(jié)合產(chǎn)品用戶的實(shí)際體驗(yàn)需求展開功能與人性化體驗(yàn)相結(jié)合的開放性設(shè)計(jì)，傳統(tǒng)ui設(shè)計(jì)課堂顯然難以滿足實(shí)際需求。在現(xiàn)有市場條件下，探索以全真項(xiàng)目為依托，以學(xué)生為中心的ui互動(dòng)設(shè)計(jì)教學(xué)模式較為符合工業(yè)產(chǎn)品ui設(shè)計(jì)對(duì)開放創(chuàng)新設(shè)計(jì)的要求。這一設(shè)計(jì)教學(xué)模式以實(shí)踐項(xiàng)目貫穿始末，緊密與行

5、業(yè)實(shí)際相結(jié)合，通過項(xiàng)目教學(xué)設(shè)計(jì)和教學(xué)過程完成整個(gè)項(xiàng)目的設(shè)計(jì)實(shí)踐教學(xué)，且始終以學(xué)生為中心展開設(shè)計(jì)的各個(gè)環(huán)節(jié)，教師起到引導(dǎo)、推進(jìn)、體驗(yàn)和評(píng)價(jià)的作用。3項(xiàng)目貫穿式互動(dòng)設(shè)計(jì)教學(xué)與實(shí)踐3.1教學(xué)整體設(shè)計(jì)ui設(shè)計(jì)課程是以市場需求為導(dǎo)向，根據(jù)“軟件”產(chǎn)品的設(shè)計(jì)流程展開的，因此項(xiàng)目貫穿式的教學(xué)內(nèi)容更加符合課程設(shè)置和人才培養(yǎng)的要求。在開展項(xiàng)目教學(xué)過程中，引導(dǎo)學(xué)生主導(dǎo)配合教師完成項(xiàng)目設(shè)計(jì)的各個(gè)環(huán)節(jié)。項(xiàng)目前期，教師有針對(duì)性地給學(xué)生講解相關(guān)的設(shè)計(jì)理論、項(xiàng)目背景和任務(wù)分解；項(xiàng)目中期，學(xué)生自主參與完成項(xiàng)目設(shè)計(jì)的各個(gè)環(huán)節(jié)；項(xiàng)目后期，教師轉(zhuǎn)換為用戶對(duì)學(xué)生的設(shè)計(jì)作品進(jìn)行體驗(yàn)和評(píng)價(jià)。教學(xué)整體設(shè)計(jì)如圖1所示。3.2實(shí)踐教學(xué)過程項(xiàng)目

6、貫穿式ui互動(dòng)設(shè)計(jì)教學(xué)在設(shè)計(jì)環(huán)節(jié)中將傳統(tǒng)課堂上的“教師-學(xué)生”角色關(guān)系轉(zhuǎn)換為“用戶-產(chǎn)品經(jīng)理”“用戶-設(shè)計(jì)師”“用戶-測試經(jīng)理”等角色關(guān)系，教師對(duì)學(xué)生設(shè)計(jì)師的設(shè)計(jì)作品進(jìn)行體驗(yàn)評(píng)價(jià)與反饋。以全真項(xiàng)目為依托，盡可能地將市場需求信息帶人課堂，充分調(diào)動(dòng)學(xué)生自主設(shè)計(jì)和創(chuàng)新的積極性，師生互動(dòng)完成實(shí)際項(xiàng)目任務(wù)。參考教育學(xué)原理構(gòu)建ui課程教學(xué)內(nèi)容，教學(xué)環(huán)節(jié)分為項(xiàng)目調(diào)研、項(xiàng)目策劃、設(shè)計(jì)實(shí)踐和測試與反饋四個(gè)部分。以某“智能騎行”系統(tǒng)軟件界面設(shè)計(jì)為例，將此項(xiàng)目的課堂教學(xué)劃分為三個(gè)部分，前期的市場調(diào)查與用戶研究、設(shè)計(jì)實(shí)踐和測試反饋，如表1所示。3.3師生角色轉(zhuǎn)換的體驗(yàn)評(píng)價(jià)模式“以用戶體驗(yàn)為主導(dǎo)”是近年逐步成熟起來的交

7、互設(shè)計(jì)這一專業(yè)方向的核心理念。判斷ui設(shè)計(jì)優(yōu)劣的主體應(yīng)該是用戶，項(xiàng)目貫穿式ui互動(dòng)設(shè)計(jì)課程教學(xué)中，學(xué)生扮演著項(xiàng)目執(zhí)行人（產(chǎn)品經(jīng)理、設(shè)計(jì)師、測試經(jīng)理）的角色，教師扮演著用戶的角色。在項(xiàng)目的各個(gè)部分，“教師-學(xué)生”角色關(guān)系轉(zhuǎn)換為“用戶-產(chǎn)品經(jīng)理”“用戶-設(shè)計(jì)師”和“用戶-測試經(jīng)理”等角色關(guān)系。教師從用戶的角度對(duì)學(xué)生的設(shè)計(jì)工作進(jìn)行引導(dǎo)、體驗(yàn)、評(píng)價(jià)和反饋。3.3.1項(xiàng)目前期：“調(diào)研-評(píng)價(jià)”模式用戶研究是ui設(shè)計(jì)流程的第一步。教師在及時(shí)掌握行業(yè)動(dòng)態(tài)和學(xué)科前沿的前提下，安將企業(yè)全真項(xiàng)目帶人課堂，進(jìn)行項(xiàng)目背景和任務(wù)的介紹。學(xué)生通過教師對(duì)行業(yè)和市場的介紹、資料搜集整理、網(wǎng)絡(luò)調(diào)查等手段進(jìn)行項(xiàng)目調(diào)研，并對(duì)用戶的需

8、求和使用習(xí)慣進(jìn)行研究，在項(xiàng)目調(diào)研和用戶研究的基礎(chǔ)之上進(jìn)行用戶需求信息的確認(rèn)，建立用戶模型。受限于技術(shù)和資源條件，課堂上無法借助互聯(lián)網(wǎng)平臺(tái)實(shí)現(xiàn)用戶大數(shù)據(jù)的挖掘與研究，更為可行的方式是用戶訪問、資料查詢和課堂實(shí)驗(yàn)。具體的操作方法有用戶訪問、情景實(shí)驗(yàn)、問卷調(diào)查、數(shù)據(jù)分析、網(wǎng)絡(luò)調(diào)查等。這一環(huán)節(jié)的主要任務(wù)是讓學(xué)生通過調(diào)查研究了解用戶的需求與期望，并總結(jié)用戶痛點(diǎn)，進(jìn)而建立準(zhǔn)確的用戶模型，為用戶界面設(shè)計(jì)和交互設(shè)計(jì)提供參考。教師從用戶的角度出發(fā)對(duì)“學(xué)生-產(chǎn)品經(jīng)理”的項(xiàng)目調(diào)研工作進(jìn)行評(píng)價(jià)，以判斷學(xué)生通過調(diào)研獲取的用戶模型是否符合實(shí)際用戶的需求和期望。主要針對(duì)調(diào)研方法的實(shí)效性、調(diào)研工作的全面客觀性、用戶模型的準(zhǔn)確

9、性、用戶需求期望分析與用戶痛點(diǎn)總結(jié)的確切性等幾個(gè)方面進(jìn)行評(píng)價(jià)，以確保學(xué)生前期項(xiàng)目調(diào)研工作的真實(shí)有效。教師轉(zhuǎn)換為用戶角度的評(píng)價(jià)有利于學(xué)生對(duì)調(diào)研工作的審視與判斷。在以市場為背景的用戶需求導(dǎo)向下展開的用戶調(diào)研和評(píng)價(jià)工作有利于學(xué)生對(duì)市場環(huán)節(jié)和用戶信息的把握，建立真實(shí)準(zhǔn)確的用戶模型，為產(chǎn)品的界面設(shè)計(jì)和交互設(shè)計(jì)提供準(zhǔn)確可行的參考。 3.3.2項(xiàng)目中期：“設(shè)計(jì)-體驗(yàn)”模式“學(xué)生-產(chǎn)品經(jīng)理”在市場調(diào)研和用戶研究的基礎(chǔ)之上，建立了準(zhǔn)確的用戶模型，進(jìn)而設(shè)計(jì)應(yīng)用的功能模塊，繪制功能地圖。下一步的工作是以功能地圖為參考進(jìn)行界面設(shè)計(jì)。在界面設(shè)計(jì)環(huán)節(jié)，學(xué)生需要對(duì)調(diào)研結(jié)果進(jìn)行認(rèn)真分析，根據(jù)用戶模型大體確定網(wǎng)站或應(yīng)用包括多少

10、界面，每一個(gè)界面有什么功能以及每個(gè)界面之間的關(guān)系。在思考信息架構(gòu)的過程中，實(shí)際上完成了對(duì)產(chǎn)品的概念設(shè)計(jì)。其次是將概念設(shè)計(jì)轉(zhuǎn)化為用戶界面的“功能地圖”和設(shè)計(jì)草圖。“功能地圖”描述出整個(gè)網(wǎng)站或手機(jī)應(yīng)用內(nèi)各個(gè)頁面之間的邏輯關(guān)系，設(shè)計(jì)草圖形成用戶的界面的初步外觀。之后是更為具體的ui圖標(biāo)設(shè)計(jì)、字體設(shè)計(jì)等。交互設(shè)計(jì)環(huán)節(jié)要求學(xué)生緊扣用戶界面的信息架構(gòu)進(jìn)行界面功能細(xì)節(jié)的設(shè)計(jì)，完成并提交一份帶有交互操作及前后邏輯關(guān)系的圖形界面設(shè)計(jì)稿序列以及高保真原型設(shè)計(jì)作品。設(shè)計(jì)評(píng)價(jià)環(huán)節(jié)是教師對(duì)學(xué)生的設(shè)計(jì)工作進(jìn)行體驗(yàn)和評(píng)價(jià)，或者是學(xué)生之間的互評(píng)。教師從用戶的角度對(duì)學(xué)生提交的界面設(shè)計(jì)序列稿進(jìn)行評(píng)價(jià)，并對(duì)學(xué)生提交的高保真原型設(shè)計(jì)

11、作品進(jìn)行交互操作和體驗(yàn)，在仿真界面和模擬操作的環(huán)境中真切感受學(xué)生設(shè)計(jì)作品，對(duì)其所獲得的視覺體驗(yàn)效果和交互體驗(yàn)效果加以描述，反饋給“學(xué)生-設(shè)計(jì)師”。3.3.3項(xiàng)目后期：“測試-反饋”模式以企業(yè)全真項(xiàng)目為依托的ui設(shè)計(jì)輸出涵蓋界面和交互功能的高保真原型設(shè)計(jì)作品進(jìn)行測試，將產(chǎn)品界面設(shè)計(jì)原型發(fā)布虛擬電子設(shè)備進(jìn)行用戶界面測試，由用戶進(jìn)行操作體驗(yàn)。產(chǎn)品測試的目標(biāo)是判斷設(shè)計(jì)原型能否滿足用戶的功能需求，符合用戶視覺習(xí)慣和使用習(xí)慣。實(shí)際工作中，公司會(huì)把產(chǎn)品原型的測試工作交給專門的測試人員或團(tuán)隊(duì)來完成。教學(xué)中的原型測試環(huán)節(jié)，將學(xué)生轉(zhuǎn)換為測試經(jīng)理的角色，其任務(wù)是將項(xiàng)目高保真原型發(fā)布于多種媒介設(shè)備的瀏覽器平臺(tái)進(jìn)行測試

12、。教師轉(zhuǎn)換為產(chǎn)品用戶的角色，其任務(wù)是通過對(duì)產(chǎn)品原型的操作體驗(yàn)來感受和評(píng)價(jià)學(xué)生的設(shè)計(jì)作品。在原型設(shè)計(jì)作品的測試環(huán)節(jié)，教師完成用戶操作、體驗(yàn)和反饋的過程，進(jìn)而對(duì)“學(xué)生一測試經(jīng)理”發(fā)布的作品進(jìn)行體驗(yàn)評(píng)價(jià)，通過用戶和設(shè)計(jì)系統(tǒng)交互的質(zhì)量，判斷“學(xué)生-設(shè)計(jì)師”的設(shè)計(jì)方案是否真正符合“以用戶體驗(yàn)為中心”的原則，預(yù)期的產(chǎn)品能否達(dá)到人性化的體驗(yàn)效果，并將測試結(jié)果反饋給學(xué)生，以促進(jìn)其對(duì)設(shè)計(jì)作品的改進(jìn)和完善。4結(jié)論隨著信息技術(shù)的發(fā)展，ui設(shè)計(jì)已深入社會(huì)信息行業(yè)的各個(gè)領(lǐng)域，工業(yè)產(chǎn)品中的人機(jī)交互界面設(shè)計(jì)是產(chǎn)品設(shè)計(jì)的重要內(nèi)容，然而工業(yè)產(chǎn)品ui設(shè)計(jì)的高校培養(yǎng)模式尚未成型。ui設(shè)計(jì)教師有責(zé)任擔(dān)負(fù)時(shí)代的使命，探討研究更合理、更科學(xué)