看过酷炫的元宇宙体验、创意、3D设计趋势分析，本篇以“TAOLIVE-CITY未来城”为例，为大家系统介绍淘宝设计师如何构建消费元宇宙，走进实战中的元宇宙机制、空间、界面设计。一起看看在虚拟世界里购物看直播是一种怎样的体验吧~

#01‍

解构沉浸式体验‍‍‍‍

经过10年移动互联网发展，今天的消费者期待耳目一新的体验，希望比以往更沉浸、主动地参与到消费场景中。品牌、商家和主播希望通过更新颖的方式体现差异化、树立自身的影响力。那么到底什么才是理想的沉浸式体验，如何结合数字技术打造沉浸式体验呢？

▲ 行业背景

迪士尼乐园是通过沉浸体验将想象世界带入现实的典范，人们体验娱乐设施、观看表演、享受美食、消费周边产品，游乐其中收获乐趣、幸福感与成就感。

以此为例，我们可以从中提炼出沉浸式体验的几个要素：多元角色的实时参与、事物的多维度感知、丰富多样的内容场景。

▲ 沉浸式体验要素

结合体验要素对比线上消费体验，可以看出基于手机界面交互的传统移动购物，在角色参与、感知维度以及娱乐内容方面都不如线下丰富。因此在新体验中增强用户和他人的参与感、强化触及事物感知表现力，增加丰富的娱乐内容成为重要方向。

▲ 从体验要素对比消费体验

#02‍‍

TAOLIVE-CITY

未来城‍‍‍‍‍‍‍‍‍‍‍‍‍

去年11月，淘宝直播正式上线了TAOLIVE-CITY。在这个基于消费场景构建的平行世界里，用户不仅可以在虚拟商圈走街串巷，还可以看到各种精彩的直播内容、进入品牌和主播的专属空间，参与互动。

▲ TAOLIVE-CITY视频

接下来我们一起看看在TAOLIVE-CITY中，是如何设计沉浸式体验的~

1.体验模式‍‍‍‍‍

以往的互动产品具有很强的目标导向性，比如浏览页面获得奖励，用户按要求独自在不同的小程序和页面间切换。相比这种被动执行、不连贯的体验，我们希望打造一个多人在线的开放世界。

▲ 开放世界构成模式

用户可以在开放空间里自发地与其他人一起逛，进行娱乐、社交、购物，甚至互相自由发挥出新玩法。同时通过装扮、升级自己的专属空间，满足个性化诉求。平台在搭建公共空间的同时，会协助商家主播等生态伙伴搭建私域空间，进行粉丝运营、新品发布等事件营销。

2. 空间场景

场景需满足功能属性，同时也兼顾用户的情绪感受，希望让用户感受到一个新奇有趣充满想象力的世界。

▲ 场景美术设定

在整体的城市规划中，除商业街品牌展示、摩天轮帐篷区的主播展示、舞台的内容娱乐等功能型场景外，植物园、水晶岛这样能让用户感觉放松休闲和奇幻未来的场景也包容其中。

▲ 部分场景效果

3. 人物动态

依托淘宝人生的大量免费服饰道具，用户可以穿着各异地在未来城活动，避免场景中人物形象同质化。高度自定义的个性装扮让用户对虚拟形象更有自我认同和归属感。

▲ 人物形象和动态

将数字形象引入未来城时，设计师还为人物配置了东张西望、伸懒腰等“小动作”让形象的日常情绪更饱满、真实感更强。选择不同性格标签触发特定的走路特效，一眼就能认出兴趣相投的伙伴，增添用户间的趣味性。

4. 互动体系

作为一个数字消费场景，我们希望用户在这里释放天性、发现乐趣，能完成生活中无法实现、超出想象的事情，也希望给品牌和主播带去客户帮他们成长。因此我们构建了相对完整的互动体系，服务营销和娱乐各细分目标，打造游戏化的体验互动场。

▲ 业务目标和互动设计

通过做任务抽扭蛋的方式串联产品基础功能，在场景埋藏红包彩蛋、向特定营销点位引流，融入摩天轮观景、走秀、烟花等玩法提升趣味性、引发用户的传播和内容创作热情。

▲ 部分互动效果

5. 消费体验

为了构建更实时、沉浸的消费体验，我们将淘宝直播的大量实时品牌、主播内容融入未来城。通过算法对直播流中的主播进行抠像置入场景，结合3D化的直播展台和卖点展板，提升虚拟空间的内容融入感及用户临场感。

▲ 3D化直播效果

我们希望商品也不再是隔着屏幕的一张2D图片，而是能在环境中立体化感知的一件物品，通过3D模型直观的感受到商品材质、尺度，结合互动唤起用户的好奇心和购买欲望。

▲ 商品展示

6. 品牌空间

在整个未来城项目中，我们也在不断探索如何为用户打造超越现实的虚拟逛店体验，进而为商家提供一个全新的3D品牌营销互动场景。

在空间设计上，我们基于不同行业品牌的属性和特色，构建了差异化风格的空间模板，为用户带来丰富的感官刺激，促成商家低门槛高效接入。

▲ 店铺效果图

内容体验方面，通过限时排队抽奖、NPC客服、特色商品展示、实时直播融入等信息和互动设计，提升用户参与度，强化品牌感知。分别在双11和年货节期间成功吸引天梭，阿迪达斯，雅诗兰黛，海蓝之谜，六福珠宝，长城汽车等20+头部品牌商家，开启了元宇宙商家合作的新模式。

7. 兼容性体验

为了兼顾宽广的互动视野和用户日常手机握持习惯，我们设计了兼容横竖两种操作方式的交互框架。将用户信息、通用功能、核心业务功能进行归类，结合双手交互方式、触控范围、操作频率划分界面布局。强化参与热度相关的互动信息、突出开放世界的氛围感，同时为未来功能延伸预留拓展空间。

▲ 主界面交互框架

写在最后

潮起潮落终有时，不论是去年的风风火火还是今年的趋于理性，沉浸的虚拟体验大势所趋，也终将回归用户价值。技术和体验的成熟，需靠我们每一个从业者持续探索，愿途中的我们永保好奇与耐心、早日在未来相遇！

本期编辑：未来城设计小分队

- END -