▲ 橱窗模式品牌案例
▲ 叙事模式品牌案例
该模式适用于多商品的展示和互动。通过多商品、多媒体组合展示空间的方式，让用户在非线性体验中了解品牌和商品。平台提供商品、视频、氛围、品牌标志等多种类型的模块，每个模块的互动都是预先产品化的，以这样一种模块化的方式使品牌可以自由构建自己的空间。
解释橱窗体验模式通用原则：
▲ 厨房套系
▲ 空调洗烘套系
贴合真实搭配的购物场景。提供摆放的自由性让用户可以在家中玩转起来；模拟商品真实的摆放需求，支持商品叠放，提供吊顶/墙面/地面/桌面等多个面的真实放置体验。
▲ 叠放
▲ 互斥逻辑
VR沉浸式体验。利用VR场景展现未来客厅的品牌定位，多视角沉浸式体验沙发的动态效果和颜色搭配。
▲ 颜色切换
▲ 视频讲解卖点环绕展示
该模式适合展示单个商品展示与互动。通过逐一定制商品功能亮点，用户能够以线性体验的方式从头到尾了解商品。每个定制点选择适当的技术条件和交互方式，以最直观、最身临其境的方式表现商品的亮点。
解释叙事体验模式通用原则：
结构：入场logo秀 → 商品体验点1 → 商品体验点2 → 商品体验点n → 购买。体验点作为导航Tab依次排开，数量不超过5个，用户依次或跳跃体验。
单点：根据商品特性和亮点展示诉求，结合设备特性设计商品体验点，以下罗列常用能力：
① 手部（身体）追踪：用于商品悬停、持握查看、试穿戴等；
② 空间识别：用于放置吸附、避障、路线规划等；
③ 多模态搭配：视频窗口、全景窗口、信息面板与商品模型组合呈现，用于影像呈现、多商品对比等；
④ MR/VR切换：用于车、家装内部沉浸场景查看或场景氛围营造等；
⑤ 特效：用于可视化商品特性或场景需要，如气流声音、数据可视化等；
⑥ 更多能力可根据案例不断扩充。
串联：当前体验点完成后自动进入下一个，或在切换时有明显退场与入场连接。商品模型对象一镜到底。伴随声音引导不让用户迷失，能顺利体验完整个流程。
▲ logo秀
▲ 多品对比
▲ 汽车叙事体验架构
▲ 场景特效
交互舒适的实车体验。大件商品给定1:3/1:1切换，不支持无极缩放以增加交互确定性；2.导航栏环绕汽车作椭圆轨迹移动，且始终面向用户方便操作；3.任务浮点可视化绑定于汽车对应位置，提供远距离间接交互提升任务可见性与完成率；4.后备箱行李单次点击触发连贯动画，减少细碎交互带来的易错率与资产穿模或掉帧问题。
▲ 查看风阻
全沉浸感的座舱体验。设定伸手可及的直接交互点与视效提示，营造符合车内直觉的体验（如直接按启动键与方向盘上的狂暴模式键）；启动前后夜晚与白天的虚拟环境变化，还原环境贴图对车内模型光照的影响营造真实沉浸感；HUD、狂暴穿梭视效、氛围灯视效动画结合空间音频烘托试听多感官体验。
▲ 打开氛围灯
这次双十一为用户带来了全新的互动游戏：在家里手接天上掉落的红包雨。为了拿到888元与万元奖品，前TOP150个用户平均游玩了40次。
▲ 双十一超级红包雨
▲ 空间坠落
▲ 物理坠落模拟
本期作者：MPID 乐弈、竹恬
//////END //////
淘宝设计，一个服务于全球亿万消费者体验的设计团队，致力于让设计触动人心，让商业美而简单。我们有小红书啦，关注「蟠淘会TAOBAO DESIGN」，看更多设计团队的生活日记！
