非物質(zhì)文化遺產(chǎn)“木結(jié)構(gòu)”移動平臺的交互設(shè)計實踐與思考

黃巖

（上海工藝美術(shù)職業(yè)學(xué)院，上海 201808）

一、“木結(jié)構(gòu)”APP移動平臺的創(chuàng)作思路

經(jīng)過對蘋果商店、安卓應(yīng)用市場相關(guān)非物質(zhì)文化遺產(chǎn)類的App的使用，我們會發(fā)現(xiàn)產(chǎn)品通常缺少愉快的用戶體驗。因為在產(chǎn)品的開發(fā)過程中，人們更多的關(guān)注產(chǎn)品將用來做什么。設(shè)計師經(jīng)常忽略另一個因素即產(chǎn)品是如何工作，而這一因素恰恰是決定產(chǎn)品成敗的決定因素①6。

木結(jié)構(gòu)項目設(shè)計如何工作，是在項目設(shè)計之初需要首先討論和確定的，即包括以下內(nèi)容和各項技術(shù)指標(biāo)：1.完成項目的時間，從產(chǎn)品設(shè)計到研發(fā)需要六個月的時間。首先完成“木結(jié)構(gòu)”項目的產(chǎn)品的策劃和進(jìn)行團(tuán)隊分工。2.根據(jù)“木結(jié)構(gòu)”項目產(chǎn)品的需要，在貴州當(dāng)?shù)貙嶋H考察鼓樓風(fēng)雨橋和榫卯測量出精確的數(shù)據(jù)。3.交互設(shè)計符合策劃的需求和用戶體驗的基本指標(biāo)，根據(jù)產(chǎn)品構(gòu)架設(shè)計木結(jié)構(gòu)App的產(chǎn)品的低保真原型。要求交互流程清楚用戶體驗好。我們根據(jù)包含的功能梳理結(jié)構(gòu)性的布局，各分頁面的設(shè)計，頁面之間的邏輯關(guān)系。VR交互設(shè)計清晰，外接設(shè)備明確。各個目錄層級既有區(qū)別，又相互協(xié)調(diào)。4.原型需要反復(fù)推敲，進(jìn)行配色，視覺設(shè)計符合木結(jié)構(gòu)App的應(yīng)用，要求視覺美術(shù)上的統(tǒng)一。符合木結(jié)構(gòu)App的視覺風(fēng)格要求。App視覺界面需要全部標(biāo)注，并且切圖符合程序需要。功能具象化的視覺設(shè)計，和各種機型(移動終端）系統(tǒng)的適配。5.根據(jù)三維模型進(jìn)行VR場景燈光，場景布景和U3d場景美術(shù)設(shè)計，VR榫卯適配性能演示的交互設(shè)計的實現(xiàn)，觀察角度符合VR展示需要。6.服務(wù)器端：編寫接口協(xié)議文檔，服務(wù)器環(huán)境架設(shè)。UI開發(fā)完成進(jìn)入和服務(wù)器端口的對接。通過服務(wù)器端的接口獲得數(shù)據(jù)，編寫功能上的邏輯代碼。web端，根據(jù)前端的業(yè)務(wù)邏輯，進(jìn)行后臺相應(yīng)功能的匹配。7.App功能開發(fā)好之后對整個項目進(jìn)行系統(tǒng)性的測試。這個環(huán)節(jié)要整個團(tuán)隊協(xié)同，追蹤BUG以及狀態(tài)，完成問題的處理。

圖1 鼓樓里面的榫卯結(jié)構(gòu)

圖2 VR交互

圖3 在智能終端平臺進(jìn)行木結(jié)構(gòu)的信息展示

在設(shè)計上我們不以功能的多寡認(rèn)定產(chǎn)品的價值，而應(yīng)看產(chǎn)品能否滿足用戶最高優(yōu)先級的目標(biāo)②。綜合考慮上述問題，最終的重點和難點還是“木結(jié)構(gòu)”項目的VR交互的設(shè)計。“木結(jié)構(gòu)”項目以數(shù)字化的方式保護(hù)非物質(zhì)文化遺產(chǎn)，即運用移動平臺、數(shù)字化的形式對侗族木結(jié)構(gòu)建筑營造技藝進(jìn)行交互的體驗。

二、“木結(jié)構(gòu)”APP的設(shè)計實踐

（一）“木結(jié)構(gòu)”APP功能結(jié)構(gòu)設(shè)計

為體驗而設(shè)計，使用第一。產(chǎn)品越復(fù)雜，確定如何向用戶提供良好的使用體驗就越困難，在使用中每增加一個新特性、功能或者步驟，都增加了用戶體驗失敗的機會。這正是為什么產(chǎn)品設(shè)計必須將用戶體驗設(shè)計納入考慮范圍的原因①9。

綜合前期的用戶角色模型設(shè)計研究分析，和我們對不同領(lǐng)域的人進(jìn)行訪談，如建筑師、學(xué)生、工匠、設(shè)計師等，我們基于采集真實用戶數(shù)據(jù)建立“標(biāo)準(zhǔn)用戶”模型，把更多的工作重心放到以典型用戶為中心進(jìn)行開發(fā)設(shè)計上，使產(chǎn)品能夠滿足大多數(shù)用戶的需求。木結(jié)構(gòu)的整體構(gòu)架的設(shè)計過程中，我們按照層級的方式組織思維導(dǎo)圖，經(jīng)過系統(tǒng)的思考與大量的草圖構(gòu)思，形成初步方案。

接下來確定產(chǎn)品的基本功能，如果能夠準(zhǔn)確地描述待開發(fā)的功能，整個開發(fā)過程就會很順利而且結(jié)果可以預(yù)期③。木結(jié)構(gòu)App的主要功能有3D榫卯和VR展示。因為移動終端的設(shè)備速度問題，三維模型不宜過多，這就需要我們團(tuán)隊選擇具有代表性的建筑。所以團(tuán)隊的成員到當(dāng)?shù)氐亩弊寰幼〉拇逭瘜嵉卣{(diào)研，研究榫卯結(jié)構(gòu)和榫卯結(jié)構(gòu)建筑，選擇了兩個代表性的建筑鼓樓和風(fēng)雨橋。鼓樓是建筑手法綜合了中國木結(jié)構(gòu)工藝，建筑本身從不用釘鉚；另一個代表性的木結(jié)構(gòu)建筑風(fēng)雨橋，就是在木懸臂梁式平橋上建造長廊。

（二）交互設(shè)計

在交互設(shè)計的構(gòu)思階段，我們以前期的初步方案為基礎(chǔ)，對前期思維導(dǎo)圖設(shè)計內(nèi)容進(jìn)行刪減，根據(jù)思維導(dǎo)圖的設(shè)計完成基本的低保真原型的設(shè)計，整理低保真原型設(shè)計完成交互設(shè)計的方案。設(shè)計出“木結(jié)構(gòu)”產(chǎn)品的交互設(shè)計，通過一系列的設(shè)計推敲，實現(xiàn)合理的交互設(shè)計方案。確保用戶在使用產(chǎn)品的時候會非常地順暢愉快，保證良好的體驗。

（三）視覺設(shè)計

為了滿足展示侗族木構(gòu)建筑營造技藝的要求，“木結(jié)構(gòu)”的App視覺設(shè)計可采用具有木結(jié)構(gòu)特色的美學(xué)設(shè)計。因此，木結(jié)構(gòu)色彩定位為木材本身的顏色，以當(dāng)?shù)仫L(fēng)景為背景同時又采用中國水墨畫的效果。在啟動界面設(shè)計背景淡入的效果。顏色符合產(chǎn)品定位，接下來我們團(tuán)隊完成了所有效果圖的標(biāo)注和切圖工作。

（四）三維模型與VR制作

由于實際榫卯的三維模型結(jié)構(gòu)部件精度要求比較高，在制作木結(jié)構(gòu)模型時經(jīng)過了反復(fù)的修改。通過調(diào)整數(shù)字模型，并在電腦中設(shè)計木結(jié)構(gòu)各種榫卯部件，然后使用三維軟件3DMAX將木結(jié)構(gòu)部件一一制作出來。

我們對榫卯質(zhì)進(jìn)行貼圖和燈光的測試調(diào)整。在鼓樓和風(fēng)雨橋創(chuàng)作過程中，我們總是在復(fù)原實際場景，凸顯建筑中的榫卯結(jié)構(gòu)，希望通過三維再現(xiàn)的方法將這實際的場景重新呈現(xiàn)。（圖1）

在進(jìn)行VR開發(fā)設(shè)計時，團(tuán)隊的三維設(shè)計老師和負(fù)責(zé)程序的老師溝通，為了模擬真實的材質(zhì)效果進(jìn)行反復(fù)的測試與燈光的調(diào)整。因為移動平臺要求模型的面數(shù)不能過高，在設(shè)計的時候，三維設(shè)計老師開始精簡面數(shù)，以適應(yīng)移動平臺的開發(fā)要求。最后U3d場景美術(shù)設(shè)計，是設(shè)計中最復(fù)雜和需要耐心的地方，團(tuán)隊成員反復(fù)調(diào)整燈光，把做好的場景放入unity中，項目組負(fù)責(zé)程序的老師開始最后的制作，同時不停地測試一些三維設(shè)備和傳感設(shè)備來完成交互操作，如操作手柄、數(shù)據(jù)傳感手套、立體眼鏡設(shè)備。

打開木結(jié)構(gòu)App后，點擊VR，App會出現(xiàn)鼓樓和風(fēng)雨橋的3D模型，在木結(jié)構(gòu)App中三維虛擬復(fù)原和展示對貴州鼓樓的復(fù)原三維立體模型和三維漫游展示，用戶可以手持移動設(shè)備進(jìn)行交互并且佩戴眼鏡感受這個真實的場景。可以任意地旋轉(zhuǎn)其中的木結(jié)構(gòu)。點擊關(guān)閉就回到原有的場景。

（五）跨平臺的開發(fā)

首先，把在視覺部分完成的所有切圖和標(biāo)注工作進(jìn)行整理，使用unity完成和各種機型(移動終端）系統(tǒng)的適配工作。接下來我們合理地進(jìn)行感知設(shè)計，進(jìn)行實物產(chǎn)品的觸覺設(shè)計，聽覺設(shè)計。我們開始重點關(guān)注用戶和產(chǎn)品之間的物理接觸①135。經(jīng)過反反復(fù)復(fù)不斷地測試調(diào)整，完成了安卓不同手機機型使用性測試，蘋果手機測試，手機VR交互-游戲手柄和暴風(fēng)眼鏡VR測試。使用性測試告訴我們目標(biāo)用戶是否可以順利地完成我們設(shè)計的產(chǎn)品，它揭示了哪些任務(wù)不容易完成④。我們則根據(jù)使用性測試的結(jié)果繼續(xù)修改完善我們團(tuán)隊開發(fā)的產(chǎn)品。（圖2）

三、數(shù)字化非物質(zhì)文化遺產(chǎn)的思考

（一）“木結(jié)構(gòu)”的保護(hù)和傳承

侗族木結(jié)構(gòu)建筑營造技藝，由于使用現(xiàn)代材料，建造方式隨之改變，技藝傳承也逐漸衰退。對于侗族木結(jié)構(gòu)建筑營造技藝來說，有效的保護(hù)方法和媒介就是增強大眾的認(rèn)知度和擴大影響力。“木結(jié)構(gòu)”項目結(jié)合貴州非物質(zhì)文化的特點進(jìn)行數(shù)字化設(shè)計和VR交互。通過現(xiàn)代技術(shù)保護(hù)和傳承非物質(zhì)文化遺產(chǎn)項目，既不割斷侗族文化因素，又采用先進(jìn)的技術(shù)傳承和發(fā)揚侗族木結(jié)構(gòu)建筑營造技藝，從而達(dá)到文化保護(hù)的目的。（圖3）

（二）VR虛擬展示為非物質(zhì)文化遺產(chǎn)提供了深入的交互體驗

VR虛擬現(xiàn)實展示了非物質(zhì)文化遺產(chǎn)的聲音、視頻、資料記錄，形成多維數(shù)據(jù)信息，三維模型復(fù)原了木結(jié)構(gòu)建筑的本來面目，為非物質(zhì)文化遺產(chǎn)的傳承提供生動、直觀、高效的交互，用戶使用App可以通過VR技術(shù)體驗?zāi)窘Y(jié)構(gòu)的侗族木結(jié)構(gòu)建筑營造技藝，有效地推動非物質(zhì)文化遺產(chǎn)的傳播。

（三）“木結(jié)構(gòu)”項目提供非遺研究的共享平臺

大眾可以隨時隨地打開“非遺”類App，深入地了解和體驗貴州的木結(jié)構(gòu)及貴州的傳統(tǒng)文化。木結(jié)構(gòu)App的研發(fā)充分利用移動終端、音頻、視頻、數(shù)字化呈現(xiàn)、VR等方面先進(jìn)技術(shù)，將非物質(zhì)文化遺產(chǎn)的傳播從平面?zhèn)鞑マD(zhuǎn)向交互立體傳播，使非物質(zhì)文化遺產(chǎn)的研究得以在更大范圍內(nèi)進(jìn)行學(xué)習(xí)、研究和傳承。“非遺”木結(jié)構(gòu)App為非物質(zhì)文化遺產(chǎn)提供廣泛研究的共享平臺。

注釋：

①〔美〕Jesse Jame Garrett.用戶體驗要素 以用戶為中心的產(chǎn)品設(shè)計[M]，2018.北京：機械工業(yè)出版社，2007.

②〔英〕賈爾斯·科爾伯恩.簡約至上 交互式設(shè)計四策略（第二版）[M].北京：人民郵電出版社：104.

③Jeff Patton.用戶故事地圖[M].北京：清華大學(xué)出版社，2016：209.

④Elizabeth Goodman.洞察用戶體驗 方法與實踐[M].北京：清華大學(xué)出版社，2015：13.