Loading...
Chaine Ye
KK直播
虚拟KTV,KK元宇宙的起点

KK直播是一款推出已有10年的娱乐直播APP。在2022年,KK想要转型,在“元宇宙”这个新概念里浅试一手,为APP带来新的活力。

角色
交互设计

平台
移动端

关键词
元宇宙,C端

时间
2022.5 - 至今

根据我们当前的认知,终极形态的“元宇宙”能够模拟从现实到虚拟世界的一切。我们从虚拟KTV开始构建我们的‘KK元宇宙’,因为它能很轻松地嵌入我们目前的业务——娱乐直播 当中。我们相信虚拟KTV可以吸引新用户,为我们的产品注入新鲜血液。

理解需求价值

为什么要做

直播行业正处于多元化发展阶段,如果继续按照现在的模式(作为娱乐直播平台),很快就会被市场淘汰。所以我们必须探索一个新的方向。

它能带来什么

研究表明,约60%的用户会通过在线KTV自娱自乐。如今社交正在成为中国在线KTV行业发展的热点,虽然元宇宙也是一个新兴的概念,能够触及我们生活的方方面面,但我们也看到了它在社交方面的潜力,它可以是在线KTV的一种新形式。虚拟KTV,作为在线KTV和元宇宙的结合体,可能会吸引新的社交用户的关注,并且也有可能激活现有用户加入这一新玩法。

用户是谁?

“元宇宙”这个概念对于很多人来说还比较陌生,要让他们理解需要时间。但是虚拟KTV?不成问题。不管你现在多大,你都知道KTV是什么。

然而,尽管大家都知道KTV是什么,但我们需要真正喜欢它,或者至少想尝试一下的用户。所以我们必须缩小范围。

数据显示:

  1. 男性和女性基本相等
  2. 大多数用户是年轻人
  3. 大多数用户接受过良好的教育

因此,我们需要主要针对那些喜欢在线KTV,对音乐社交充满热情的年轻用户。他们受过高等教育,能很快接受新事物,所以我们后期可以在设计中加入一些有趣的想法(目前以MVP为主)。

再考虑到现有用户,他们大多是中年人,并且受教育程度较低。我们还必须注意各项操作的交互和图形化表达,避免使他们难以理解。

然后我们可以得出关于目标用户的结论:

新用户

存量用户

问题陈述

由于这个项目仍处于初期,我们的主要目标是构建一个MVP来验证这一功能是否对我们的产品有益。所以这时的问题可以被定义为:

我们如何构建一个与真实KTV相似的,能让用户之间进行互动的虚拟KTV?

构想

基础结构

由于时间有限,我采用了快速的卡片分类来厘清这些分散的元素应该如何组织。

站点地图&用户流程

结合了用户流程的站点地图能够帮助我走通整个流程以及所有相关的界面。

竞品分析

虽然此时已经基本可以想像出这个房间应该是什么样了,我还是想要通过简单的竞品分析来了解其他设计师是如何为具有3D场景的界面布局的,找出是否有共通的模式。

虎牙

ZEPETO

从这2个界面中我们可以看出他们的共同点。

  1. 全局操作放置在顶部
  2. 互动操作放置在底部及两侧
  3. 左下角都是控制角色移动的手柄
  4. 右下角用于放置一些常用的操作

当用双手握住手机时,左下角和右下角是最容易用大拇指触到的部分。在虚拟环境中,最重要的操作就是控制你的角色。因此,这些操作都被放在了角落里。其他不太重要的操作可以放在其他地方

原型设计

入口

虚拟KTV是“KK元宇宙”的起点,所以我认为这个页面不止是虚拟KTV的入口,而是整个元宇宙的入口。所以用户将在这一页设置虚拟形象,并且这一形象将在整个元宇宙中保持一致。

我采用了大图形式来展示房间,因为大图可以快速吸引用户注意,制造沉浸感

创建房间

所有必填项都会自动填入默认值,所以你可以直接点击底部的“创建并进入”按钮进入虚拟世界

虚拟KTV

点歌

我们提供足够的歌曲供用户选择,你可以搜索特定的歌曲,也可以直接划动浏览

唱歌中

唱歌时必须提供歌词面板,我将它放置在了最显眼的位置。控制器和调音器在这个场景下属于“常用操作”,所以它们应该处于屏幕右侧

公聊

一个可以查看这个房间里所有的聊天的面板,你可以很容易地联系到发送这条聊天消息的人。简单但必要,是用于连接房间里的每个人的连结处

送礼

我们认为这是一种有趣的互动方式,因此突出它的位置。你可以送礼物给房主或在这个房间里的其他任何人,只要用你的右手拇指点一点

总结

这是我第一次创建包含3D场景的界面,它看起来和普通布局不同,但如果深入研究,它们也有一些共同之处:总是把常用的功能放在你的手指旁边👐🏻!

另外还有一点,虚拟世界具有很多我们在设计普通的直播间时可能没有想到的潜力。我们可以想出很多新点子,让它更有趣。比如,送礼时我们可以不在页面的角落里播放礼物动画,而是让虚拟形象把礼物扔向对方。对于所有用户来说,这无疑是一种更具沉浸感的体验。