AR支持下的消毒護創商品展陳指引設計研究

王宣博 張文莉

關鍵詞：商品展陳設計 AR展示 指引 消毒護創商品 經銷商門店

引言

在新型冠狀病毒影響下，醫療消毒護創行業競爭日趨激烈。好的商品展陳可以提升品牌競爭力，但品牌公司一直用傳統實地方式對經銷商門店進行商品展陳設計指引，使公司浪費大量人力到各個地區店面布局指引商品陳列，導致大量時間和精力用于往返展陳現場和準備商品實物；當今在互聯網5G時代興起及數字技術加速發展的大背景下，數字化交互方式已經成為現代主流發展方向。然而，商品展示陳列指引設計這一區塊，還一直停留在傳統的交互形式（如實地陳列、紙質媒介上的文字指引說明、靜態圖片等）已經無法滿足當代物欲橫流下商品迭代快的現狀;而且在疫情影響下，派人實地陳列的方式無法滿足對跨區域大且數量多的經銷門店進行及時陳列優化，醫療消毒護創商品展陳的優化更為急迫。因此，可以怎樣應用當今先進的數字信息技術，對零售店面中消毒護創商品布局和陳列進行高效地統一指引，已經成為亟待解決的問題。本文以數字化技術在陳列指引手冊中的應用與如何指引店員陳列展示為研究內容，探討了商品展示陳列手冊借助增強現實這一數字化技術對打破傳統商品展陳指引方式的現實意義。

一、AR概述

增強現實（Augmented Reality，簡稱AR），是通過數字傳感設備將要呈現的虛擬景或物與用戶所處的真實環境相融合，使用戶體驗超現實的交互技術；增強現實的概念早在二十世紀就被提出，最早的定義是1994年Paul Milgram和Fumio Kishino提出的“Reality—Virtuality Continuum”[1]（如圖 1），用增強現實指代利用虛擬（計算機圖形）對象“增強”真實環境的情況見下方[2]。

AR具有虛實結合、實時交互、跨越維度、三維配準等特點，技術上可分為：

（1）空間增強現實技術：其特點是使用投影設備將虛擬影像投射到實體上，從而增強實物展示效果，用戶不需要借助任何硬件設備就能夠進行虛擬交互體驗。例如品牌和零售設計工作室Dalziel andPow在倫敦零售設計博覽會上做的導電油墨交互展示，體驗者可以任意觸摸展位墻面上的圖形，以完成回路讓壁畫動起來。打破了展示物與空間的差異界限，致使展示環境與參觀者虛擬融合。

（2）魔鏡技術：是通過手機、平板電腦等智能硬件設備的攝像頭，將虛擬的東西與拍攝的實境合成為一個場景畫面并在顯示器中顯示，而且能根據使用者的要求隨意調整視覺角度，通過屏幕設備觀看就如同虛擬展示對象存在于真實環境中。如宜家2017年推出的IKEA PLACE[3]（App），將宜家各種家具數字化處理，通過手機屏幕就能看到這些產品不同角度的樣子，應用AR魔鏡技術，在手機中就能仿真這些家具放置于家中的效果。

二、AR支持下消毒護創商品展陳指引

（一）消毒護創商品展陳指引

消毒護創商品展陳是以消毒護創類商品為主題的展示陳列設計，通過視覺設計體現消毒護創公司的特色，來吸引顧客的注意，從而使消費者對品牌公司記憶和信任度增加，最大限度地激發消費者購買欲望的一種視覺營銷方式。關鍵在于設計能否通過視覺沖擊和心理呼應，來引起消費者的興趣，從而實現與消費者的交流溝通[4]。

商品展陳指引就是品牌公司為經銷商門店中商品及主題性營銷活動提供宣傳物料和商品視覺設計的指引。展陳指引一般都利用紙媒《陳列指引手冊》中圖文結合的方式說明展示方式、陳列位置。《陳列指引手冊》是由品牌公司統一規范制定并指引經銷商門店、賣場等進行展示陳列的引導工具[5]。陳列人員到門店之后可根據指引手冊，在相應位置用統一的展陳方式陳列出品牌商品、宣傳物料等，以達到符合要求的展示效果。但展示陳列是三維空間活動，而紙媒的二維局限性，使某些店員沒辦法根據指引手冊中的說明進行陳列調整。

通過調研，發現醫療消毒護創類商品展陳指引方式是各地區銷售人員根據公司統一陳列設計培訓，然后到達各門店指引店員以商品及宣傳物料為主體進行展陳。這種實地式展陳指引方式，導致大量精力和時間浪費在往返展陳現場和準備實物的過程中。

（二）AR支持商品展陳指引的優勢特點

賣場中展陳設計具有復雜多元性，它需要綜合運用人因工程學、設計美學等方面的理論知識，分析消費者購買心里、購買習慣，根據品牌公司宣傳物料及商品的特性，然后考究賣場的空間、貨架體積等因素在三維空間中進行規劃和設計。傳統的商品展示陳列指引方式為實地指引、舉辦經銷商培訓會、紙質陳列指引手冊等形式。這樣浪費大量時間成本和運輸成本；單靠紙媒《陳列指引手冊》這種二維圖片、文字進行展示陳列指引，更是沒辦法直觀地將復雜多元化的三維賣場展示陳列指引到位。

AR展陳指引與傳統展陳指引的模式不同，它通過AR技術的支持，不需要派人到現場也可跨維度的進行展陳指引。AR支持商品展陳指引是通過軟件系統開發，借助移動設備（手機、平板電腦）對店員五感形成刺激從而有效達到展陳指引信息傳達的目的。增強現實技術可以打破時間和空間的限制，不需要大量運輸展陳實物，就可以遠程完成展陳指引。AR展陳指引借助計算機存儲展陳物體的數字化模型可以隨時隨地進行呈現展示陳列效果。

AR具有虛實結合、實時交互的特性，因此AR展陳指引過程中獨特地實時交互功能，可將賣場環境與虛擬展陳模型融合在一起傳遞給店員，這種真實與虛擬進行交互融合的方式，增加了展陳指引過程中的體驗感。通過AR展陳指引系統，展陳指引過程中能實時直觀預覽展陳效果，并進行互動調整。AR展陳系統不僅可以運用計算機存儲的圖像、音頻、文字、數字3D模型等多維度進行展示陳列的指引[6]，而且可以設置不同功能元素的交互按鈕來展陳指引互動，使用戶可以自主選擇要了解的展陳內容，展陳指引過程更具便捷性。

（三）AR支持消毒護創商品展陳指引策略原則

在當今病毒疫情影響下，交通封鎖造成傳統派人到各個地區店面展陳指引無法進行。因此，借助先進的AR數字信息化手段，可遠程高效地對零售店面中消毒護創商品展陳進行優化管理，其中，AR支持消毒護創商品展陳指引策略設計原則為：

1.跨時空交互：AR支持的展陳指引與傳統實地展陳指引相比較，最大的優勢是打破了時間和空間的限制，應用AR技術將要展陳主體瞬間閃現到展陳現場，可隨心預覽展陳效果。在虛擬預覽展陳過程中，應確保交互的跨時空性，可隨時進行展陳指引。由于在展陳指引過程中，經銷門店數量多且跨區域大，因此，展陳指引是一對多式的交互，應該確保同一展陳指引內容可在不同空間環境中的跨時空交互順暢。

2.智能虛實相融：在應用增強現實技術時，使用者可同時接收虛擬世界和真實世界兩個視覺，使虛實世界融合在一起，給用戶帶來沉浸式體驗[7]。計算機虛擬生成的模型、圖像、語音等數字化輸出物與現實環境相結合具有多樣化，只有處理好虛實關系，使兩者協調融合，才能創建出好的展陳效果及體驗。

3.UI符合人機工程：UI即User Interface的縮寫，UI設計就是對軟件的視覺交互界面及交互流程整體進行合理的規劃設計[8]。一般情況下，軟件UI基于計算機操作系統“WIMP”圖形界面原則是二維界面。基于增強現實的UI涉及現實和虛擬兩個維度，是一種跨越維度的三維交互界面[9]。其交互方式和界面布局也更加多元化，基于AR的應用界面不僅包括一般的交互按鈕，還應該包括添加虛擬、現實空間識別等。系統設計是給人使用的，因此在這種跨越維度的設計中應合理配置UI，使其符合人機工程，保證交互流暢性，才能保證系統的可用性。

三、基于AR的消毒護創商品展陳貨架指引設計

（一）品牌展陳貨架為例的設計實踐

AR展陳指引是指展示陳列設計者通過AR技術將展陳內容多感官的傳遞給陳列位人員，從而指引一線員工進行陳列展示。在消毒護創品牌貨架展陳指引中運用AR技術的特色是跨時空將2D指引轉為更直觀感受的3D指引，來解決跨區域指引的難題，提高展陳效率。

消毒護創品牌貨架AR展陳指引設計是通過品牌展陳指引手冊設計（如圖2）結合AR系統運用Unity3D和Vuforia進行開發落實。其中，增強現實展示部分通過Vuforia engine官網中的DeveloperPortal創建獲得AR地面識別代碼和識別圖應用到Unity3D中進行系統交互設計，然后發布App到平板電腦、手機等硬件中完成AR展陳指引交互。消毒護創品牌貨架AR展陳指引系統主要由展陳貨架的模型選擇模塊、地面識別展示模塊、UI操控交互模塊、交互音頻提示模塊構成。

其中展陳貨架的選擇模塊就是通過手冊2D貨架識別圖轉為3D虛擬模型，該部分借助計算機建模軟件（如CINEMA 4D、Rhino3D）來完成3D建模。品牌貨架有兩款系列風格供店員進行AR體驗展陳視覺效果，風格材質制作是在Cinema4D軟件中完成（如圖3），再將貼好材質的模型保存為FBX格式。

然后，將導出的貨架FBX格式的模型和貼圖文件添加到Unity3D軟件的assets工程文件夾中，將模型拖入Hierarchy面板中[10]，導入插件Playmaker對產品模型制作可視化交互編程[11]（如圖4）。

（二）消毒護創品牌貨架AR展陳指引系統架構

系統架構是整個App開發的核心骨架，商家對門店消毒護創品牌貨架展陳指引遵循的是統一系統化思路，既要滿足不同店面的風格，而且要體現品牌展陳的統一特點。在確保與各門店不違和的條件中求同存異。這就要求展陳指引系統在滿足遠程應用的同時，應滿足不同風格門店。

根據以上因素，展陳貨架指引系統設計架構為：

（1）內容確認：通過調研，得知品牌宣傳貨架在展陳中尤為重要，但貨架體積大造成了運輸成主要浪費，因此，消毒護創品牌貨架AR展陳指引系統設計內容以解決貨架展陳問題為主，由兩部分組成（如圖5），第一部分以歐潔科技股份有限公司兩款不同風格的品牌宣傳貨架為主體，以滿足不同店面的風格選擇。第二部分是商品展陳方式指引，包括“護創流程梯度陳列”和“銷量梯度陳列”方式。

（2）信息架構：就是對內容進行架構，整個系統由2D和AR交互構成，此處主要說明AR信息架構；它包含貨架和商品陳列兩部分。通過App圖像識別掃描展陳指引手冊，觸發AR系統，消毒護創品牌貨架展陳AR指引系統信息架構（如圖6）：

（3）使用流程：是對系統信息交互的體驗流程，此系統為用戶首先在手機或平板電腦上安裝App，其次通過程序掃描展陳指引手冊，選擇要展陳預覽的風格貨架并點擊交互按鍵；然后，用戶會聽到“請對準識別地面”的語音提示；點擊地面識別框，實際尺寸的貨架就會出現在用戶視眼里，并可點擊旁邊遠程連線同屏指引按鈕，在遠程連線指引下點擊旋轉、移動按鍵進行調整。然后選擇貨架商品陳列方式，進行商品陳設。行為流程架構（如圖7）：

（三）消毒護創貨架AR展陳指引系統設計應用

根據上述的消毒護創展陳指引系統已經實現了系統架構和交互流程搭建，此節主要對AR系統實際應用中策略體現，即跨時空交互、智能虛實相融、UI部分進行闡述：

1.跨時空交互體現：AR展陳中的互動是虛擬與用戶間的交互，AR展示系統構成了虛擬世界與真實世界的通道，為用戶提供了跨時空體驗。基于AR技術的消毒護創品牌貨架展陳指引中，通過計算機等比例3D建模，將真實貨架存儲到網云中，然后將虛擬空間中的貨架隨時展陳到任意展陳空間中進行預覽效果。用戶通過App遠程連線，跨時空獲取指引進行展陳。（如圖8）

2.智能算法虛實相融陳列指引：智能陳列虛實相融作為AR展陳指引系統的關鍵技術，在此展開詳細闡述。一般情況下，陳列方式和商品的種類決定了商品在貨架上如何陳列。為提高陳列指引效率，系統在貨架陳列功能中添加了智能算法陳列指引，以消毒護創商品綜合熱度為基礎，智能算法進行自動陳列計算并與實際貨架虛實相融。最后，得出商品陳列指引圖，展陳人員根據形成的陳列圖進行實施展陳。

智能展陳功能是由陳列方式梯度和陳列自動計算組成。首先在展陳設計師的指引下，用戶選擇按照護創流程梯度或銷量梯度的方式陳列。其次，系統會按照商品綜合熱度智能計算產品在貨架上的擺設位。商品的綜合熱度是一個綜合統計值，一種商品的綜合熱度的數學模型為：，對應指標為：A=銷售額、B=銷售額均值、C=銷量增長率、D=銷量增長率均值、E=周轉率、F=周轉率均值、G=毛利率、H=毛利率均值、I=利潤率、J=平均銷售熱度、K=交叉比例、L=平均交叉比例[12]。A^、B^、C^、D^、E^、F^、G^、H^、I^、J^、K^、L^ 是每一個指標的有權重參數，總和是 100%[13]。系統通過智能算出各商品的綜合熱度，從而顯示展陳樣圖，展陳人員參照指引進行展陳即可。

3.界面布局合理：為符合UI人機工程原則，界面的布局在手冊頁面（140×210mm）轉換到AR交互App界面（1080×1920P）過程中做了調整。在手冊中展陳貨架指引板塊的旋轉、移動等不具備交互性，只作為提示信息排版在頁面最下方，但進行系統交互時，這些按鍵在App中與人構成交互，因此將按鍵合理化設計調整到符合人機交互的布局。（如圖9）

（四）設計驗證

系統可用性驗證是從每個經銷商藥店中選擇2名店員作為被試對象，共走訪9家店，選了18名店員進行測試。首先讓被試者通過傳統的展陳指引手冊進行陳列操作并記錄時間，然后根據AR展陳指引系統進行展陳操作（如圖10）并記錄時間。利用對比法比較被試者兩次操作完成時長，作為效率指標。每位被試在操作完后填寫測試問卷量表（如表1），根據回收的每份問卷量表的數據算出每位被試的效率提高值SUS系統可用性分值，并制作測試結果統計表（如表2），通過結果分析可知，18名被試中僅有1人在測試中效率降低，但總體的效率平均提高率為24%且SUS分值均值為85.72，根據Bangor在2009年提出的總體可用性SUS分數評級（如圖11）可知，該系統的可用性評級可達B級[14]，符合可用性評估標準[15]。綜上可知，在AR支持下的展陳指引效率有所提高，系統具備優良可用性。

結語

本文通過對AR技術及陳列展示理論的研究，分析出將AR應用在消毒護創商品展陳指引中的特點，并根據增強現實技術的特征，結合消毒護創商品展陳指引手冊案例得出AR在展陳指引過程中的應用策略，進一步優化了消毒護創商品展陳指引方式。將AR應用在消毒護創商品展陳指引中，打破了時間和空間的限制，解決了傳統展陳指引過程中的弊端，充分詮釋了增強現實技術在消毒護創商品展陳指引中的優勢。設計實踐中將增強現實技術與傳統的展陳指引手冊相結合從用戶多感官維度對消毒護創商品展陳指引應用系統進行設計，拓展了增強現實技術在展陳指引領域的應用，初步創新設計了AR支持下的消護類商品展陳指引系統，后期在用戶使用反饋中系統會進一步迭代更新，使消毒護創品牌得到更好的展示宣傳及推廣。