室內(nèi)裝飾APP交互原型的快速構(gòu)建方法

■王 可 趙俊學(xué) 李 婷 Wang ke & Zhao Junxue & Li Ting

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

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

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

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

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

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

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

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

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

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

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

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

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

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

■圖4 鏈?zhǔn)皆椭懈鱾€(gè)原型的關(guān)系

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

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

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

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

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

1.1 交互原型作用域

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

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

1.2 對(duì)初始化階段原型繼承性

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

1.3 原型之間的鏈?zhǔn)疥P(guān)系

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

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

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

2 實(shí)例分析探究

2.1 實(shí)驗(yàn)設(shè)計(jì)

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

2.2 評(píng)價(jià)體系

設(shè)計(jì)對(duì)象的最終評(píng)級(jí)是決定各組開發(fā)效果優(yōu)劣的標(biāo)準(zhǔn)。評(píng)價(jià)體系由設(shè)計(jì)理。

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

表1 所羅門控制實(shí)驗(yàn)測(cè)量因素表

■圖5 A和B1前后對(duì)比效果

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

則評(píng)價(jià)體系（即最終評(píng)級(jí)）的公式為：

2.3 實(shí)驗(yàn)程序

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

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

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

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

3 實(shí)驗(yàn)結(jié)果與討論

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

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

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

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

4 結(jié)語(yǔ)

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

（責(zé)任編輯：張 楊）

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

[2](美)Stoyan Stefanov 陳新譯.JavaScript模式[M].北京:中國(guó)電力出版社,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è)計(jì)研究中的應(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團(tuán)隊(duì)編著.設(shè)計(jì)之下[M].北京:電子工業(yè)出版社,2014.

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

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

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

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

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

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