低保真原型在交互設(shè)計(jì)教學(xué)中的應(yīng)用與探索

潘小棟

(浙江科技學(xué)院 藝術(shù)設(shè)計(jì)學(xué)院,杭州 310023)

10.3969/j.issn.1671-8798.2017.05.013

2017-04-17

潘小棟(1979— ),男,浙江省余姚人,講師,碩士,主要從事產(chǎn)品創(chuàng)新與交互設(shè)計(jì)研究。E-mail:adong915@126.com。

低保真原型在交互設(shè)計(jì)教學(xué)中的應(yīng)用與探索

潘小棟

(浙江科技學(xué)院 藝術(shù)設(shè)計(jì)學(xué)院,杭州 310023)

針對(duì)交互設(shè)計(jì)教學(xué)中出現(xiàn)的學(xué)生忽視框架層設(shè)計(jì)的問(wèn)題,將低保真原型方法引入課堂。通過(guò)教學(xué)實(shí)例,從制作材料、制作要點(diǎn)、測(cè)試方法等方面闡述該方法的可行性及其給教學(xué)帶來(lái)的積極變化;同時(shí),又剖析紙面原型在實(shí)踐中的局限性,進(jìn)一步提出如何結(jié)合手機(jī)應(yīng)用程序來(lái)實(shí)現(xiàn)低保真原型的數(shù)字化改良。教學(xué)實(shí)踐表明，低保真原型是一種值得應(yīng)用的交互設(shè)計(jì)教學(xué)方法。

低保真原型;交互設(shè)計(jì)教學(xué);用戶體驗(yàn)要素;設(shè)計(jì)流程

隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展與智能設(shè)備的興起,涉及用戶體驗(yàn)的相關(guān)行業(yè)對(duì)人才的需求日趨緊迫,使得交互設(shè)計(jì)也正在成為國(guó)內(nèi)設(shè)計(jì)院校中的新興培養(yǎng)方向。然而,交互設(shè)計(jì)教學(xué)在國(guó)內(nèi)現(xiàn)行設(shè)計(jì)教育課程體系中尚處于蹣跚起步的階段[1-3],對(duì)如何有效培養(yǎng)符合行業(yè)需求的交互設(shè)計(jì)專(zhuān)業(yè)人才,如何科學(xué)合理地優(yōu)化課程設(shè)計(jì)環(huán)節(jié),國(guó)內(nèi)教育工作者們正處于邊實(shí)踐邊探索的過(guò)程中,其中低保真原型設(shè)計(jì)在整個(gè)教學(xué)環(huán)節(jié)中的作用與地位正在逐漸凸顯出來(lái)[4-5]。

1 低保真原型及其在交互設(shè)計(jì)教學(xué)中的必要性

1.1 低保真原型

原型(prototype)一詞來(lái)源于希臘語(yǔ)“prototypos”,最初的意思是具有原創(chuàng)性的初始模型[6]。隨著時(shí)間的推移,原型的含義已經(jīng)演化,如今在交互設(shè)計(jì)的概念中,原型可以理解成是在最終方案成形之前的一種設(shè)計(jì)呈現(xiàn)形式[7]。它將系統(tǒng)核心功能和關(guān)鍵流程以可視化的形態(tài)展現(xiàn)給用戶,用來(lái)征求意見(jiàn)、明確需求,同時(shí)也是開(kāi)發(fā)團(tuán)隊(duì)成員之間用來(lái)討論、分析和驗(yàn)證設(shè)計(jì)方案的工具。

根據(jù)制作精度與用途,原型可大致分為高保真與低保真兩類(lèi)[8],其中高保真原型在交互體驗(yàn)與視覺(jué)效果上均與最終產(chǎn)品非常接近,可提供最直觀的體驗(yàn)效果,但其需要借助專(zhuān)業(yè)的原型軟件來(lái)制作完成,需要投入的時(shí)間、精力較多,并不適合在交互設(shè)計(jì)階段過(guò)早啟用。在設(shè)計(jì)方案尚未被驗(yàn)證的前期階段,產(chǎn)品形態(tài)還存在諸多變數(shù),一旦方案需要大的調(diào)整甚至推翻重來(lái),將會(huì)產(chǎn)生大量的資源浪費(fèi),因此高保真原型更多被使用在整個(gè)開(kāi)發(fā)流程的后期。如圖1所示,低保真原型的主要呈現(xiàn)介質(zhì)是紙面,形式上以手工繪制的線框元素為主,它具有構(gòu)建快速、成本低廉的特點(diǎn),可適應(yīng)反復(fù)的測(cè)試驗(yàn)證與修改重建,滿足了前期階段的設(shè)計(jì)需求。

圖1 課程教學(xué)中制作的紙面原型Fig.1 Paper prototypes produced in course teaching

1.2 低保真原型方法引入課程教學(xué)的必要性

浙江科技學(xué)院工業(yè)設(shè)計(jì)專(zhuān)業(yè)從2012年起在本科高年級(jí)開(kāi)設(shè)交互設(shè)計(jì)模塊化課程,在最初的教學(xué)設(shè)計(jì)中,借鑒企業(yè)經(jīng)驗(yàn)并參考用戶體驗(yàn)專(zhuān)家GARRETT對(duì)于用戶體驗(yàn)要素5個(gè)層次(戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層)的經(jīng)典論述[9]。如圖2所示,將設(shè)計(jì)流程大致分解為“需求挖掘-概念設(shè)計(jì)-交互設(shè)計(jì)-視覺(jué)設(shè)計(jì)-高保真原型”,基本涵蓋了用戶體驗(yàn)設(shè)計(jì)的完整流程,也符合該專(zhuān)業(yè)對(duì)學(xué)生的培養(yǎng)目標(biāo)與定位:培養(yǎng)具有產(chǎn)品全局觀的交互設(shè)計(jì)師、UI設(shè)計(jì)師。

圖2 用戶體驗(yàn)要素的5個(gè)層次Fig.2 Five levels of user experience elements

然而,在實(shí)際教學(xué)中很快暴露了出問(wèn)題,盡管課程對(duì)設(shè)計(jì)流程的劃分明確,但依舊有很多學(xué)生在各環(huán)節(jié)比重把握上存在較大的隨意性。學(xué)生依據(jù)自身性格、興趣的差異自然分化為兩個(gè)群體:一部分學(xué)生在前期階段較活躍,對(duì)選題分析、挖掘用戶需求與定義功能范圍等興趣濃厚,即專(zhuān)注于戰(zhàn)略層與范圍層的內(nèi)容,善于撰寫(xiě)調(diào)研分析報(bào)告,可是缺乏將概念進(jìn)一步轉(zhuǎn)化成具體方案的動(dòng)力和能力,出現(xiàn)虎頭蛇尾的現(xiàn)象;另一部分學(xué)生在選題與初稿之后,就一頭鉆進(jìn)自己喜歡的表現(xiàn)層設(shè)計(jì)中,執(zhí)迷于高保真原型的視覺(jué)與動(dòng)態(tài)效果,甚至在完成視覺(jué)設(shè)計(jì)的細(xì)膩效果之后再反推交互流程與頁(yè)面邏輯。這兩種傾向都忽視了與用戶行為邏輯最直接的框架層與結(jié)構(gòu)層,導(dǎo)致用戶體驗(yàn)設(shè)計(jì)流程的割裂,學(xué)生所做設(shè)計(jì)存在頁(yè)面邏輯錯(cuò)誤與交互體驗(yàn)不佳的問(wèn)題也就不足為奇了。

這一狀態(tài)明顯偏離了培養(yǎng)目標(biāo),因此,本課題組著手對(duì)教學(xué)環(huán)節(jié)作調(diào)整,以實(shí)現(xiàn)范圍層到框架層之間的有效銜接。在原有信息架構(gòu)與線框草圖設(shè)計(jì)的基礎(chǔ)上引入低保真原型設(shè)計(jì),淡化高保真原型的要求,并增加原型測(cè)試環(huán)節(jié),讓交互方案在進(jìn)入視覺(jué)設(shè)計(jì)流程之前,有可能進(jìn)行多次迭代修改,從而避免交互體驗(yàn)上的結(jié)構(gòu)性錯(cuò)誤[10]。

2 低保真原型在教學(xué)中的應(yīng)用

低保真原型在Google、騰訊、阿里巴巴、網(wǎng)易等國(guó)內(nèi)外知名互聯(lián)網(wǎng)企業(yè)的產(chǎn)品開(kāi)發(fā)流程中已有較為廣泛的運(yùn)用,設(shè)計(jì)師們通過(guò)實(shí)踐總結(jié)出了一系列值得借鑒的經(jīng)驗(yàn)[11-13]。但由于學(xué)校與企業(yè)在人員專(zhuān)業(yè)程度、團(tuán)隊(duì)協(xié)作能力、真實(shí)數(shù)據(jù)支撐等諸多方面存在著客觀差距,因此,低保真原型在高校教學(xué)環(huán)境中的應(yīng)用實(shí)施還需要根據(jù)實(shí)際情況,在多個(gè)方面做到因地制宜,以更符合學(xué)生能力與教學(xué)場(chǎng)景的實(shí)際。

2.1 介入課程教學(xué)的時(shí)機(jī)

以交互模塊的核心課程“目標(biāo)導(dǎo)向設(shè)計(jì)”為例,在完成目標(biāo)識(shí)別、需求分析、信息架構(gòu)等一系列前期任務(wù)之后,學(xué)生對(duì)自己設(shè)計(jì)的產(chǎn)品邏輯已初步形成,此時(shí)開(kāi)始指導(dǎo)學(xué)生進(jìn)入低保真原型設(shè)計(jì)環(huán)節(jié)是較為合適的時(shí)間點(diǎn)。同時(shí),由于原型制作的目的在于溝通、測(cè)試、評(píng)估與完善方案,而并不是作為交付效果的展示,因此,在初步完成信息架構(gòu)與流程圖草稿后就著手制作原型,也利于學(xué)生盡早通過(guò)原型測(cè)試來(lái)驗(yàn)證前期內(nèi)容,形成設(shè)計(jì)上的快速迭代。

2.2 人員組織形式

紙面原型的制作、討論與測(cè)試工作較適合多人合作,所以課程教學(xué)中一般將班級(jí)學(xué)生按選題劃分成3人小組的形式,通過(guò)組員間的協(xié)作來(lái)完善交互邏輯并且提高工作效率。

2.3 制作材料的準(zhǔn)備

紙面原型的創(chuàng)建較為簡(jiǎn)便,材料方面只需要一些日常文具,例如紙張、易事貼、固體膠、簽字筆、馬克筆、尺子、剪刀等,它們簡(jiǎn)單輕便且不依賴(lài)電源和網(wǎng)絡(luò),便于在普通教室中開(kāi)展。

2.4 制作方式與要點(diǎn)

紙面原型的制作方式較為簡(jiǎn)便,例如針對(duì)移動(dòng)端APP設(shè)計(jì),可將手機(jī)輪廓線框打印出來(lái)做模板底稿使用以提高效率。如圖3所示,指導(dǎo)學(xué)生用簡(jiǎn)約樸實(shí)的線條與文字,把概念設(shè)計(jì)中的界面元素按比例繪制在原型底稿上即可,同時(shí)將圖標(biāo)狀態(tài)、浮層與彈出框等元素制作成獨(dú)立模塊,以便測(cè)試時(shí)配合手工操作來(lái)使用。

圖3 學(xué)生制作的“烘焙菜譜APP”紙面原型Fig.3 Paper prototypes of “Baking recipes APP” made by students

在低保真的紙面原型制作環(huán)節(jié)中,有以下幾個(gè)要點(diǎn)值得注意：

一是真實(shí)的原型尺寸。目前教學(xué)中的設(shè)計(jì)對(duì)象以移動(dòng)端APP為主,可選擇較主流的手機(jī)輪廓作為原型底板(如iPhone、小米等)。與電腦網(wǎng)頁(yè)用鼠標(biāo)移動(dòng)點(diǎn)擊不同,智能手機(jī)在操作上通過(guò)手指直接觸摸,原型物理尺寸會(huì)影響到測(cè)試用戶對(duì)產(chǎn)品的理解和操作感受,所以在原型尺寸的設(shè)定上要盡量接近真實(shí)手機(jī)的數(shù)據(jù)[14-15]。

二是提前準(zhǔn)備常用控件。在移動(dòng)端APP的設(shè)計(jì)中,不論iOS還是Android系統(tǒng),都有一些系統(tǒng)標(biāo)準(zhǔn)的控件元素可以拆分出來(lái)單獨(dú)制作。如圖4所示,控件包括標(biāo)簽欄、鍵盤(pán)、文本輸入框、高亮框、通知、分段式標(biāo)簽等。靈活運(yùn)用這些控件,能在很大程度上提高效率[16]。

圖4 學(xué)生自制的紙面原型控件庫(kù)Fig.4 Paper prototyping control library made by students

三是色彩以黑白灰為主。除少量色彩點(diǎn)綴強(qiáng)調(diào)外,整體盡量采用黑白灰色,在繪制方式上也最好保持簡(jiǎn)約樸實(shí)的風(fēng)格,以避免視覺(jué)因素對(duì)測(cè)試環(huán)節(jié)產(chǎn)生干擾。

四是靈活處理交互細(xì)節(jié)。對(duì)于下拉刷新、進(jìn)度條百分比、圖片翻轉(zhuǎn)等動(dòng)態(tài)效果,無(wú)需花費(fèi)時(shí)間精力在紙面原型中去模擬。小組成員可以在原型測(cè)試場(chǎng)景中結(jié)合口述提示的方式來(lái)靈活處理,例如“此處有下拉刷新動(dòng)畫(huà)”“進(jìn)度條在行進(jìn)中”,等等。

2.5 溝通與測(cè)試

在課程中紙面原型是小組成員用來(lái)溝通設(shè)計(jì)方案的有效方法,也是進(jìn)行可用性測(cè)試評(píng)估的重要環(huán)節(jié)。紙面原型是用紙片素材模擬交互元素,因此本身并不具備反饋能力,需要成員間的合作才能真正發(fā)揮作用[17]。

首先進(jìn)行適當(dāng)?shù)慕巧止?小組中的三名學(xué)生分別充當(dāng)系統(tǒng)、主持人、記錄員的角色。系統(tǒng)角色負(fù)責(zé)模擬系統(tǒng)的操作反饋,例如進(jìn)行界面元素的移動(dòng)、切換,必要時(shí)用語(yǔ)言描述交互效果等;主持人對(duì)被測(cè)用戶進(jìn)行必要的引導(dǎo)、輔助與解釋;記錄員將測(cè)試環(huán)節(jié)中的反饋與問(wèn)題記錄備用。然后從小組以外邀請(qǐng)測(cè)試用戶角色,因?yàn)闆](méi)有參與過(guò)該原型設(shè)計(jì)的學(xué)生,對(duì)交互方案的理解水平和反應(yīng)狀態(tài)會(huì)更趨于接近真實(shí)用戶,如此得出的測(cè)試結(jié)果才更客觀有效[18]。

3 低保真原型在教學(xué)中的實(shí)踐效果

通過(guò)將低保真原型帶入課堂,給交互設(shè)計(jì)課程的教學(xué)帶來(lái)了清新之風(fēng),學(xué)生改變了以往空談概念難以落地轉(zhuǎn)化,或執(zhí)迷于視覺(jué)效果而忽視交互體驗(yàn)的學(xué)習(xí)狀態(tài)。具體表現(xiàn)在以下幾個(gè)方面。

3.1 設(shè)計(jì)流程的優(yōu)化

低保真原型的創(chuàng)建成本低,制作效率高,學(xué)生能夠在課堂上借助簡(jiǎn)單材料快速創(chuàng)建出原型,邊思考討論,邊動(dòng)手制作,不再專(zhuān)注于對(duì)高保真視覺(jué)稿的描摹刻畫(huà),注意力轉(zhuǎn)向到了探討交互方案本身。如圖5所示,學(xué)生們?cè)谡n堂中繪制了大量紙上原型,雖然手工制作的低保真原型在視覺(jué)上也許比較簡(jiǎn)陋,但卻夯實(shí)了框架層與結(jié)構(gòu)層的工作,設(shè)計(jì)流程得到了切實(shí)改善。

圖5 學(xué)生制作的紙面原型Fig.5 Paper prototypes made by students

3.2 團(tuán)隊(duì)意識(shí)的加強(qiáng)

低保真原型作為一種適合多人協(xié)作的設(shè)計(jì)方法,幾乎沒(méi)有技術(shù)門(mén)檻,不受繪畫(huà)與軟件水平的制約,每個(gè)學(xué)生都能參與到小組討論和制作中來(lái)。協(xié)作氛圍讓學(xué)生的思維更加活躍,設(shè)計(jì)靈感更易激發(fā),通過(guò)相互檢驗(yàn)還減少了邏輯漏洞的出現(xiàn)。

3.3 修改意愿的轉(zhuǎn)變

由于低保真原型的創(chuàng)建便捷,能夠在短時(shí)間內(nèi)發(fā)展出較多方案,并對(duì)它們進(jìn)行測(cè)試比較,面對(duì)被驗(yàn)證為不合理的方案,學(xué)生也比以往更樂(lè)意放棄,因?yàn)樾薷纳踔林亟ǖ某杀径己艿汀?/p>

3.4 設(shè)計(jì)效率的提升

相比高保真原型,低保真原型不僅在制作上節(jié)約了大量時(shí)間和精力,同時(shí)由于形式上的簡(jiǎn)約樸實(shí)而排除了視覺(jué)因素的干擾,使學(xué)生能夠更專(zhuān)注于交互設(shè)計(jì)的本身,最終更有效率地推舉出最佳方案。

4 低保真原型的局限與探索

4.1 低保真原型的局限性

課堂教學(xué)環(huán)節(jié)的實(shí)踐證明了低保真原型在交互設(shè)計(jì)教學(xué)中的有效性。但同時(shí)也發(fā)現(xiàn)以紙面原型為主的低保真原型自身也存在一定的局限性,主要表現(xiàn)在以下方面：

一是紙面原型保存不便。紙面原型由底稿、界面模塊、控件等一系列紙質(zhì)元件構(gòu)成,一個(gè)完整的交互原型往往會(huì)包含多個(gè)獨(dú)立界面,綜合起來(lái)會(huì)產(chǎn)生大量的原型紙片,在客觀上給管理與保存帶來(lái)不便。

二是測(cè)試工作的制約因素較多。紙面原型沒(méi)有計(jì)算機(jī)系統(tǒng)的參與,所有的交互反饋都需要人工模擬操作,因此，測(cè)試效果在較大程度上受制于模擬系統(tǒng)角色的成員表現(xiàn)。在一個(gè)小組只有一份紙面原型的情況下只能安排現(xiàn)場(chǎng)測(cè)試,無(wú)法邀請(qǐng)遠(yuǎn)程用戶,也不能同時(shí)進(jìn)行多位用戶測(cè)試,使其效率受到限制。

三是對(duì)交互細(xì)節(jié)的支持不足。雖然這一點(diǎn)嚴(yán)格而論不能算紙面原型的缺點(diǎn),本身目標(biāo)定位就不在此,但交互體驗(yàn)是一個(gè)整體,要追求交互體驗(yàn)的最優(yōu)化,細(xì)節(jié)完善也是重要的,而單一依靠紙面原型是做不到的。

4.2 對(duì)低保真原型的探索

針對(duì)上述問(wèn)題,教學(xué)中在紙面原型的基礎(chǔ)上進(jìn)行了新的探索嘗試,例如利用“POP-Prototyping on Paper”“快現(xiàn)”等移動(dòng)端的原型設(shè)計(jì)應(yīng)用,如圖6所示,可以通過(guò)手機(jī)拍攝紙面原型,導(dǎo)入后在圖片中增加鏈接熱區(qū)(例如按鈕區(qū)域、列表區(qū)域等),設(shè)定相應(yīng)的交互動(dòng)作(如單擊、雙擊、滑動(dòng)等),然后選擇要跳轉(zhuǎn)的目標(biāo)頁(yè)面圖片,就可以完成一組交互動(dòng)作。這種結(jié)合應(yīng)用程序的方式,既保留了紙面原型簡(jiǎn)單快捷低成本的優(yōu)勢(shì),又可以在手機(jī)屏幕上真實(shí)地操作體驗(yàn),從而增強(qiáng)了實(shí)時(shí)互動(dòng)性。此類(lèi)應(yīng)用的介入,讓紙面原型的各種局限性都得到了很好的彌補(bǔ)。如今在學(xué)生群體中智能手機(jī)普及率近乎100%,因此,這種低保真原型的創(chuàng)新運(yùn)用方式也便于在課堂教學(xué)中采用與推廣。

圖6 紙面原型結(jié)合POP使用演示Fig.6 Combined use of paper prototypes and “POP” app

此外,在借助計(jì)算機(jī)的情況下,還可使用墨刀、InVision、Mockplus等原型工具,通過(guò)較豐富的交互元件庫(kù)創(chuàng)建低保真原型,并輸出到手機(jī)端進(jìn)行實(shí)時(shí)交互的體驗(yàn)。但其學(xué)習(xí)曲線相對(duì)陡峭,學(xué)生們需要花費(fèi)更多精力去掌握軟件技能,這又對(duì)如何在課堂中保持設(shè)計(jì)的專(zhuān)注度提出了挑戰(zhàn)。因此，這類(lèi)工具在教學(xué)中只能根據(jù)必要性有選擇地使用。

5 結(jié) 語(yǔ)

互聯(lián)網(wǎng)時(shí)代各種新技術(shù)新應(yīng)用不斷涌現(xiàn),面對(duì)眾多選擇,作為教育工作者需要把握交互設(shè)計(jì)教學(xué)中的任務(wù)核心,緊密?chē)@設(shè)計(jì)的本質(zhì)選擇最佳教學(xué)方案。紙面原型雖然存在一定局限性,但仍不失作為課堂運(yùn)用的設(shè)計(jì)研討方法。這一看似原始的低技術(shù)手段卻最貼近心靈,由集體參與感所激發(fā)出的創(chuàng)作熱情,是通過(guò)其他方法很難獲得的。紙面原型與智能手機(jī)應(yīng)用結(jié)合所創(chuàng)建的數(shù)字化低保真原型,進(jìn)一步提升了原型的實(shí)用性,是當(dāng)前較為值得采用的交互設(shè)計(jì)課堂教學(xué)方法。

[1] 劉毅.工作室體系下的交互設(shè)計(jì)教學(xué)初探:以廣美交互設(shè)計(jì)工作室為例[J].裝飾,2013(3):144.

[2] 白然.高校交互設(shè)計(jì)實(shí)踐教學(xué)的探索研究:以廈門(mén)理工學(xué)院為例[J].美術(shù)教育研究,2016(10):75.

[3] 李奕.大數(shù)據(jù)時(shí)代的交互設(shè)計(jì)教學(xué)模式探討[J].美術(shù)教育研究,2015(2):174.

[4] 胡瑩,李璐,王巍.快速概念設(shè)計(jì)方法:面向教學(xué)的交互設(shè)計(jì)方法[J].裝飾,2010(9):98.

[5] 張勁松.面向用戶體驗(yàn)行業(yè)的交互設(shè)計(jì)模塊化教學(xué)改革思路探析[J].裝飾,2012(12):87.

[6] 陳媛媛.淺析交互設(shè)計(jì)中的紙上原型設(shè)計(jì)[J].設(shè)計(jì)藝術(shù)研究,2012,2(3):41.

[7] MOGGRIDGE B. Designing interactions[M].Massachusetts: The MIT Press,2007:685.

[8] 劉彥.基于IOS環(huán)境的應(yīng)用軟件交互設(shè)計(jì)策略[J].信息化研究,2011,37(5):25.

[9] GARRETT J J.用戶體驗(yàn)要素:以用戶為中心的產(chǎn)品設(shè)計(jì)[M].范曉燕,譯.北京:機(jī)械工業(yè)出版社,2011:28-30.

[10] 艾萍.UI設(shè)計(jì)中界面原型作用的研究[J].包裝工程,2013,34(18):38.

[11] 騰訊公司用戶研究與體驗(yàn)設(shè)計(jì)部.在你身邊,為你設(shè)計(jì):騰訊的用戶體驗(yàn)設(shè)計(jì)之道[M].北京:電子工業(yè)出版社,2013:274-275.

[12] 劉津,李月.破繭成蝶:用戶體驗(yàn)設(shè)計(jì)師的成長(zhǎng)之路[M].北京:人民郵電出版社,2014:154.

[13] 傅小貞,胡甲超,鄭元攏.移動(dòng)設(shè)計(jì)[M].北京:電子工業(yè)出版社,2013:283.

[14] GINSBURG S. iPhone應(yīng)用用戶體驗(yàn)設(shè)計(jì)實(shí)戰(zhàn)與案例[M].師蓉,樊旺斌,譯.北京:機(jī)械工業(yè)出版社,2011:107.

[15] NIELSEN J, BUDI R.貼心設(shè)計(jì):打造高可用性的移動(dòng)產(chǎn)品[M].?；?譯.北京:人民郵電出版社,2013:38-39.

[16] 克拉克.觸動(dòng)人心:設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用[M].包季真,譯.北京:電子工業(yè)出版社,2011:135.

[17] 張婷,饒培倫,SALVENDY G.手機(jī)產(chǎn)品開(kāi)發(fā)早期階段用戶界面評(píng)估方法[J].科技導(dǎo)報(bào),2009,27(14):80.

[18] 劉再行.UI交互設(shè)計(jì)流程的探索與教學(xué)實(shí)踐[J].裝飾,2015(1):136.

Applicationandexplorationoflow-fidelityprototypingininteractiondesignteaching

PAN Xiaodong

(School of Design, Zhejiang University of Science and Technology, Hangzhou 310023, Zhejiang, China)

In response to students’ ignorance of the framework layer design in the course of the teaching practice of interaction design, the low-fidelity prototyping method is introduced into the classroom. Feasibility of the method, together with positive changes after implementation of teaching, is expounded through teaching examples from aspects of material tools, production points and testing methods. Moreover,as for the limitations of the paper prototypes in practice, it puts forward how to combine APP to realize the digital improvement of low-fidelity prototypes. It is proved by teaching practice that the low-fidelity prototyping is a valuable and applicable interactive design teaching method.

low-fidelity prototyping; interaction design teaching; user experience elements; design flow

G642.41

A

1671-8798(2017)05-0394-07