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支持下的消护类商品展陈指引系统，后期在用户使用反馈中系统会进一步迭代更新，使消毒护创品牌得到更好的展示宣传及推广。