点点点,轻松搭出理想家

职场   2024-12-16 16:28   浙江  

引言

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


#01
从单品到场景
的交互新体验

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

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

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

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

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

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

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

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

#02
基于真实家
的场景搭配

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

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

#03
如何得到一张
好看的场景图

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

(1)风格。结合行业装秀趋势,设计15套+主流风格,便于用户选择后推荐相关的商品搭配;

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

(3)布局。设计客厅、餐厅等空间的常用布局,便于软装商品更好的放入;

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

#04
多端探索

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

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

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


结语

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


本期作者:天猫行业体验设计




//////END //////


淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。我们有小红书啦,关注「蟠淘会TAOBAO DESIGN」,看更多设计团队的生活日记!


淘宝设计
淘宝设计,一个服务于全球亿万消费者体验的设计团队。引领用户体验,让设计触动人心,让商业美而简单。
 最新文章