轻松打造理想家，淘系家居如何为用户创造场景化的导购体验？家装淘宝

构建用户对未来家的想象，是家装家居多年来持续探索的方向，借3D+AI生产力，为用户创造场景化的搭配导购工具，提升购前决策。本文将从搭配体验、搭配内容等维度来介绍。

#01

从单品到场景

的交互新体验

用户在购买家具时，比较关心它放在我家效果如何？如何搭配？是否放下？“放我家”这款产品可解决上述问题，可将家具放在真实场景中，进行自由搭配，并查看商品尺寸等。

（1）商品搭配。我们在商品详情页中设计了“上看下选”的沉浸互动页，上方为搭配展示区，下方为互动选品区，符合手眼协调的人机交互习惯。

上看下选，被验证为竖屏手机场景下，最有效的搭配互动框架，但也存在一定的视觉割裂问题，为此我们设计了商品飞入动画，可从下方选品区飞入上方场景区，拉近上下关系，提升搭配互动率。

（2）商品尺寸。尺寸是用户购买家具的重要决策因素之一，为满足在场景中查看尺寸，我们设计了“小图看搭配，大图看尺寸”，且两者切换只需要单场景的缩放便可以实现，避免过多层级到来的界面复杂度。

（3）商品移动。在场景区域，用户可自由移动商品，且利用商品近大远小的交互规则，在满足用户个性化设计的同时，提升了操作效率。同时增加了间距尺寸，利用双视窗，可同步查看2D间距尺寸与3D展示效果，另外增加智能提醒，提前告知用户正确的摆放位置，例如卧室，预知衣柜的开门区域，避免床过大时，使柜门无法打开；又如餐厅，依据空间通行区域，避免餐桌与餐边柜间距过小，带来行走不便；

（4）选品结构。在界面下方，设计了多类目与多商品同时平铺的“十字交互结构”，从数据验证上，更有利于用户快速完成一套场景的搭配；

另外对于商品投影的表达，模拟影棚拍摄效果，可更稳重放入空间中；

（5）智能搭配。当用户设定好硬装后，系统会依据用户偏好，推荐更多成套搭配，用户只需上下滑动界面，实现“硬装不变、软装变化”的切换效果，带来更沉浸的互动体验；

#02

基于真实家

的场景搭配

将淘宝上的家具，放入用户真实家中，看实际搭配效果，一直是我们的愿景。

用户需要先拍摄真实的家，然后通过空间识别，商品AI姿态摆放等技术，可将2D商品图与真实照片进行合成，实现放入真实家中看搭配效果。

#03

如何得到一张

好看的场景图

我们设计了搭配内容展示规则，分别从：风格、视角、布局、灯光、生活等维度来制定。

（2）视角。分别从场景的正面和侧面，依据人的视角与高度，选取最舒适的渲染表达，整体原则是家具及功能区展示完整，无家具遮挡与视角畸变；

（3）布局。设计客厅、餐厅等空间的常用布局，便于软装商品更好的放入；

（4）生活化。在场景中，利用自研AI模特功能，为场景添加人物或宠物，在表达功能使用的同时，也更有生活气息；

#04

多端探索

为满足不同人群与场景的使用体验，我们同时探索了VR端与PC端。

VisionPro设计探索。如果用户在家，可将搭配好的成套设计放入真实空间中查看，同时实现整套与单品的替换。

PC设计探索。PC屏幕更大，可以为商家设计师，提供更多精细化的设计操作，可输出动态视频与协同编辑器，设计师的操作结果可实时为用户直播查看，便于设计师与用户的远程沟通和修改。

结语

构建用户对未来家的想象，是家装家居多年来持续探索的愿景，借助3D+AI的生产力，为用户创造场景化的搭配效果，当然问题也同时存在，如何快速识别用户的家，商品模型的供给，多元化搭配效果，这些都是未来持续探索的方向。