基于互聯(lián)網(wǎng)技術(shù)的虛擬包裝體驗(yàn)APP界面研究與設(shè)計(jì)

劉瑞佳，肖穎喆＊，張震

（湖南工業(yè)大學(xué) 包裝與材料工程學(xué)院，湖南 株洲 412007）

隨著網(wǎng)絡(luò)購(gòu)物平臺(tái)及智能移動(dòng)終端的普及，線上移動(dòng)端消費(fèi)逐漸成人們的主流消費(fèi)方式。經(jīng)相關(guān)研究數(shù)據(jù)顯示有75%以上的用戶將網(wǎng)絡(luò)購(gòu)物作為主要購(gòu)物方式[1]。然而，物聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，消費(fèi)者在網(wǎng)購(gòu)環(huán)境中的消費(fèi)觀念也發(fā)生了很大的變化，從注重物質(zhì)層面體驗(yàn)到重視精神層面體驗(yàn)[3]。在對(duì)相關(guān)文獻(xiàn)研究進(jìn)展整理分析后發(fā)現(xiàn)，目前虛擬包裝體驗(yàn)APP界面設(shè)計(jì)存在以下問(wèn)題：受制于屏幕及傳播方式的制約，用戶在與移動(dòng)端產(chǎn)品交互的過(guò)程中，對(duì)包裝產(chǎn)品宣傳中體驗(yàn)設(shè)計(jì)部分參與感較低，包裝信息展示呈現(xiàn)方式單一，難以吸引用戶眼球和進(jìn)一步了解包裝產(chǎn)品信息的沖動(dòng)，對(duì)用戶行為需求的預(yù)測(cè)中缺少智能推薦和情感性的社交互動(dòng)。包裝信息展示效果與展示手段會(huì)影響消費(fèi)者的感官體驗(yàn)和行為體驗(yàn)，甚至影響消費(fèi)者的購(gòu)買決策[6,7]。

本文以用戶需求為導(dǎo)向的虛擬食品包裝APP界面設(shè)計(jì)為研究對(duì)象，分別從目標(biāo)層、準(zhǔn)則層和方案層將評(píng)價(jià)指標(biāo)要素根據(jù)用戶需求進(jìn)行細(xì)致劃分，并在此基礎(chǔ)上進(jìn)行綜合分析并歸納提取，確定APP界面設(shè)計(jì)的指標(biāo)要素分別為包裝要素、功能信息、生產(chǎn)裝配。

1 研究方法與APP界面設(shè)計(jì)流程

層次分析法（Analytic Hierarchy Process,簡(jiǎn)稱AHP）是一種可以將主觀評(píng)價(jià)與客觀評(píng)價(jià)相結(jié)合并對(duì)多目標(biāo)準(zhǔn)則進(jìn)行快速?zèng)Q策的方法[8-11]。該方法的引進(jìn)能夠有效避免設(shè)計(jì)決策過(guò)程中的主觀隨意性和片面性。

首先，針對(duì)網(wǎng)購(gòu)環(huán)境下用戶需求與體驗(yàn)間的不對(duì)等進(jìn)行內(nèi)外因素的分析，采用問(wèn)卷調(diào)查的模式進(jìn)行用戶調(diào)研，并對(duì)調(diào)研結(jié)果整理歸納，獲取用戶關(guān)注度較高的指標(biāo)要素信息，結(jié)合層次分析法對(duì)設(shè)計(jì)指標(biāo)要素進(jìn)行權(quán)重計(jì)算，對(duì)指標(biāo)要素的權(quán)重結(jié)果進(jìn)行優(yōu)先層級(jí)排序。將調(diào)研的主觀結(jié)果與AHP層次分析方法相結(jié)合，將問(wèn)卷調(diào)查獲取的數(shù)據(jù)與數(shù)學(xué)模型計(jì)算的方式相結(jié)合得到用戶關(guān)注度較高的設(shè)計(jì)指標(biāo)要素，為后期APP設(shè)計(jì)合理性提供依據(jù)。

圖1 基于AHP層次分析法某虛擬產(chǎn)品APP界面設(shè)計(jì)流程Fig.1 The design process of APP interface

2 基于AHP層次分析法構(gòu)建APP界面設(shè)計(jì)要素評(píng)價(jià)模型

2.1 評(píng)價(jià)指標(biāo)層次結(jié)構(gòu)模型構(gòu)建

大學(xué)生作為網(wǎng)絡(luò)購(gòu)物群體中的主力軍，通過(guò)問(wèn)卷調(diào)查及用戶訪談等調(diào)研形式充分了解其需求，獲得相關(guān)需求數(shù)據(jù)后構(gòu)建判斷矩陣并計(jì)算各指標(biāo)要素權(quán)重。為保證樣本數(shù)據(jù)的科學(xué)性及合理性，本次調(diào)研選取的樣本數(shù)據(jù)涉及全國(guó)各地多所高校的學(xué)生。地域分布涉及不同省份，其中江蘇省占比32%、新疆維吾爾自治區(qū)占比13%、內(nèi)蒙古自治區(qū)占比10%、山西省占比21%和湖南省占比24%。專業(yè)方向涉及包裝工程、數(shù)字媒體技術(shù)、新聞傳播學(xué)、土木工程、包裝設(shè)計(jì)、體育教育、計(jì)算機(jī)應(yīng)用技術(shù)、漢語(yǔ)言文學(xué)等多個(gè)專業(yè)。本次問(wèn)卷以線上填寫為主要途徑，調(diào)研共收集到160份有效問(wèn)卷，其中男生80名，女生80名。

分析發(fā)現(xiàn)用戶需求主要集中在以下幾方面：1）安全性；2）環(huán)保性；3）便捷性。對(duì)以上用戶需求整理后，將其歸納細(xì)分為以下3個(gè)層次和11個(gè)具體要素：

1）目標(biāo)層：設(shè)計(jì)要素層次結(jié)構(gòu)的總目標(biāo)，將符合用戶期望的APP界面設(shè)計(jì)設(shè)為目標(biāo)層，用A1表示。

2）準(zhǔn)則層：對(duì)應(yīng)目標(biāo)層設(shè)計(jì)要素層次結(jié)構(gòu)進(jìn)行的需求類別歸納，將需求類別劃分為包裝要素(B1)、功能信息(B2)、生產(chǎn)裝配(B3)表示。

3）方案層：將用戶需求進(jìn)行更深層級(jí)的劃分，其中包裝要素包括：生產(chǎn)日期(B11)、注意事項(xiàng)(B12)、防偽識(shí)別(B13)、營(yíng)養(yǎng)方案(B14)；功能信息包括：回收利用(B21)、儲(chǔ)存方式(B22)、開啟方式(B23)、制作方式(B24)；生產(chǎn)裝配信息包括：材料選擇(B31)、制作工藝(B32)、物流運(yùn)輸(B33)。根據(jù)準(zhǔn)則層的三個(gè)評(píng)價(jià)要素指標(biāo)，將評(píng)價(jià)指標(biāo)細(xì)分為各二級(jí)評(píng)價(jià)指標(biāo)要素。對(duì)調(diào)研結(jié)果分析歸納篩選出B11-B33這11個(gè)二級(jí)評(píng)價(jià)指標(biāo)，最終構(gòu)建出某虛擬產(chǎn)品包裝APP界面設(shè)計(jì)的層次分析結(jié)構(gòu)模型。

表1 某虛擬產(chǎn)品包裝APP界面設(shè)計(jì)方案評(píng)價(jià)模型Table1 Evaluation model of interface design of a virtual product packaging APP

2.2 構(gòu)造評(píng)價(jià)指標(biāo)的判斷矩陣

為使APP界面布局上的排布順序具有一致性，采用AHP層次分析法，以9級(jí)評(píng)價(jià)指標(biāo)標(biāo)度法為度量標(biāo)準(zhǔn)對(duì)指標(biāo)評(píng)價(jià)要素的權(quán)重結(jié)果進(jìn)行計(jì)算。

將調(diào)查問(wèn)卷得到的評(píng)價(jià)要素進(jìn)行重要性比較，構(gòu)造后的判斷矩陣為B=bij

其中重要性比較結(jié)果用bij表示。

表2 食品包裝信息展示APP評(píng)價(jià)指標(biāo)標(biāo)度法Table2 Evaluation index scale method

重要性判斷原則為：若bi重要性比bj大則得分大于1，反之則得分小于1，且bij與bji互為倒數(shù)。根據(jù)此原則可得出bii為1。構(gòu)建了式(1)所列判斷矩陣：

就這樣我回憶著他們的一些生活片斷，在這天上午來(lái)到他們的寓所，我覺(jué)得自己很久沒(méi)來(lái)敲他們的門了，當(dāng)萍萍為我打開他們的房門時(shí)，我發(fā)現(xiàn)萍萍的樣子變了一些，她好像是胖了，要不就是瘦了。

由矩陣B與其唯一非零最大特征根(λmax)和對(duì)應(yīng)特征向量(ω)存在以下所示的關(guān)系：

采用和積法對(duì)判斷矩陣進(jìn)行處理得出各元素權(quán)重值，具體步驟如下所示：

首先采用式(3)將B中的數(shù)據(jù)按列歸一化，即為

然后將歸一化的矩陣同行求和，如式(4)所示：

通過(guò)式(4)得到權(quán)重向量：

最大特征根為：

上述經(jīng)構(gòu)造的矩陣將用式(7)進(jìn)行一致性檢驗(yàn)。

由式(7)、式(8)可計(jì)算出C.R，當(dāng)C.R.>0.1時(shí)，表示矩陣B一致性較差，需要對(duì)矩陣進(jìn)行修改后再進(jìn)行計(jì)算；反之，則表示矩陣B具有較好的一致性。根據(jù)如上所述的計(jì)算過(guò)程，可以構(gòu)建出關(guān)于包裝體驗(yàn)APP界面設(shè)計(jì)要素的判斷矩陣及權(quán)重指標(biāo)。R.I.表示隨機(jī)一致性檢值，其數(shù)值可查表3。C.I表示一致性指標(biāo)，可以根據(jù)式(8)計(jì)算：

表3 某包裝宣傳方式APP界面設(shè)計(jì)的隨機(jī)一致性RITable3 Random consistency RI of the interface design of a package promotion APP

2.3 權(quán)重計(jì)算及一致性檢驗(yàn)

由表中可知，對(duì)包裝要素、功能要素和生產(chǎn)裝配要素分別進(jìn)行了特征向量、權(quán)重值、最大特征值、CI值及CR值的計(jì)算，結(jié)果顯示關(guān)于準(zhǔn)則層的判斷矩陣C.R.為0.052，表明其具有良好的一致性。因此，此判斷矩陣可以對(duì)要素進(jìn)行加權(quán)計(jì)算，各元素的權(quán)重值結(jié)果見(jiàn)表4-表7，方案層的各元素權(quán)重指標(biāo)在表8中展示。

表4 準(zhǔn)則層判斷矩陣與權(quán)重值Table4 Judgment matrix and weight value of criterion layer

表5 包裝要素判斷矩陣與權(quán)重值Table5 Packaging elements judgment matrix and weight value

表7 生產(chǎn)裝配判斷矩陣與權(quán)重值Table7 Production assembly judgment matrix and weight value

表8 方案層要素綜合權(quán)重值Table8 The weight value of elements

表6 功能要素判斷矩陣與權(quán)重值Table6 Function element judgment matrix and weight value

對(duì)方案層中的設(shè)計(jì)元素判斷矩陣進(jìn)行一致性檢驗(yàn)，計(jì)算過(guò)程及結(jié)果見(jiàn)式(9)-式(10)：

通過(guò)式(10)的計(jì)算可得：

通過(guò)式(10)運(yùn)算結(jié)果可知，一致性檢驗(yàn)結(jié)果為0.0784，可通過(guò)。表8中關(guān)于方案層中的元素權(quán)重指標(biāo)計(jì)算結(jié)果科學(xué)合理，可以有效指導(dǎo)設(shè)計(jì)實(shí)踐。

經(jīng)過(guò)對(duì)權(quán)重結(jié)果重要性排序可知：材料選擇和物流運(yùn)輸、回收利用和制作方式、注意事項(xiàng)和營(yíng)養(yǎng)方案、防偽識(shí)別等幾項(xiàng)指標(biāo)要素為用戶關(guān)注度較高的指標(biāo)要素，將用戶關(guān)注度較高的指標(biāo)要素作為APP界面設(shè)計(jì)的重要參考依據(jù)并將以上指標(biāo)要素融入到APP信息架構(gòu)設(shè)計(jì)中，方便后期開展APP界面設(shè)計(jì)。

3 設(shè)計(jì)要素分析及界面設(shè)計(jì)實(shí)踐

3.1 設(shè)計(jì)要素分析

1）包裝要素包括：材料選擇、物流運(yùn)輸和防偽識(shí)別。物質(zhì)文明的高度發(fā)展與進(jìn)步，人們對(duì)健康的關(guān)注已上升為全民性的熱潮。食品的原產(chǎn)地及對(duì)原材料的選擇受到越來(lái)越多消費(fèi)者重視，通過(guò)展示食品包裝來(lái)源及加工材料制作過(guò)程，能為消費(fèi)者了解食品來(lái)源及加工安全可靠性提供更加便捷的渠道。而假冒偽劣產(chǎn)品不僅影響消費(fèi)者的身心健康，還會(huì)使消費(fèi)者產(chǎn)生上當(dāng)受騙的心理，進(jìn)而影響消費(fèi)者對(duì)品牌的好感。將防偽識(shí)別技術(shù)引入到APP界面設(shè)計(jì)中能方便消費(fèi)者快速對(duì)產(chǎn)品的真?zhèn)芜M(jìn)行辨別。

2）功能要素包括：回收利用和制作方式。用畢即棄是現(xiàn)階段市場(chǎng)包裝的現(xiàn)狀，APP為用戶展示包裝的再利用過(guò)程，為用戶提供再利用小貼士，保護(hù)環(huán)境，減少污染。

3）生產(chǎn)裝配要素包括：注意事項(xiàng)和營(yíng)養(yǎng)方案。將產(chǎn)品注意事項(xiàng)及產(chǎn)品營(yíng)養(yǎng)搭配方案展示在消費(fèi)者面前，便于消費(fèi)者以更加直觀的方式了解包裝產(chǎn)品使用方法及儲(chǔ)存相關(guān)知識(shí)。

3.2 某包裝宣傳方式界面設(shè)計(jì)實(shí)踐

通過(guò)AHP層析分析方法對(duì)用戶的需求進(jìn)行權(quán)重計(jì)算，并對(duì)權(quán)重計(jì)算結(jié)果進(jìn)行排序，確立并篩選出用戶關(guān)注度較高的信息，在此基礎(chǔ)上構(gòu)建某包裝宣傳方式APP模型。

首先，某包裝宣傳方式APP界面設(shè)計(jì)由防偽助手、碼上配送、營(yíng)養(yǎng)方案和原料選擇四大主要功能組成。其次，用戶通過(guò)點(diǎn)擊防偽助手可以通過(guò)拍照及掃碼方式快速了解到購(gòu)買產(chǎn)品的真?zhèn)涡?；在碼上配送功能區(qū)域，用戶可快速追蹤所購(gòu)買快遞的當(dāng)前物流信息狀態(tài)；在營(yíng)養(yǎng)方案功能區(qū)域，用戶能夠了解所購(gòu)買產(chǎn)品的營(yíng)養(yǎng)組成部分及營(yíng)養(yǎng)搭配相關(guān)信息；在原料選擇功能區(qū)域，用戶能夠獲取所購(gòu)買產(chǎn)品的原料來(lái)源、生產(chǎn)地、生產(chǎn)裝配及使用流程等相關(guān)信息。在趣味直播模塊會(huì)對(duì)用戶關(guān)注較高的前幾類內(nèi)容信息進(jìn)行實(shí)時(shí)推送，方便用戶快速瀏覽。最后，改進(jìn)后的某包裝宣傳方式APP界面設(shè)計(jì)為網(wǎng)購(gòu)環(huán)境下用戶快速了解包裝產(chǎn)品信息提供了便利。通過(guò)此方式不僅提高了用戶對(duì)包裝產(chǎn)品信息的全面了解，同時(shí)也增進(jìn)了用戶對(duì)包裝產(chǎn)品的信賴。

圖2 某虛擬產(chǎn)品APP界面主頁(yè)設(shè)計(jì)Fig.2 The homepage design of APP interface

4 結(jié)論

以網(wǎng)購(gòu)環(huán)境下虛擬食品包裝APP界面設(shè)計(jì)為研究方向，將用戶需求作為主要研究側(cè)重點(diǎn)，引入AHP層次分析法對(duì)虛擬食品包裝APP界面設(shè)計(jì)進(jìn)行研究。從食品包裝的安全性、環(huán)保性和便捷性角度出發(fā)，綜合用戶對(duì)包裝信息的滿意程度，建立對(duì)界面設(shè)計(jì)的評(píng)價(jià)體系。構(gòu)建后的APP信息架構(gòu)主要由4個(gè)主要指標(biāo)元素構(gòu)成，分別為防偽識(shí)別、物流運(yùn)輸、儲(chǔ)存方式和營(yíng)養(yǎng)方案。在APP主頁(yè)上設(shè)置了防偽助手、碼上配送、原料選擇和營(yíng)養(yǎng)搭配4個(gè)主要功能分區(qū)，完成對(duì)上述指標(biāo)要素的展示。為用戶在網(wǎng)購(gòu)環(huán)境下全方位了解包裝產(chǎn)品信息提供了更加科學(xué)合理的手段及良好的購(gòu)物體驗(yàn)效果。