■王 可 趙俊學 李 婷 Wang ke & Zhao Junxue & Li Ting

(1.2.3.東北林業(yè)大學，黑龍江哈爾濱 150000）

室內(nèi)裝飾APP的開發(fā)的快速構(gòu)建方法正隨著互聯(lián)網(wǎng)的快速發(fā)展而變化著。從Google Glass 到Microsoft Hololens全息影像智能眼鏡，從智能手表APPLE Watch到可記錄佩戴者心率和速度的Zik Sport智能耳機，從Sengled智能燈泡到Connected Cycle智能自行車踏板，這些產(chǎn)品APP在設(shè)計過程中均離不開交互原型。互聯(lián)網(wǎng)時代下APP的設(shè)計開發(fā)過程中，交互原型不僅作為開發(fā)流程中的重要步驟，而且在整個流程中占有了越來越重的地位。然而，在很多設(shè)計開發(fā)過程中的應(yīng)用仍處于小范圍、底層次的階段。探討如何在設(shè)計開發(fā)過程中改善交互原型設(shè)計模式，仍然是這一研究領(lǐng)域的當務(wù)之急。在室內(nèi)裝飾設(shè)計過程中，交互原型不僅僅有助于整體設(shè)計效能的改善，更能有效的促進創(chuàng)新設(shè)計思維與方法的引入和應(yīng)用。研究交互原型在設(shè)計開發(fā)過程的應(yīng)用，將有助于提高設(shè)計師團隊整體的設(shè)計能力、理論素養(yǎng)和解決室內(nèi)裝飾設(shè)計中某些問題的新方法。

本文建提出了交互原型在設(shè)計沖刺這一設(shè)計開發(fā)模式中交互原型的“工廠模式”的構(gòu)建方法與設(shè)計原則。進而在面對相同設(shè)計對象下，分別采用傳統(tǒng)設(shè)計方式和交互原型 “工廠模式”設(shè)計方式，進行對比試驗和分析，驗證基于“工廠模式”交互原型應(yīng)用模式下的對于改進室內(nèi)裝飾設(shè)計開發(fā)過程中的效能優(yōu)劣的影響，進而得出交互模型對于設(shè)計效能提高的可行性及影響。

1 交互原型工廠模式下的構(gòu)建方法

設(shè)計沖刺（Design Sprint）是谷歌風投Google Ventures獨特的五天式流程(5-DAY Model)，可以通過原型設(shè)計和用戶測試來解決關(guān)鍵問題。他已經(jīng)成為越來越主流的設(shè)計開發(fā)流程，它是商業(yè)戰(zhàn)略、發(fā)明創(chuàng)新、行為科學、設(shè)計等領(lǐng)域的“超強精選集”，而且還被改造成一個循序漸進的過程，任何團隊都可以參照實施[1]。在本文中，交互原型將采用設(shè)計沖刺這一設(shè)計開發(fā)模式作為其自身的構(gòu)建環(huán)境。

在設(shè)計開發(fā)過程中，模式是指一個通用的解決方案。一個模式不僅僅是一個可以用來復(fù)制粘貼的解決方案，更多地是提供更好的實踐經(jīng)驗、有用的抽象化標識和解決一類問題的模板[2]。

工廠方法模式（Factory method pattern）是一種實現(xiàn)了“工廠”概念的面向?qū)ο笤O(shè)計模式。就像其他創(chuàng)建型模式一樣，它也是處理在不指定對象具體類型的情況下創(chuàng)建對象的問題[3]。在設(shè)計沖刺過程中，在工廠方法模式下用開發(fā)的五種交互原型將被分別部署在其五個開發(fā)日中（圖1）。

設(shè)計開發(fā)過程中，在面對不同類別，不同階段的原型時，構(gòu)造方式都存在著共同點即原型的屬性和功能。工廠方法模式制作原型的特點是設(shè)計開發(fā)人員關(guān)注原型的最核心的屬性和功能，擺脫不斷階段設(shè)計中非核心信息的干擾。構(gòu)建原型時應(yīng)優(yōu)先確定原型的屬性和功能，利用工廠模式縮短原型開發(fā)周期。工廠模式適用于整個設(shè)計沖刺流程。交互原型工廠模式的思想來源于統(tǒng)一建模語（UML），這是一種在軟件工程領(lǐng)域方面的通用的，發(fā)展的，建模語言，目的是提供一個標準的方式來可視化系統(tǒng)的設(shè)計[4]。

在這一模式下，交互原型應(yīng)當有如下特性：①較強的語義化，便于開發(fā)團隊中的成員理解。②良好的預(yù)見性，避免不必要的問題。③擁有設(shè)計文檔，便于后期的再設(shè)計、開發(fā)、維護。④看起來如同一個人進行設(shè)計，內(nèi)聚性高。⑤結(jié)構(gòu)邏輯嚴密。⑥技術(shù)穩(wěn)定、易于使用、運轉(zhuǎn)穩(wěn)定、簡單明了[5]。

同時，工廠方法模式依賴于繼承，將對象創(chuàng)建委托給實現(xiàn)工廠方法來創(chuàng)建對象的子類[6]。

交互原型的屬性即交互原型在場景應(yīng)用中固有的特點，方法則是其在場景應(yīng)用中使用的思維和步驟。對于每一個交互原型，都有其各自的用途和應(yīng)用場景，彼此之間的屬性和方法亦然不同，所以絕大部分情況在構(gòu)造交互原型時，前提條件是確定交互原型的屬性和方法。由于原型既包括屬性，又包括方法，兩者之間的權(quán)重相同，層級相同。在課程中，原型構(gòu)造的方式如下：

■圖1 “工廠模式”下交互原型的類型、特點和適用范圍

■圖2 原型之間的關(guān)系是高內(nèi)聚，弱耦合

■圖3 設(shè)計沖刺中原型之間的繼承關(guān)系

■圖4 鏈式原型中各個原型的關(guān)系

設(shè)屬性=property,方法=function，對應(yīng)的設(shè)計對象為Design Object則交互原型prototype的表達形式為:

● Interaction prototype(Design Object)=Property Function[method and Material]

● 交互原型在課程中的設(shè)計原則

● 高內(nèi)聚、弱耦合性

內(nèi)聚是指從功能方面查看交互原型之間的內(nèi)在聯(lián)系，良好的內(nèi)聚原型是具有使用目的唯一性和實現(xiàn)功能唯一性。耦合則是交互原型之間功能重疊程度?；跁r間成本和效率提升的目的，在搭建交互原型的時候應(yīng)當鼻淵耦合度高的原型。即交互原型prototype1和prototype2之間的布爾值（boolean）為非。而在內(nèi)聚方面，力求交互原型完成的任務(wù)單一性，使用功能只滿足一項。在某些極端環(huán)境下，也應(yīng)當盡量將內(nèi)聚性提升到最佳層面，功能盡量簡化（圖2）。

1.1 交互原型作用域

每一個交互原型都有其應(yīng)用的范圍，交互原型的應(yīng)用范圍被稱為交互原型的。

作用域IPS（Interaction Prototype Scope），他控制著交互原型的應(yīng)用范圍和使用周期。正如交互原型的內(nèi)聚耦合方面的要求，作用域應(yīng)當是明確清晰且嚴格把控的。在簡化開發(fā)模式下，交互原型必須通過便簽明確表示出來，幫助設(shè)計人員明確作用域。

1.2 對初始化階段原型繼承性

由于設(shè)計對象在初始化設(shè)計階段根據(jù)最終目標就已經(jīng)賦予一定過的功能性，而這些功能和屬性會一直伴隨著設(shè)計對象，這些功能和屬性被定義到初始化階段的交互原型上。在之后的設(shè)計中，只是屬性參數(shù)的改變和功能的部分調(diào)整，整體走向上并沒有改變。因此在設(shè)計對象在開發(fā)流程中的每個交互原型必須具備初始化階段的屬性和功能，即對初始化原型的繼承。初始化原型為設(shè)計最終目標，起到總攬全局的作用，設(shè)定為全局交互原型（Global interaction Prototype）,而設(shè)計過程中具體的某一個部分，設(shè)定為對象原型（object prototype）（圖3）。

1.3 原型之間的鏈式關(guān)系

由于設(shè)計對象在初始化設(shè)計階段根據(jù)最終目標就已經(jīng)賦予一定過的功能性，而這些功能和屬性會一直伴隨著設(shè)計對象，這些功能和屬性被定義到初始化階段的交互原型上。在之后的設(shè)計中，只是屬性參數(shù)的改變和功能的部分調(diào)整，整體走向上并沒有改變。因此在設(shè)計對象在開發(fā)流程中的每個交互原型必須具備初始化階段的屬性和功能，即對初始化原型的繼承（圖4）。

1.4 原型設(shè)計考慮的“三要素”

首先要符合項目品和平臺的設(shè)計規(guī)范，其次是對整體架構(gòu)有把握，沒有信息流通的障礙，最后是交互細節(jié)合理，考慮全面，有新意[7]。

2 實例分析探究

2.1 實驗設(shè)計

為了探究“工廠模式”下的交互原型對設(shè)計沖刺中的效能影響，同時確保實驗的客觀性，避免“霍桑效應(yīng)”，采用所羅門四組實驗設(shè)計（Solomon Four-Group design）。在相同的設(shè)計開發(fā)環(huán)境（包括相同條件的空間、數(shù)據(jù)源、工具及設(shè)備）下，對相同的設(shè)計對象進行相同時間下的開發(fā)。實驗對象為同一部門下隨機分配的四個設(shè)計團隊。分為一個測試組和三個對照組。測試組共6人，包括產(chǎn)品經(jīng)理及其助理、交互設(shè)計師、視覺設(shè)計師、前端工程師和后端工程師，交互設(shè)計師需要為團隊搭建交互原型.其余三組為對照組，包括除去交互設(shè)計師外的其他所有人員.設(shè)計對象為DongLininterior&design co,Ltd 的室內(nèi)裝飾APP，用戶可以在該APP中自定義編輯自己的戶型，進行一定程度的場景搭建和效果圖渲染。開發(fā)時間為兩周（表1）。

2.2 評價體系

設(shè)計對象的最終評級是決定各組開發(fā)效果優(yōu)劣的標準。評價體系由設(shè)計理。

論性模塊和設(shè)計體驗性模塊兩個部分組成。設(shè)計理論性模塊包括如下幾個部分組成：C-BOX矩陣，用戶評價設(shè)計對象的“創(chuàng)新型”和“可行性”；EVR決策表，用于評價被測試設(shè)計對象的可持續(xù)發(fā)展的前景；T&E(Time&Effect)模型[8]：用于評價開發(fā)效率高低的模型，即效率等于工作總量與時間之比T&E=，效率值越高則開發(fā)效果越好。用戶體驗性模塊包括圖文合理性M1、布局明確性M2、色彩協(xié)調(diào)性M3，字體適中性M4[9]和人機互動性M5共五個部分組成。

表1 所羅門控制實驗測量因素表

■圖5 A和B1前后對比效果

■圖6 采用交互原型后的效果

則評價體系（即最終評級）的公式為：

2.3 實驗程序

第一部分，測試組A和對照組B1的預(yù)測試，在這個階段，測試組將不用交互原型和交互設(shè)計師，與對照組B1一樣進行兩周的預(yù)測，最后的評定結(jié)果，并記錄。

第二部分，測試A組在引入由“工廠模式”開發(fā)的交互原型，進行兩周測試，測試組通過交互設(shè)計師畫出原型，每個設(shè)計步驟都通過原型與客戶溝通，之后對評定效果再次記錄。

第三部分，測試B2組和B3組進行對照測試，B2組引入由“工廠模式”開發(fā)交互原型，而B3組則相反，在相同時間內(nèi)進行測試。

第四部分，取得所有實驗數(shù)據(jù)化進行可視化分析，獲得實驗結(jié)果（圖5）。

3 實驗結(jié)果與討論

交互原型和交互設(shè)計師，與對照組B1一樣進行兩周的預(yù)測是，最后的評定結(jié)果為：測試組的評級為0.19，對照組為0.21。將數(shù)值記錄后，測試組引入交互原型和交互設(shè)計師，與對照組B1開始進行正式的測試。測試組的評級達到了0.71，而對照組B1盡管已經(jīng)進行了一次相同的實驗，但是評級僅為0.31（圖5）。

對照組B2和B3則不使用預(yù)測，B2在未有交互設(shè)計師的情況下引入交互原型和交互原型理論。而B3則維持現(xiàn)狀，進行測試。B2引入交互原型后，盡管需要一定的時間對其進行學習和適應(yīng)，但仍然在兩周內(nèi)完成設(shè)計，測試評級為0.46。而B3分數(shù)則是0.22。在兩周的設(shè)計活動中多次發(fā)生意見沖突，也未能與客戶進行良好的溝通。B2和B3前后的對比效果（圖6）。

采用交互原型的項目組從質(zhì)量和效能上明顯高于未采用交互原型的項目組在試驗最后，對客戶進行了滿意度調(diào)查問卷。滿意度調(diào)查問卷內(nèi)容共分為非常滿意、比較滿意、一般、不太滿意、非常不滿意。此外，調(diào)查問卷在制作過程中，一定要靈活。如果多選題沒有邏輯關(guān)系，那么這個問題清單就可以進行隨機排列，避免答案順序影響用戶的選擇[10]。

在四組測試中，設(shè)計評級方面的關(guān)系為A＞B2＞B1＞B3.而在滿意度方面，在剝離無效問卷的基礎(chǔ)上，A組的問卷調(diào)查滿意度中非常滿意、比較滿意占到75%，而一般只占18%其余為不太滿意。而對照組B1到B3中，滿意度只達到51%。采用交互原型的測試組在各項指標中為第一。我們可以清楚的看到該方法幫助設(shè)計師合理有序的設(shè)計也有助于提高開發(fā)的品質(zhì)[11]，使App充分做到專業(yè)化、系統(tǒng)化[12]。很顯然，該構(gòu)建方法吧所有的功能節(jié)點，按照功能點相互之間的設(shè)計屬性和技術(shù)屬性合理地整合在一個簡潔的框架里[13]。

4 結(jié)語

本文的研究結(jié)果表明，交互原型對于設(shè)計師尤其是新入職的設(shè)計師設(shè)計能力提升有重要意義。首先是為設(shè)計流程帶來了明確的信息架構(gòu)，縮短開發(fā)時間，提高團隊開發(fā)效率，不僅為設(shè)計師、設(shè)計團隊本身，更對企業(yè)和用戶節(jié)約了成本。其次是設(shè)計師和團隊在使用交互原型過程中，理論素養(yǎng)得到顯著體征，這是與交互原型對設(shè)計原理和方法的剛性需求分不開的。交互原型的構(gòu)建有明確的范式，便于設(shè)計人員關(guān)注設(shè)計對象的交互原型本身而非構(gòu)建方式。這種以面向?qū)ο鬄橹鳌⒓骖櫭嫦蜻^程的設(shè)計工具對于改善設(shè)計師設(shè)計思維，提升設(shè)計能力效果是顯著的，對于設(shè)計師和設(shè)計團隊在優(yōu)化設(shè)計開發(fā)工作方面具有一定的借鑒意義。

（責任編輯：張 楊）

[1](美)杰克·納普(Jake Knapp),約翰·澤拉茨基(John Zeratsky),布拉登·科維茨(Braden Kowitz)著,魏瑞莉,涂巖珺譯.設(shè)計沖刺[M].杭州:江大學出版社,2016.

[2](美)Stoyan Stefanov 陳新譯.JavaScript模式[M].北京:中國電力出版社,2012.

[3]Design Patterns:Elements of Reusable Object-Oriented Software.p.33.

[4]Unified Modeling Language User Guide,The(2 ed.).Addison-Wesley.2005.p.496.ISBN 0321267974,See the sample content,look for history.

[5]劉偉.交互品質(zhì)在創(chuàng)新設(shè)計研究中的應(yīng)用途徑[J].包裝工程,2015,(08):14-16+21.

[6]Freeman,Eric,Freeman,Elisabeth,Kathy,Si erra,Bert,Bates(2004). Hendrickson,Mike,Lo ukides,Mike,eds."HeadFirstDesignPatterns"(paperback).1.O'REILLY:162.ISBN 978-0-596-00712-6.Retrieved.2012-09-12.

[7]搜狐新聞客戶端UED團隊編著.設(shè)計之下[M].北京:電子工業(yè)出版社,2014.

[8]荷代爾夫特理工大學工業(yè)設(shè)計工程學院.設(shè)計方法與策略:代爾夫特設(shè)計指南[M].武漢:華中科技大學出版,2014.

[9]任婕編著.騰訊網(wǎng)UED體驗設(shè)計之旅[M].北京:電子工業(yè)出版社,2015.

[10](美)Elizabeth Goodman,Mike Kuniavsky,Andrea Mosed,劉吉昆譯注.洞察用戶體驗:方法與實踐[M].北京:清華大學出版社,2010.

[11]戴靈熙,趙俊學.裝飾玻璃材料在現(xiàn)代室內(nèi)設(shè)計中的應(yīng)用研究[J].家具與室內(nèi)裝飾,2017,(02):68-69.

[12]張建雄,吉夢堤,孫振闖.衛(wèi)浴產(chǎn)品類智能整體性系統(tǒng)設(shè)計研究[J].家具與室內(nèi)裝飾,2017,(01):116-117.

[13]辛向陽.交互設(shè)計:從物理邏輯到行為邏輯[J].裝飾,2015,(01):58-62.