看过酷炫的元宇宙体验、创意、3D设计趋势分析，本篇以“TAOLIVE-CITY未来城”为例，为大家系统介绍淘宝设计师如何构建消费元宇宙，走进实战中的元宇宙机制、空间、界面设计。一起看看在虚拟世界里购物看直播是一种怎样的体验吧~
#01
解构沉浸式体验
▲ 行业背景
▲ 沉浸式体验要素
结合体验要素对比线上消费体验，可以看出基于手机界面交互的传统移动购物，在角色参与、感知维度以及娱乐内容方面都不如线下丰富。因此在新体验中增强用户和他人的参与感、强化触及事物感知表现力，增加丰富的娱乐内容成为重要方向。
▲ 从体验要素对比消费体验
#02
TAOLIVE-CITY
未来城
去年11月，淘宝直播正式上线了TAOLIVE-CITY。在这个基于消费场景构建的平行世界里，用户不仅可以在虚拟商圈走街串巷，还可以看到各种精彩的直播内容、进入品牌和主播的专属空间，参与互动。
▲ TAOLIVE-CITY视频
接下来我们一起看看在TAOLIVE-CITY中，是如何设计沉浸式体验的~
1.体验模式
以往的互动产品具有很强的目标导向性，比如浏览页面获得奖励，用户按要求独自在不同的小程序和页面间切换。相比这种被动执行、不连贯的体验，我们希望打造一个多人在线的开放世界。
▲ 开放世界构成模式
用户可以在开放空间里自发地与其他人一起逛，进行娱乐、社交、购物，甚至互相自由发挥出新玩法。同时通过装扮、升级自己的专属空间，满足个性化诉求。平台在搭建公共空间的同时，会协助商家主播等生态伙伴搭建私域空间，进行粉丝运营、新品发布等事件营销。
2. 空间场景
场景需满足功能属性，同时也兼顾用户的情绪感受，希望让用户感受到一个新奇有趣充满想象力的世界。
▲ 场景美术设定
▲ 部分场景效果
依托淘宝人生的大量免费服饰道具，用户可以穿着各异地在未来城活动，避免场景中人物形象同质化。高度自定义的个性装扮让用户对虚拟形象更有自我认同和归属感。
▲ 人物形象和动态
将数字形象引入未来城时，设计师还为人物配置了东张西望、伸懒腰等“小动作”让形象的日常情绪更饱满、真实感更强。选择不同性格标签触发特定的走路特效，一眼就能认出兴趣相投的伙伴，增添用户间的趣味性。
作为一个数字消费场景，我们希望用户在这里释放天性、发现乐趣，能完成生活中无法实现、超出想象的事情，也希望给品牌和主播带去客户帮他们成长。因此我们构建了相对完整的互动体系，服务营销和娱乐各细分目标，打造游戏化的体验互动场。
▲ 业务目标和互动设计
通过做任务抽扭蛋的方式串联产品基础功能，在场景埋藏红包彩蛋、向特定营销点位引流，融入摩天轮观景、走秀、烟花等玩法提升趣味性、引发用户的传播和内容创作热情。
▲ 部分互动效果
▲ 3D化直播效果
我们希望商品也不再是隔着屏幕的一张2D图片，而是能在环境中立体化感知的一件物品，通过3D模型直观的感受到商品材质、尺度，结合互动唤起用户的好奇心和购买欲望。
▲ 商品展示
6. 品牌空间
▲ 店铺效果图
内容体验方面，通过限时排队抽奖、NPC客服、特色商品展示、实时直播融入等信息和互动设计，提升用户参与度，强化品牌感知。分别在双11和年货节期间成功吸引天梭，阿迪达斯，雅诗兰黛，海蓝之谜，六福珠宝，长城汽车等20+头部品牌商家，开启了元宇宙商家合作的新模式。
7. 兼容性体验
为了兼顾宽广的互动视野和用户日常手机握持习惯，我们设计了兼容横竖两种操作方式的交互框架。将用户信息、通用功能、核心业务功能进行归类，结合双手交互方式、触控范围、操作频率划分界面布局。强化参与热度相关的互动信息、突出开放世界的氛围感，同时为未来功能延伸预留拓展空间。
▲ 主界面交互框架
写在最后
潮起潮落终有时，不论是去年的风风火火还是今年的趋于理性，沉浸的虚拟体验大势所趋，也终将回归用户价值。技术和体验的成熟，需靠我们每一个从业者持续探索，愿途中的我们永保好奇与耐心、早日在未来相遇！
本篇文章来源于微信公众号: 淘宝设计
