樊婧

太原工業(yè)學(xué)院，太原 030008

相異到相融： 交互設(shè)計教學(xué)實踐探索＊

樊婧

太原工業(yè)學(xué)院，太原 030008

以交互設(shè)計行業(yè)的高需求量為啟示，論述了交互設(shè)計與產(chǎn)品設(shè)計課程之間的異同之處，以及二者在設(shè)計實踐中的相互作用。通過對交互設(shè)計課程中授課內(nèi)容與產(chǎn)品設(shè)計相關(guān)課程的關(guān)聯(lián)度、與社會實際需求的關(guān)聯(lián)度等問題的分析，從課程設(shè)置、教學(xué)實踐、產(chǎn)學(xué)結(jié)合等方面，探討交互設(shè)計課程在產(chǎn)品設(shè)計專業(yè)中如何有效地進行教學(xué)實踐及人才培養(yǎng)工作。提出了打破單一課程授課模式，分階段在不同課程中進行交互設(shè)計與產(chǎn)品設(shè)計從相異到相融的教學(xué)實踐，以此提升學(xué)生的設(shè)計能力。

交互設(shè)計；教學(xué)實踐；產(chǎn)品設(shè)計

一、引言

交互設(shè)計在近幾年已經(jīng)成為設(shè)計領(lǐng)域中的熱門詞匯，也是設(shè)計行業(yè)中的新生力量，社會需求量也隨之不斷增大。因此，國內(nèi)各大院校設(shè)計專業(yè)相繼開設(shè)交互設(shè)計相關(guān)課程，以適應(yīng)人才輸出。

目前，除廣州美術(shù)學(xué)院、清華大學(xué)美術(shù)學(xué)院等少數(shù)高校，設(shè)有專門交互設(shè)計工作室以及交互設(shè)計培養(yǎng)方向外，在國內(nèi)多數(shù)設(shè)計院校本科教學(xué)中，交互設(shè)計大多作為單門課程進行教學(xué)。而單獨設(shè)課的模式較單薄，課時短，周期短，學(xué)生在理解和實踐上并不深入，與產(chǎn)品設(shè)計相融性較低。

筆者在太原工業(yè)學(xué)院產(chǎn)品設(shè)計專業(yè)一直擔任交互設(shè)計課程的教學(xué)工作，將從以下3個方面探討交互設(shè)計課程的教學(xué)模式，以達成應(yīng)用型本科院校的人才培養(yǎng)目標。

二、課程設(shè)置

所謂交互設(shè)計，是指在人與產(chǎn)品、服務(wù)或系統(tǒng)之間創(chuàng)建一系列對話。從本質(zhì)上講，這種對話既是實體上的，也是情感上的，它能隨時間的推移，體現(xiàn)在形式、功能和科技之間的相互作用當中[1]?？萍肌⒐δ艿奶嵘?，會使得人與產(chǎn)品之間的對話隱喻性增強，而形式則是連接二者的橋梁。

隨著“產(chǎn)品”這一概念的逐步擴大，實體產(chǎn)品向虛擬產(chǎn)品靠攏，用戶行為指導(dǎo)產(chǎn)品外形，“形式”的內(nèi)涵亦在逐步豐富。交互設(shè)計思維與產(chǎn)品設(shè)計思維并不相悖，相反二者始終貫穿整個設(shè)計過程。

交互設(shè)計雖然已不是全新的學(xué)科，但是與之相關(guān)的教學(xué)方法和研究方法仍沒有形成統(tǒng)一定論。在設(shè)計非物質(zhì)化趨勢、設(shè)計教育整合創(chuàng)新，以及藝術(shù)與科學(xué)日漸融合的背景下，設(shè)計對象范圍越來越模糊且內(nèi)容更加復(fù)雜[2]。因此，其內(nèi)容、方法、理念也隨技術(shù)科學(xué)的發(fā)展而不斷產(chǎn)生變化。

以上兩方面體現(xiàn)出交互設(shè)計教學(xué)的課程設(shè)置與傳統(tǒng)單一課程教學(xué)的最大不同，就在于內(nèi)容的多樣化，以及課程領(lǐng)域之間的模糊化。交互設(shè)計課程與產(chǎn)品設(shè)計課程領(lǐng)域界限的打破，在課程設(shè)置上靈活性與相融性更強，教學(xué)內(nèi)容與實踐內(nèi)容也會隨課程的變化而進行系統(tǒng)的演進。筆者根據(jù)所在學(xué)校產(chǎn)品設(shè)計專業(yè)修訂新版培養(yǎng)方案和教學(xué)大綱，將交互設(shè)計教學(xué)劃分為以下3個階段。

1.產(chǎn)品設(shè)計方法與交互設(shè)計相融

在大二上學(xué)期，產(chǎn)品設(shè)計專業(yè)開設(shè)有“產(chǎn)品設(shè)計原理基礎(chǔ)”課程，“產(chǎn)品設(shè)計方法”是其中部分授課的內(nèi)容，包括“市場調(diào)查”和“用戶研究”。學(xué)生在基于市場調(diào)查的設(shè)計方法學(xué)習(xí)中，通過對某一系列產(chǎn)品進行人群細分、市場細分以及產(chǎn)品生命周期分析，結(jié)合這一產(chǎn)品的品牌形象來進行競品分析，能夠掌握產(chǎn)品設(shè)計方法中偏重客觀因素的市場調(diào)研方法。

在基于用戶研究的設(shè)計方法學(xué)習(xí)中，學(xué)生通過對某一特定人群的行為進行觀察總結(jié)后，引導(dǎo)出有意義的改良設(shè)計，包括人物角色模板創(chuàng)建、任務(wù)情景模擬、故事板講述，等等。

其中，基于用戶研究的設(shè)計方法與交互設(shè)計方法有交叉重合的部分。因此，在此課程中，學(xué)生不僅能夠掌握客觀分析市場的產(chǎn)品設(shè)計方法，在偏重用戶主觀行為分析的方法學(xué)習(xí)上，也能為“交互設(shè)計”課程做好鋪墊，達到產(chǎn)品設(shè)計方法到交互設(shè)計方法的自然過渡。

2.設(shè)計心理學(xué)與交互設(shè)計相融

在大二下學(xué)期，開設(shè)有“產(chǎn)品設(shè)計心理學(xué)”課程。本課程包括認知心理學(xué)中認知、記憶和感知等知識點，以可用性設(shè)計為典型應(yīng)用。學(xué)生在學(xué)習(xí)過程中，通過對產(chǎn)品的易學(xué)性、簡化性、可視性等因素的分析，逐步深入了解用戶心理模型與自然匹配的概念。

在人與產(chǎn)品的對話中，用戶的行為所表現(xiàn)出的心理模型與產(chǎn)品本身所體現(xiàn)出的實際狀態(tài)如何形成自然匹配，是交互設(shè)計需要解決的重點問題，同時也是產(chǎn)品設(shè)計需要重視的問題，二者在這一知識點中出現(xiàn)交叉融合。因此，在此課程中，可用性設(shè)計的學(xué)習(xí)，也為“交互設(shè)計”課程中概念的理解建立基礎(chǔ)。

3.交互設(shè)計理論基礎(chǔ)與實踐

在大三下學(xué)期，開設(shè)的“交互設(shè)計”課程，從“交互系統(tǒng)”、“交互目標”、“用戶需求”、“用戶行為”等方面，對學(xué)生進行較為系統(tǒng)的交互理論構(gòu)架。學(xué)生通過調(diào)研已有交互式產(chǎn)品，進行目標定位、需求確定、行為方式等階段式分析，在理論基礎(chǔ)上逐步明晰交互設(shè)計與產(chǎn)品設(shè)計的相異性。

在課程后半段，則進行卡片分類方法方面的練習(xí)，以熟悉交互界面的信息構(gòu)架，結(jié)合用戶行為，分析理順用戶行為邏輯，從而掌握交互產(chǎn)品的操作流程設(shè)計，綜合學(xué)習(xí)以用戶目標為導(dǎo)向的交互設(shè)計方法。

在這一部分教學(xué)內(nèi)容中，實踐輔以理論，由課程前期所積累的產(chǎn)品各類調(diào)研分析方法，在分析中發(fā)現(xiàn)問題，運用交互設(shè)計理論基礎(chǔ)及設(shè)計方法進行問題的解決，最終以高保真用戶界面的形式進行交付，模擬實際項目的設(shè)計流程，鍛煉學(xué)生系統(tǒng)地進行分析問題、解決問題的能力。

在本課程的課程設(shè)計中，教師對學(xué)生已完成的課程大作業(yè)進行深入輔導(dǎo)，教授除教學(xué)大綱外的交互設(shè)計相關(guān)知識點如原型設(shè)計軟件的學(xué)習(xí)。原型的構(gòu)建，能夠使學(xué)生檢驗前期設(shè)計方案并進行修改完善，在合適的使用流程之上，創(chuàng)新性地提供用戶體驗流程，拓寬設(shè)計思路。在這一階段中，采用校內(nèi)與校外并行輔導(dǎo)模式，引入企業(yè)設(shè)計思維，加強學(xué)生與社會接軌的能力。

三、教學(xué)實踐

根據(jù)產(chǎn)品設(shè)計專業(yè)的課程設(shè)置，交互設(shè)計理論基礎(chǔ)構(gòu)架由3門課程分3個學(xué)期共同完成，沿市場調(diào)研-用戶研究-用戶心理模型，與自然匹配-用戶行為及需求分析這一教學(xué)路線依次遞進展開，實際應(yīng)用將以課題項目的形式集中在交互設(shè)計課程中展開。

筆者根據(jù)我校所在地域及產(chǎn)品設(shè)計專業(yè)的特點，結(jié)合市場需求將教學(xué)實踐沿設(shè)計背景分析-用戶調(diào)研-頁面架構(gòu)-設(shè)計產(chǎn)出這一流程進行，在前期交互設(shè)計理論基礎(chǔ)的構(gòu)建上，以課題項目分階段完成的形式進行，要求學(xué)生理論應(yīng)用于實踐。

具體做法是將學(xué)生以4～6人進行分組，以組為單位用PPT演示進行項目匯報。整個階段以學(xué)生設(shè)計實踐為主要內(nèi)容，教師輔以指導(dǎo)講解。

以下將以學(xué)生“云游”項目組和學(xué)生“智能出行”項目組所完成的設(shè)計案例，對這一教學(xué)實踐流程進行闡述。

1.設(shè)計背景分析

做設(shè)計之前，設(shè)計者需要確定設(shè)計什么，為什么設(shè)計。因此，在尋求痛點之前，學(xué)生應(yīng)當對設(shè)計目標做出市場調(diào)研分析，包括趨勢研究和競品分析。知己亦需知彼，在這一階段中，產(chǎn)品設(shè)計與交互設(shè)計具有共通性，學(xué)生可以運用已掌握的設(shè)計方法進行產(chǎn)品的設(shè)計背景分析。學(xué)生“云游”項目組針對目前市面旅游類APP，進行了相應(yīng)的競品分析（見圖1）。

圖1 旅游類APP競品分析①

在此背景分析中，學(xué)生“云游”項目組列出了旅游業(yè)經(jīng)濟逐年上漲，以及使用旅游相關(guān)服務(wù)移動化的產(chǎn)品特點。在競品分析中，學(xué)生“云游”項目組選取了使用量較大、用戶口碑較好的五大旅游APP，分別從功能特點、界面特點、交互特點和用戶反饋等4個方面進行比較分析，找出其在“移動旅游”這一形式中各自的優(yōu)缺點。

結(jié)合用戶調(diào)查問卷，學(xué)生“云游”項目組總結(jié)出用戶在旅游中希冀獲得的國內(nèi)外景點翻譯、驢友攻略推薦等功能服務(wù)。學(xué)生“云游”項目組通過這一階段的資料搜集整理形成項目的初步認知，為下一階段的實踐做好前期準備。

2.用戶調(diào)研

交互設(shè)計是通過了解用戶的行為和需求，從而為用戶提供更好的體驗過程[3]。學(xué)生“云游”項目組通過對目標用戶在不同場景中行為方式的特點分析，進行人物角色模板的創(chuàng)建，確定其顯性需求和隱性需求，從而為產(chǎn)品功能的定位指明方向。

例如，學(xué)生“云游”項目組選取20～60歲年齡段中4個典型人物角色進行人物模板創(chuàng)建（見圖2），將人物行為串聯(lián)在旅游前、旅游中和旅游后3個連續(xù)的場景中，依次總結(jié)出目標用戶“獲取旅游攻略”、“地理文化介紹”、“交流評論”等顯性需求，以及“約游”、“翻譯”等隱性需求（見圖3）。繼而確定所設(shè)計APP的主要功能定位為“攻略”、“約游”、“訂閱”和“發(fā)現(xiàn)”這4個基本功能。至此，項目已現(xiàn)雛形。學(xué)生“云游”項目組隨著調(diào)研的深入，找出痛點并依據(jù)用戶需求重新定位產(chǎn)品功能點，設(shè)計方案逐步明朗化。

圖2 人物角色模板①

圖3 隱性需求①

3.用戶界面架構(gòu)

經(jīng)過從客觀角度的市場調(diào)研和主觀層面的用戶研究之后，學(xué)生項目組已能夠找出痛點并進行設(shè)計定位。在產(chǎn)品設(shè)計的流程中，學(xué)生項目組將會從形態(tài)的構(gòu)思、材料的選取等方面，完成產(chǎn)品從概念到形式實體化的轉(zhuǎn)變。而交互設(shè)計則會依據(jù)痛點的確定，將多層次的用戶行為實現(xiàn)為符合操作邏輯的用戶界面。

在這一部分中，“形式”的內(nèi)涵出現(xiàn)相異性，人與產(chǎn)品的對話所呈現(xiàn)的形式發(fā)生變化。因此，學(xué)生項目組需要在這一階段詳細分析前期調(diào)研結(jié)果，將項目雛形逐步形成框架式結(jié)構(gòu)，推敲功能與功能之間、頁面與頁面之間的相互關(guān)系和邏輯順序，以設(shè)計定位點沿脈絡(luò)展開，最終形成用戶界面的架構(gòu)。

例如，學(xué)生“云游”項目組根據(jù)設(shè)計定位將APP的主要功能與次要功能進行梳理，對應(yīng)每個主要功能進行二級擴散以及入口設(shè)置，形成符合操作邏輯的用戶界面架構(gòu)（見圖4），從深度及廣度層面，對界面導(dǎo)航進行完善。又如，學(xué)生“智能出行”項目組為交互式公交站牌的設(shè)計，是由主屏界面引出“站點查詢”和“車輛查詢”兩大主要功能，圍繞其展開各功能操作邏輯的界面架構(gòu)（見圖5）。

圖4 云游APP界面架構(gòu)①

圖5 公交站牌界面架構(gòu)①

4.設(shè)計產(chǎn)出

（1）設(shè)計產(chǎn)出階段，既包含交互設(shè)計中的原型設(shè)計，又同時需要體現(xiàn)設(shè)計方案在產(chǎn)品設(shè)計中的應(yīng)用成果。原型設(shè)計是對用戶界面構(gòu)架直觀性的視覺呈現(xiàn)，也是完善各功能細節(jié)并決定產(chǎn)品風(fēng)格的重要步驟，由低保真原型設(shè)計與高保真原型設(shè)計兩部分組成。

例如，在這一階段中，要求學(xué)生“云游”項目組依據(jù)前期用戶界面架構(gòu)，先以線框圖的形式來完成低保真原型制作作品（見圖6）。在與教師交流過后，學(xué)生“云游”項目組進行進一步的調(diào)整修改，定稿后以真實界面的形式，完成高保真視覺稿制作作品（見圖7）。

圖6 低保真原型①

圖7 高保真視覺稿①

（2）將交互設(shè)計方案應(yīng)用到產(chǎn)品設(shè)計的實踐中，學(xué)生將產(chǎn)出的用戶界面以物化的形式作為載體呈現(xiàn)，產(chǎn)品設(shè)計與交互設(shè)計二者又出現(xiàn)相融部分。

例如，學(xué)生“智能出行”項目組在交互式公交站牌的設(shè)計方案完成之后，進而結(jié)合產(chǎn)品設(shè)計思路設(shè)計出輔助性產(chǎn)品——智能公交IC卡（見圖8），具備語音提示功能，可在公交卡上進行路線、車站的查詢。

圖8 智能公交IC卡產(chǎn)品展示①

同時，依據(jù)用戶乘車利用碎片時間“有事可做”的心理需求，項目組給智能公交IC卡設(shè)計了部分娛樂功能，尺寸及使用方式最終以動畫演示的形式進行項目匯報（見圖9）。將項目的實踐方案反饋到產(chǎn)品設(shè)計中，學(xué)生綜合設(shè)計的能力大大提高，教師也達到了交互設(shè)計與產(chǎn)品設(shè)計從相異到相融的教學(xué)實踐應(yīng)有的效果。

圖9 視頻演示①

四、產(chǎn)學(xué)結(jié)合

高校的根本使命，是向社會培養(yǎng)和輸送適合社會發(fā)展需求的人才[4]。與企業(yè)建立合作，活躍在一線的設(shè)計師能夠為師生帶來適合商業(yè)規(guī)范的設(shè)計流程，并能夠以成熟的設(shè)計思維，指導(dǎo)學(xué)生逐步提高分析和解決復(fù)雜問題的設(shè)計能力。

教師在交互設(shè)計課程設(shè)計的環(huán)節(jié)中，引入企業(yè)設(shè)計師的講授，針對各組學(xué)生已完成的課題項目進行深入講解，從企業(yè)實際設(shè)計規(guī)范的角度指導(dǎo)學(xué)生調(diào)整并完善各自的設(shè)計方案。同時，教師結(jié)合實際項目產(chǎn)出，要求學(xué)生在這一階段運用軟件進行交互原型的構(gòu)建，進一步審視課題項目的合理性與創(chuàng)新性。

環(huán)節(jié)尾聲階段，學(xué)生以項目組為單位進行項目匯報，評分組則由企業(yè)人員與授課教師共同組成，分別從方案思路、方案表現(xiàn)和口頭表達等方面考查學(xué)生分析問題、解決問題和交流溝通的能力。

該課程設(shè)計結(jié)束后，學(xué)生將會在大四上學(xué)期進入企業(yè)進行項目的實習(xí)實訓(xùn)，因此這一階段的產(chǎn)學(xué)結(jié)合訓(xùn)練，為學(xué)生從學(xué)校邁入社會提供了一個較好的緩沖期和過渡期。

五、結(jié)語

交互設(shè)計與產(chǎn)品設(shè)計二者并行不悖，其相異性與相融性可分階段體現(xiàn)在不同的課程中，通過課題項目的教學(xué)模式與產(chǎn)學(xué)結(jié)合的實踐形式，以期培養(yǎng)具備綜合性設(shè)計思維與實際設(shè)計能力的專業(yè)人才。

筆者對交互設(shè)計課程在產(chǎn)品設(shè)計專業(yè)中的教學(xué)實踐進行了初步探索，也將在今后的教學(xué)任務(wù)中不斷總結(jié)經(jīng)驗而繼續(xù)完善教學(xué)模式，以期構(gòu)建更好的平臺。

注釋

① 圖1至圖9來源：作者所在學(xué)校產(chǎn)品設(shè)計專業(yè)學(xué)生課程實踐作品。其中，圖1、圖2、圖3、圖4、圖6、圖7為2013級學(xué)生“云游”項目組張浩、周茸等課程實踐作品；圖5、圖8、圖9為2012級學(xué)生“智能出行”項目組張雪瑩、王彩君等課程實踐作品.

[1] 科爾科．交互設(shè)計沉思錄：頂尖設(shè)計專家Jon Kolko的經(jīng)驗與心得：原書第2版[M].方舟，譯．北京：機械工業(yè)出版社，2012：概述14-15.

[2] 陳志剛，魯曉波．大數(shù)據(jù)背景下信息與交互設(shè)計的變革和發(fā)展[J]．包裝工程，2015（8）：6-9.

[3] 周飛，鄧嶸，李世國．論產(chǎn)品交互設(shè)計中的模糊性[J].包裝工程，2013（18）：39-42.

[4] 劉毅．工作室體系下的交互設(shè)計教學(xué)初探：以廣美交互設(shè)計工作室為例[J]．裝飾，2013（3）：143-144.

（責任編輯 孫玉萍）

From Difference to Integration: A Study on Interaction Design Teaching

FAN Jing

（Taiyuan Institute of Technology，030008 Taiyuan）

With the high demand of interaction designers, this paper discusses the similarities and differences between interaction design and product design as well as their interaction in design practice. Based on an analysis of the relationship between interaction design courses and product design courses, and relationships between interaction design courses and social needs, this paper explore show to carry out better personnel training and teaching practice effectively from such aspects as curricular setting, teaching practice as well as combination of production and learning. At last, this paper advocates that in order to enhance students' design capabilities, teachers should gradually promote the integration between interaction design and product design in their teaching practice instead of monotonous lecturing.

interaction design；teaching practice； product design

J0-05

A

10.3963/j.issn.2095-0705.2016.06.017（0092-07）

2016-09-05

太原工業(yè)學(xué)院教育教學(xué)質(zhì)量水平提升工程教學(xué)改革研究項目（2014YJ40）。

樊婧，太原工業(yè)學(xué)院設(shè)計藝術(shù)系講師。