“項(xiàng)目貫穿式”UI互動設(shè)計教學(xué)探索

唐冶　李穎

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

關(guān)鍵詞：全真項(xiàng)目；UI設(shè)計；互動設(shè)計；實(shí)踐教學(xué)

1概述

UI是User Interface用戶界面的簡稱，主要是指對軟件的人機(jī)交互。工業(yè)產(chǎn)品中的UI設(shè)計主要指人機(jī)交互界面的設(shè)計，隨著信息技術(shù)的發(fā)展，工業(yè)產(chǎn)品與移動應(yīng)用相結(jié)合的案例屢見不鮮，如北京馬蹄鐵科技推出的自行車智能騎行就是將硬件與軟件相結(jié)合，而軟件部分的人機(jī)界面交互設(shè)計成為整個智能騎行系統(tǒng)中的重要部分，對智能騎行系統(tǒng)的用戶體驗(yàn)起到至關(guān)重要的作用。工業(yè)產(chǎn)品中的UI設(shè)計更加注重產(chǎn)品功能與用戶操作的對接以及良好舒適的界面操作體驗(yàn)。

工業(yè)產(chǎn)品設(shè)計領(lǐng)域的UI設(shè)計人才的需求越來越大。目前UI設(shè)計行業(yè)與國外在同步發(fā)展水平，人才資源爭奪激烈，國內(nèi)外眾多大型互聯(lián)網(wǎng)IT企業(yè)都已經(jīng)有比較完善的UI設(shè)計部門，但工業(yè)設(shè)計領(lǐng)域的UI設(shè)計人才尤為稀缺，且該領(lǐng)域人才的高校培養(yǎng)尚未成型。如何培養(yǎng)符合社會和行業(yè)需求，特別是工業(yè)產(chǎn)品軟件UI設(shè)計人才，是未來高校機(jī)械設(shè)計及產(chǎn)品設(shè)計類專業(yè)亟需解決的問題。

2UI設(shè)計實(shí)踐教學(xué)模式探索

目前，國內(nèi)許多高校開設(shè)了UI設(shè)計類課程，其中以藝術(shù)類院校居多，如南京藝術(shù)學(xué)院開設(shè)的《界面設(shè)計創(chuàng)意》，但多數(shù)藝術(shù)類院校的UI設(shè)計課程以移動應(yīng)用界面設(shè)計或網(wǎng)頁設(shè)計為主，而一些專業(yè)如機(jī)械設(shè)計或工業(yè)設(shè)計領(lǐng)域針對工業(yè)產(chǎn)品界面的UI設(shè)計類課程還較為欠缺，而軟件界面設(shè)計又是工業(yè)產(chǎn)品設(shè)計中非常重要的部分。

然而以知識講解為主要教學(xué)模式的傳統(tǒng)教學(xué)課堂已經(jīng)難以滿足移動互聯(lián)網(wǎng)工業(yè)產(chǎn)品設(shè)計行業(yè)對開放創(chuàng)新型UI設(shè)計人才的需求，以傳統(tǒng)課堂教學(xué)模式培養(yǎng)出的UI設(shè)計人才難以勝任企業(yè)實(shí)際項(xiàng)目對UI設(shè)計工作的要求。本文以工業(yè)產(chǎn)品中的軟件界面設(shè)計為例，探索了項(xiàng)目貫穿式的UI互動設(shè)計實(shí)踐教學(xué)模式，以期對UI設(shè)計人才的培養(yǎng)由“設(shè)計造型能力型”人才向“解決問題綜合能力型”人才的轉(zhuǎn)變。為企業(yè)和社會培養(yǎng)出實(shí)踐能力強(qiáng)，能夠解決實(shí)際問題的UI設(shè)計人才。

工業(yè)產(chǎn)品中的軟件UI設(shè)計需要以結(jié)構(gòu)和功能設(shè)計為基礎(chǔ)，結(jié)合產(chǎn)品用戶的實(shí)際體驗(yàn)需求展開功能與人性化體驗(yàn)相結(jié)合的開放性設(shè)計，傳統(tǒng)UI設(shè)計課堂顯然難以滿足實(shí)際需求。在現(xiàn)有市場條件下，探索以全真項(xiàng)目為依托，以學(xué)生為中心的UI互動設(shè)計教學(xué)模式較為符合工業(yè)產(chǎn)品UI設(shè)計對開放創(chuàng)新設(shè)計的要求。這一設(shè)計教學(xué)模式以實(shí)踐項(xiàng)目貫穿始末，緊密與行業(yè)實(shí)際相結(jié)合，通過項(xiàng)目教學(xué)設(shè)計和教學(xué)過程完成整個項(xiàng)目的設(shè)計實(shí)踐教學(xué)，且始終以學(xué)生為中心展開設(shè)計的各個環(huán)節(jié)，教師起到引導(dǎo)、推進(jìn)、體驗(yàn)和評價的作用。

3項(xiàng)目貫穿式互動設(shè)計教學(xué)與實(shí)踐

3.1教學(xué)整體設(shè)計

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

3.2實(shí)踐教學(xué)過程

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

3.3師生角色轉(zhuǎn)換的體驗(yàn)評價模式

“以用戶體驗(yàn)為主導(dǎo)”是近年逐步成熟起來的交互設(shè)計這一專業(yè)方向的核心理念。判斷UI設(shè)計優(yōu)劣的主體應(yīng)該是用戶，項(xiàng)目貫穿式UI互動設(shè)計課程教學(xué)中，學(xué)生扮演著項(xiàng)目執(zhí)行人（產(chǎn)品經(jīng)理、設(shè)計師、測試經(jīng)理）的角色，教師扮演著用戶的角色。在項(xiàng)目的各個部分，“教師-學(xué)生”角色關(guān)系轉(zhuǎn)換為“用戶-產(chǎn)品經(jīng)理”“用戶-設(shè)計師”和“用戶-測試經(jīng)理”等角色關(guān)系。教師從用戶的角度對學(xué)生的設(shè)計工作進(jìn)行引導(dǎo)、體驗(yàn)、評價和反饋。

3.3.1項(xiàng)目前期：“調(diào)研-評價”模式

用戶研究是UI設(shè)計流程的第一步。教師在及時掌握行業(yè)動態(tài)和學(xué)科前沿的前提下，安將企業(yè)全真項(xiàng)目帶人課堂，進(jìn)行項(xiàng)目背景和任務(wù)的介紹。學(xué)生通過教師對行業(yè)和市場的介紹、資料搜集整理、網(wǎng)絡(luò)調(diào)查等手段進(jìn)行項(xiàng)目調(diào)研，并對用戶的需求和使用習(xí)慣進(jìn)行研究，在項(xiàng)目調(diào)研和用戶研究的基礎(chǔ)之上進(jìn)行用戶需求信息的確認(rèn)，建立用戶模型。受限于技術(shù)和資源條件，課堂上無法借助互聯(lián)網(wǎng)平臺實(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è)計和交互設(shè)計提供參考。

教師從用戶的角度出發(fā)對“學(xué)生-產(chǎn)品經(jīng)理”的項(xiàng)目調(diào)研工作進(jìn)行評價，以判斷學(xué)生通過調(diào)研獲取的用戶模型是否符合實(shí)際用戶的需求和期望。主要針對調(diào)研方法的實(shí)效性、調(diào)研工作的全面客觀性、用戶模型的準(zhǔn)確性、用戶需求期望分析與用戶痛點(diǎn)總結(jié)的確切性等幾個方面進(jìn)行評價，以確保學(xué)生前期項(xiàng)目調(diào)研工作的真實(shí)有效。教師轉(zhuǎn)換為用戶角度的評價有利于學(xué)生對調(diào)研工作的審視與判斷。在以市場為背景的用戶需求導(dǎo)向下展開的用戶調(diào)研和評價工作有利于學(xué)生對市場環(huán)節(jié)和用戶信息的把握，建立真實(shí)準(zhǔn)確的用戶模型，為產(chǎn)品的界面設(shè)計和交互設(shè)計提供準(zhǔn)確可行的參考。

3.3.2項(xiàng)目中期：“設(shè)計-體驗(yàn)”模式

“學(xué)生-產(chǎn)品經(jīng)理”在市場調(diào)研和用戶研究的基礎(chǔ)之上，建立了準(zhǔn)確的用戶模型，進(jìn)而設(shè)計應(yīng)用的功能模塊，繪制功能地圖。下一步的工作是以功能地圖為參考進(jìn)行界面設(shè)計。在界面設(shè)計環(huán)節(jié)，學(xué)生需要對調(diào)研結(jié)果進(jìn)行認(rèn)真分析，根據(jù)用戶模型大體確定網(wǎng)站或應(yīng)用包括多少界面，每一個界面有什么功能以及每個界面之間的關(guān)系。在思考信息架構(gòu)的過程中，實(shí)際上完成了對產(chǎn)品的概念設(shè)計。其次是將概念設(shè)計轉(zhuǎn)化為用戶界面的“功能地圖”和設(shè)計草圖。“功能地圖”描述出整個網(wǎng)站或手機(jī)應(yīng)用內(nèi)各個頁面之間的邏輯關(guān)系，設(shè)計草圖形成用戶的界面的初步外觀。之后是更為具體的UI圖標(biāo)設(shè)計、字體設(shè)計等。交互設(shè)計環(huán)節(jié)要求學(xué)生緊扣用戶界面的信息架構(gòu)進(jìn)行界面功能細(xì)節(jié)的設(shè)計，完成并提交一份帶有交互操作及前后邏輯關(guān)系的圖形界面設(shè)計稿序列以及高保真原型設(shè)計作品。

設(shè)計評價環(huán)節(jié)是教師對學(xué)生的設(shè)計工作進(jìn)行體驗(yàn)和評價，或者是學(xué)生之間的互評。教師從用戶的角度對學(xué)生提交的界面設(shè)計序列稿進(jìn)行評價，并對學(xué)生提交的高保真原型設(shè)計作品進(jìn)行交互操作和體驗(yàn)，在仿真界面和模擬操作的環(huán)境中真切感受學(xué)生設(shè)計作品，對其所獲得的視覺體驗(yàn)效果和交互體驗(yàn)效果加以描述，反饋給“學(xué)生-設(shè)計師”。

3.3.3項(xiàng)目后期：“測試-反饋”模式

以企業(yè)全真項(xiàng)目為依托的UI設(shè)計輸出涵蓋界面和交互功能的高保真原型設(shè)計作品進(jìn)行測試，將產(chǎn)品界面設(shè)計原型發(fā)布虛擬電子設(shè)備進(jìn)行用戶界面測試，由用戶進(jìn)行操作體驗(yàn)。產(chǎn)品測試的目標(biāo)是判斷設(shè)計原型能否滿足用戶的功能需求，符合用戶視覺習(xí)慣和使用習(xí)慣。

實(shí)際工作中，公司會把產(chǎn)品原型的測試工作交給專門的測試人員或團(tuán)隊(duì)來完成。教學(xué)中的原型測試環(huán)節(jié)，將學(xué)生轉(zhuǎn)換為測試經(jīng)理的角色，其任務(wù)是將項(xiàng)目高保真原型發(fā)布于多種媒介設(shè)備的瀏覽器平臺進(jìn)行測試。教師轉(zhuǎn)換為產(chǎn)品用戶的角色，其任務(wù)是通過對產(chǎn)品原型的操作體驗(yàn)來感受和評價學(xué)生的設(shè)計作品。在原型設(shè)計作品的測試環(huán)節(jié)，教師完成用戶操作、體驗(yàn)和反饋的過程，進(jìn)而對“學(xué)生一測試經(jīng)理”發(fā)布的作品進(jìn)行體驗(yàn)評價，通過用戶和設(shè)計系統(tǒng)交互的質(zhì)量，判斷“學(xué)生-設(shè)計師”的設(shè)計方案是否真正符合“以用戶體驗(yàn)為中心”的原則，預(yù)期的產(chǎn)品能否達(dá)到人性化的體驗(yàn)效果，并將測試結(jié)果反饋給學(xué)生，以促進(jìn)其對設(shè)計作品的改進(jìn)和完善。

4結(jié)論

隨著信息技術(shù)的發(fā)展，UI設(shè)計已深入社會信息行業(yè)的各個領(lǐng)域，工業(yè)產(chǎn)品中的人機(jī)交互界面設(shè)計是產(chǎn)品設(shè)計的重要內(nèi)容，然而工業(yè)產(chǎn)品UI設(shè)計的高校培養(yǎng)模式尚未成型。UI設(shè)計教師有責(zé)任擔(dān)負(fù)時代的使命，探討研究更合理、更科學(xué)的UI設(shè)計教學(xué)模式，為企業(yè)和社會培養(yǎng)更多符合行業(yè)需求的UI設(shè)計人才，“項(xiàng)目貫穿式”UI互動設(shè)計教學(xué)模式提升了UI設(shè)計課堂的綜合實(shí)踐性、激發(fā)了學(xué)生參與設(shè)計的自主性與創(chuàng)新性，提升了UI設(shè)計產(chǎn)品的可用性。這一教學(xué)模式構(gòu)建了開放真實(shí)且與用戶實(shí)際需求緊密結(jié)合的UI設(shè)計課堂，能夠培養(yǎng)出符合市場需求、解決實(shí)際問題的UI設(shè)計人才，符合行業(yè)與社會對UI設(shè)計人才的要求。