物聯(lián)網(wǎng)時代下產(chǎn)品設(shè)計專業(yè)交互設(shè)計課程教學(xué)改革探索

黃瑞

摘 要：在物聯(lián)網(wǎng)的大趨勢下，產(chǎn)品形態(tài)、產(chǎn)品使用方式甚至產(chǎn)品設(shè)計方式及企業(yè)盈利模式都發(fā)生了變化。用戶對用戶體驗越來越極致的追求以及對新生活方式的向往，注定推動傳統(tǒng)產(chǎn)品設(shè)計及交互設(shè)計發(fā)生變革。在此背景下，文章旨在探索如何調(diào)整產(chǎn)品設(shè)計專業(yè)交互設(shè)計相關(guān)課程的教學(xué)模式及內(nèi)容，進而培養(yǎng)出適應(yīng)市場新需求的產(chǎn)品設(shè)計及交互設(shè)計人才。

關(guān)鍵詞：物聯(lián)網(wǎng)；交互設(shè)計；信息圖形設(shè)計；產(chǎn)品界面設(shè)計

檢 索：www.artdesign.org.cn

中圖分類號：G642.3 文獻標(biāo)志碼：A 文章編號：1008-2832（2016）07-0139-03

Study on the Teaching Reform of Interaction Design Courses in the Age of the Internet of Things

HUANG Rui（College of Art & Design， Wuhan Institute of Design and Sciences，Wuhan 430205，China）

Abstract ：Great changes have been made when it comes to product shapes， usage means and design， as well as enterprises profit modes under the huge impact of the Internet of things. Its for sure that a big reform will be made to the design of traditional products and interaction design due to the pursuit of perfect customer satisfaction and longing of new life styles of the customers. Under such a background， this paper is made in the purpose of studying how to adjust the teaching mode and contents of interaction design and other relative courses of product design major， to cultivate professional talents in this field who meet the demands of the new market.

Key words ：the internet of things； interaction design； infographics design； product interface design

Internet ：www.artdesign.org.cn

一、引言

近年來，傳統(tǒng)實體產(chǎn)品設(shè)計在極簡設(shè)計風(fēng)潮的引領(lǐng)下趨同化現(xiàn)象明顯，尤其是以手機為代表的智能化終端設(shè)備。在此背景下，產(chǎn)品生產(chǎn)企業(yè)及設(shè)計公司，紛紛將產(chǎn)品差異化設(shè)計的突破口放在了人機交互方式及體驗的改進上。為順應(yīng)設(shè)計行業(yè)的新趨勢，國內(nèi)高校的設(shè)計專業(yè)相繼開設(shè)了交互設(shè)計相關(guān)專業(yè)和相關(guān)課程。

此外，在物聯(lián)網(wǎng)趨勢逐漸被大眾接受的基礎(chǔ)上，產(chǎn)品外觀及產(chǎn)品交互邏輯必然發(fā)生改變。為提高產(chǎn)品設(shè)計專業(yè)畢業(yè)生的核心競爭力，必須針對課程安排及交互設(shè)計教學(xué)內(nèi)容進行改革。

二、物聯(lián)網(wǎng)趨勢下交互設(shè)計的研究及教學(xué)現(xiàn)狀

交互設(shè)計是定義和設(shè)計人造系統(tǒng)行為的設(shè)計，其涵蓋了系統(tǒng)邏輯設(shè)計、界面設(shè)計、用戶體驗三個方面的內(nèi)容。如今，交互設(shè)計已發(fā)展成融合了設(shè)計心理學(xué)、產(chǎn)品設(shè)計與視覺傳達設(shè)計的交叉學(xué)科，并已形成比較完整的設(shè)計方法體系。在國內(nèi)以小米、魅族、阿里、騰訊為代表的互聯(lián)網(wǎng)企業(yè)相繼成立了交互設(shè)計研究團隊，不過其研究深度、廣度及方法相對國際水平尚存在差距。但國內(nèi)的新興移動互聯(lián)網(wǎng)公司以移動終端平臺的開發(fā)設(shè)計為載體完成了跨越式的發(fā)展，進而帶動了國內(nèi)交互設(shè)計行業(yè)井噴式的發(fā)展。近年來在北京、上海、廣州等一線城市涌現(xiàn)出了大量以交互設(shè)計業(yè)務(wù)為主的設(shè)計機構(gòu)，交互設(shè)計人才缺口也隨之進一步擴大。

國內(nèi)外企業(yè)和設(shè)計機構(gòu)對于交互研究的側(cè)重點不盡相同。國外交互設(shè)計研究的重點是“人”，用戶研究集中在用戶認(rèn)知、用戶行為、用戶體驗等方面，多采用講故事、任務(wù)分析、計算機符號學(xué)、人機交互系統(tǒng)等方法，研究對象多見于健康、繪本、兒童、教育以及文化等領(lǐng)域，如數(shù)字化文本互動和視覺設(shè)計方面，以及常見的APP應(yīng)用設(shè)計，即數(shù)字化交互設(shè)計的典型研究對象。交互設(shè)計的進一步發(fā)展可向更多的應(yīng)用領(lǐng)域拓展，如更多實體交互設(shè)計方面的用戶研究。國外的交互設(shè)計研究領(lǐng)域已擴展到生活的諸多方面，如虛擬試衣、兒童教育相關(guān)的互動式讀物等。

而國內(nèi)交互設(shè)計則集中在移動互聯(lián)網(wǎng)方面，其中電子商務(wù)、社交網(wǎng)站的用戶界面和需求研究是熱點，用戶研究多停留于用戶行為分析，常運用3D交互計算機技術(shù)等數(shù)字化手段對人的心理及行為進行模擬。國內(nèi)的研究領(lǐng)域相對較窄，多集中于互聯(lián)網(wǎng)層面的數(shù)字界面設(shè)計，如電子商務(wù)、社交網(wǎng)絡(luò)、界面設(shè)計等方面。

在高校教育方面，交互設(shè)計、信息藝術(shù)設(shè)計等專業(yè)最先在國外高等院校中建立了起來，較知名的有英國皇家藝術(shù)學(xué)院、美國卡耐基梅隆大學(xué)設(shè)計學(xué)院等。我國許多高校也相繼成立了交互設(shè)計相關(guān)的專業(yè)或研究方向。清華大學(xué)美術(shù)學(xué)院在信息設(shè)計專業(yè)方向基礎(chǔ)上建立了信息藝術(shù)設(shè)計系，并在研究生教育層面開設(shè)了新媒體藝術(shù)研究方向；南京藝術(shù)學(xué)院也在工業(yè)設(shè)計學(xué)院下開設(shè)了信息交流設(shè)計專業(yè)，并在研究生教育層面設(shè)立了產(chǎn)品信息設(shè)計研究方向。此外，國內(nèi)很多藝術(shù)類院校也都在工業(yè)設(shè)計專業(yè)或數(shù)字媒體設(shè)計專業(yè)中開設(shè)了與交互設(shè)計相關(guān)的專業(yè)必修課程。

自我校產(chǎn)品設(shè)計專業(yè)開設(shè)以來，根據(jù)產(chǎn)品設(shè)計人才培養(yǎng)方案開設(shè)有信息圖形設(shè)計及界面設(shè)計兩門與交互設(shè)計相關(guān)的課程。但課程教學(xué)內(nèi)容的側(cè)重點一直放在公共設(shè)施空間或展示空間的信息傳達及產(chǎn)品界面設(shè)計上，在教學(xué)模式上也一直沿用傳統(tǒng)產(chǎn)品設(shè)計的教學(xué)手段。

如今，IoT（Internet of things）萬物互聯(lián)的概念被雷軍、馬云、周鴻祎等互聯(lián)網(wǎng)企業(yè)巨頭一次次的提及，不難發(fā)現(xiàn)互聯(lián)網(wǎng)的發(fā)展正由移動互聯(lián)網(wǎng)向物聯(lián)網(wǎng)方向轉(zhuǎn)型。借由傳感器技術(shù)及智能識別技術(shù)的發(fā)展，人機交互的概念被進一步擴展。未來的信息交換及通訊，不僅僅只停留在人與產(chǎn)品的交互層面，而且要讓產(chǎn)品與產(chǎn)品之間也能夠自主完成交互。因此研究產(chǎn)品設(shè)計中的用戶體驗變得更為復(fù)雜。用戶體驗設(shè)計從處理好產(chǎn)品工作原理與系統(tǒng)表象的關(guān)系變?yōu)榱嗽O(shè)計良好的產(chǎn)品與用戶的交流方式。在此背景下，繼續(xù)沿用信息圖形設(shè)計及界面設(shè)計課程以公共設(shè)施空間或展示空間的信息傳達及產(chǎn)品界面設(shè)計為側(cè)重點的教學(xué)已有很大的局限性。將信息圖形設(shè)計與界面設(shè)計課程合理的整合，并將教學(xué)內(nèi)容擴展為交互理論、交互表象、交互設(shè)計方法及交互設(shè)計實踐勢在必行。

國內(nèi)交互設(shè)計行業(yè)井噴式的發(fā)展使得交互設(shè)計成為目前中國最熱門的設(shè)計領(lǐng)域，優(yōu)秀的交互設(shè)計師供不應(yīng)求。深化交互設(shè)計教學(xué)與研究能為產(chǎn)品設(shè)計畢業(yè)生提供一條極好的就業(yè)途徑。同時，通過交互設(shè)計課程的教學(xué)模式改革、實踐教學(xué)方法改革可帶動產(chǎn)品設(shè)計的專業(yè)建設(shè)和發(fā)展，進而推動產(chǎn)品設(shè)計人才培養(yǎng)模式的改革與創(chuàng)新。

物聯(lián)網(wǎng)通過使用各種信息傳感設(shè)備將各種產(chǎn)品與互聯(lián)網(wǎng)結(jié)合起來，從而形成一個巨大的網(wǎng)絡(luò)，以實現(xiàn)對產(chǎn)品的智能化識別和管理。雖然現(xiàn)在仍處于物聯(lián)網(wǎng)發(fā)展的初級階段，但物聯(lián)網(wǎng)趨勢必然推動產(chǎn)品設(shè)計及人類生活方式的變革。在信息傳感技術(shù)的驅(qū)動下，人與產(chǎn)品的交互方式日新月異，甚至產(chǎn)品也能擁有決策和執(zhí)行權(quán)。

這種由常規(guī)產(chǎn)品到智能產(chǎn)品再到智慧產(chǎn)品的發(fā)展更新勢必推動設(shè)計師的思維方式發(fā)生變化，設(shè)計師將不僅是設(shè)計產(chǎn)品的外觀表象，而是要同時設(shè)計好產(chǎn)品與物聯(lián)網(wǎng)對接的形式及智能交互的方式。

在此背景下，必須探討和研究信息圖形設(shè)計及界面設(shè)計課程的教學(xué)內(nèi)容擴展及教學(xué)手段更新問題，并合理安排相關(guān)的先修及后續(xù)課程，甚至將其與大型產(chǎn)品設(shè)計等核心課程教學(xué)重新關(guān)聯(lián)。

三、做好產(chǎn)品設(shè)計專業(yè)交互設(shè)計課程改革的現(xiàn)實意義

在產(chǎn)品外觀設(shè)計趨同化的大格局下，做好交互設(shè)計能以較低的設(shè)計及開發(fā)成本提升產(chǎn)品設(shè)計的差異性。2015年，蘋果在iPhone及MacBook系列產(chǎn)品中使用了3D Touch及Force Touch技術(shù)，通過力度感應(yīng)器將基于觸摸的二維操作邏輯擴展到了三維層面。該技術(shù)立刻讓蘋果產(chǎn)品從一眾競品中脫穎而出。2016年初，新興國產(chǎn)智能手機品牌錘子發(fā)布其第三款智能手機Smartisan T2，其繼續(xù)沿襲錘子品牌經(jīng)典的擬物化交互風(fēng)格。這讓看慣了極簡的扁平化設(shè)計的消費者眼前一亮，甚至讓用戶感受不到其是基于Android的智能手機。

以交互設(shè)計課程為載體，系統(tǒng)化的研究用戶行為及認(rèn)知特性可為家電產(chǎn)品設(shè)計、大型產(chǎn)品設(shè)計、公共設(shè)施設(shè)計等產(chǎn)品設(shè)計核心課程提供理論依據(jù)。在產(chǎn)品設(shè)計教學(xué)中，研究人、人與產(chǎn)品的關(guān)系是核心問題。通過交互設(shè)計課程，經(jīng)由虛擬交互的角度來審視用戶體驗及操作邏輯問題能夠從多維度的加強學(xué)生對人機交互的理解。

在物聯(lián)網(wǎng)的時代背景下，傳統(tǒng)家居、辦公及工程產(chǎn)品紛紛智能化、聯(lián)網(wǎng)化。交互設(shè)計所涉及的產(chǎn)品品類越來越多，面臨的新問題也越來越多。以交互設(shè)計課程為載體，讓學(xué)生從物聯(lián)網(wǎng)產(chǎn)業(yè)的支撐層、感知層、傳輸層、平臺層全方位的理解物聯(lián)網(wǎng)下的產(chǎn)品設(shè)計趨勢能有效的提升產(chǎn)品設(shè)計專業(yè)畢業(yè)生的核心競爭力。

四、產(chǎn)品設(shè)計專業(yè)交互設(shè)計課程改革的實施方法

我校產(chǎn)品設(shè)計專業(yè)此前開設(shè)有《信息圖形設(shè)計》及《產(chǎn)品界面設(shè)計》兩門與交互設(shè)計相關(guān)的課程。同時，《二維設(shè)計基礎(chǔ)》《人機工程學(xué)》《設(shè)計心理學(xué)》《平面計算機輔助設(shè)計》《產(chǎn)品設(shè)計基礎(chǔ)》《版式設(shè)計》等六門課程可作為交互設(shè)計課程的先修課程。

（一）針對交互設(shè)計相關(guān)先修課程的教學(xué)內(nèi)容調(diào)整

《人機工程學(xué)》及《設(shè)計心理學(xué)》作為產(chǎn)品設(shè)計專業(yè)最為重要的理論課程同樣適用于虛擬交互設(shè)計?！度藱C工程學(xué)》課程共48學(xué)時，《設(shè)計心理學(xué)》課程共48學(xué)時，均開設(shè)在第三學(xué)期。此前，這兩門設(shè)計理論課程全部圍繞著人與實體產(chǎn)品展開。為此，筆者將《人機工程學(xué)》課程的后16學(xué)時教學(xué)內(nèi)容調(diào)整為針對數(shù)字虛擬交互中人機關(guān)系的講解。將《設(shè)計心理學(xué)》課程的后16學(xué)時教學(xué)內(nèi)容調(diào)整為如何尋找用戶盲點、用戶痛點、用戶癢點，如何提升綜合用戶體驗的講解。

《平面計算機輔助設(shè)計》課程共64學(xué)時，開設(shè)在第四學(xué)期。該課程主要針對如何使用Photoshop進行傳統(tǒng)平面設(shè)計、圖像處理及鼠繪產(chǎn)品效果圖進行講解。為此，筆者擬將《平面計算機輔助設(shè)計》課程學(xué)時增加至80學(xué)時。利用后16學(xué)時增加手機App界面臨摹及切圖方法的教學(xué)內(nèi)容。

《版式設(shè)計》課程為選修課程，共48學(xué)時，開設(shè)在第四學(xué)期。該課程主要針對書籍裝幀、海報及其他傳統(tǒng)平面版式設(shè)計方法進行講解。為此，筆者擬將該課程中后16學(xué)時的教學(xué)內(nèi)容調(diào)整為針對網(wǎng)頁、軟件界面及手機App的頁面布局、視覺效果設(shè)計的講解。

（二）針對《信息圖形設(shè)計》課程的教學(xué)內(nèi)容調(diào)整

《信息圖形設(shè)計》課程共48學(xué)時，開設(shè)在第六學(xué)期。在此前《信息圖形設(shè)計》課程教學(xué)內(nèi)容的側(cè)重點一直放在研究公共設(shè)施空間及展示空間的信息傳達方向上。筆者基于對交互設(shè)計及其行業(yè)發(fā)展現(xiàn)狀的認(rèn)識，將《信息圖形設(shè)計》課程的教學(xué)內(nèi)容轉(zhuǎn)向針對交互設(shè)計基礎(chǔ)知識的講解，為后期的《產(chǎn)品界面設(shè)計》提供技術(shù)支持。

在該課程教學(xué)中，主要講授交互設(shè)計的概念及發(fā)展歷程，共4學(xué)時；產(chǎn)品設(shè)計中交互設(shè)計的應(yīng)用現(xiàn)狀，共4學(xué)時；產(chǎn)品設(shè)計中交互設(shè)計的目標(biāo)，共2學(xué)時；物聯(lián)網(wǎng)時代的交互設(shè)計新趨勢及應(yīng)用探索，共4學(xué)時；界面設(shè)計的基本流程與方法，共8學(xué)時；Axure原型制作軟件的操作方法，共12學(xué)時；Skech軟件的操作方法，共12學(xué)時；乎之原型及Mockups軟件的操作方法，共2學(xué)時。

（三）針對《產(chǎn)品界面設(shè)計》課程的教學(xué)內(nèi)容調(diào)整

《產(chǎn)品界面設(shè)計》課程共48學(xué)時，開設(shè)在第七學(xué)期。為加強該課程與先修課程《信息圖形設(shè)計》課程的延續(xù)性。筆者將該課程調(diào)整到第六學(xué)期《信息圖形設(shè)計》課程之后。并將此前側(cè)重于產(chǎn)品軟件界面設(shè)計的教學(xué)內(nèi)容調(diào)整為iOS及Android平臺的手機App界面設(shè)計。

在該課程教學(xué)中，主要講授iOS系統(tǒng)交互設(shè)計規(guī)范，共8學(xué)時；Android系統(tǒng)交互設(shè)計規(guī)范，共4學(xué)時；iOS及Android切圖規(guī)范及方法，共8學(xué)時；iOS系統(tǒng)App界面設(shè)計實踐，共24學(xué)時。

（四）增加《App快題設(shè)計》課程

在第七學(xué)期《產(chǎn)品界面設(shè)計》課程之后，增加《App快題設(shè)計》課程，共32學(xué)時，并將本課程作為《信息圖形設(shè)計》《產(chǎn)品界面設(shè)計》等交互設(shè)計相關(guān)課程的總結(jié)和實踐。在本課程教學(xué)中，教師可依托于實際App開發(fā)項目或大賽指導(dǎo)學(xué)生進行命題實踐。并以分組協(xié)作的形式，指導(dǎo)學(xué)生完成從競品分析及前期調(diào)研到用戶痛點癢點研究，再到原型設(shè)計、界面設(shè)計及切圖的整套App前臺開發(fā)任務(wù)。

五、結(jié)語

在進行產(chǎn)品設(shè)計專業(yè)交互設(shè)計課程教學(xué)改革的三年時間，筆者針對交互設(shè)計行業(yè)的發(fā)展趨勢和教學(xué)實踐中遇到的新問題不斷調(diào)整及完善相關(guān)課程的教學(xué)內(nèi)容及教學(xué)計劃。在強調(diào)基礎(chǔ)重視實踐的原則上力圖為學(xué)生提供一套完整的交互設(shè)計知識體系。交互設(shè)計作為一個新興的交叉學(xué)科，僅僅依托于產(chǎn)品設(shè)計的教學(xué)是遠遠不夠的，在接下來的教學(xué)改革探索中，筆者會更加注重跨專業(yè)教學(xué)及合作，與視覺傳達、軟件工程等專業(yè)通力合作，培養(yǎng)出適應(yīng)市場需求的優(yōu)秀交互設(shè)計人才。

參考文獻：

[1] Alan Cooper（美）. About Face4交互設(shè)計精髓[M].倪衛(wèi)國等，譯.北京：電子工業(yè)出版社，2015.9.

[2] Andy Pratt，Jason Nunes（美）.交互設(shè)計：以用戶為中心的設(shè)計理論及應(yīng)用[M]. 盧偉，譯. 北京：電子工業(yè)出版社，2015年1月.

[3] Jon Kolko（美）.交互設(shè)計沉思錄：頂尖設(shè)計專家Jon Kolko的經(jīng)驗與心得[M]. 方舟，譯.北京：機械工業(yè)出版社，2012.10.

[4] Ben Shneiderman，Catherine Plaisant（美）.用戶界面設(shè)計——有效的人機交互策略[M].張國印等，譯.北京：電子工業(yè)出版社，2011.3.