豌豆荚

豌豆荚设计奖第 197 期

233手游直播

和世界分享你孤独的手机屏幕

用微信扫描二维码,就可以分享到好友或朋友圈了

233手游直播

《233手游直播》是 Shou.TV 的国内版,它是一个专门给手机玩家进行游戏直播、观看、发现与交友的平台,《233手游直播》期待能够改善手机游戏的呈现方式以及感官体验。

这次我们邀请到《233手游直播》的产品设计师孙三娘,让她来和我们聊聊《233手游直播》背后的故事。

最初是因为什么而选择开发这款应用的呢?

我厂是今年 9 月份成立的,最初我们的老大冯晓东,一枚 89 年的逐渐成熟的冷男子,开发了一款屏幕映射的工具,后来发现自己使用映射最主要的场景不是演示 PPT,而是玩手机游戏通关时,希望与其他小伙伴分享游戏乐趣。

「这种发自内心的炫耀感就是最原始的驱动力。」

随即老大淡定的决定,做一款史无前例的手游直播应用,并发布了海外版本 Shou.TV,从 Twitter 以及 Google+ 积累了最早期(最珍贵)的几十万用户,并土豪入了 show.tv 的域名。由于海外用户与国内用户在游戏内容以及产品功能上的差异需求,今年 12 月 15 日发布了针对国内用户使用习惯以及操作逻辑的《233手游直播》,即大中华区版本,咩哈哈。

做这款应用时在交互或者设计方面有过怎样的考量呢?

233 团队认为所有的设计都是为产品服务的,设计是根据产品功能迭代进行持续的优化,这是设计团队的工作的核心。在符合 Android 标准设计规范并融入最新 5.0 的 Material Design 风格的基础上,我们希望简洁的体现出《233手游直播》最重要的功能点——游戏与直播,并且精准的展现出来。在首屏页面上采用了比较流行的「Tab」导航风格,使用了 TabBarView 以及拓展 LinearLayout 实现屏幕旋转内容自适应,以展示热门视频、热门游戏,方便用户更专注在游戏视频内容上。

产品设计上突出《233手游直播》的工具属性与社交属性特性,在展现录屏、直播工具属性时,我们尽量贴合 Android 系统的图标和样式风格,通过给予重要功能以空间位置和视觉差异(高亮紫色)来引导用户使用「直播屏幕」功能,使其使用优先级权重高于「录制屏幕到SD卡」和「把屏幕投放到浏览器」。

设计小伙伴们极其稳重且快速完成 UI 界面以及交互逻辑,在 Logo 设计方面主要有三个方面的考虑

  1. 要美,符合图形几何学;
  2. 迅速传递出产品的功能以及特性;
  3. 品牌辨识度。

Logo选型期备胎超过 20 款,Logo 形象设计稿就先后淘汰了草泥马系列、猴子系列、汪星人系列等,但团队的成员都不能在 Logo 想法上达成一致。最后,也就是目前小伙伴们看到的《233手游直播》的 Logo 是一枚紫色喵头。这只喵酱的原型是我厂的暹罗猫 Michael,Michael 在日常工作中,机灵好动、卖萌耍宝,是我厂程序猿的贴心小棉袄,乃代言《233手游直播》的最佳选手。

在这一过程中有什么印象深刻的功能点么?

  1. 自定义的流媒体直播协议

《233 手游直播》使用自定义的基于 WebSocket 的流媒体协议 SLSP, 相比其他的国内公司使用的陈旧的 RTMP 更简单,更灵活,更高效。通过 HLS 协议分发视频, 更好的支持移动端视频播放。 另外 233 手游直播全站采用 HTTPS,加密协议用户信息以及数据传输更安全。

  1. 隐私保护的功能

由于《233手游直播》过于便捷导致用户有时会忘记自己正在直播,中途从游戏切出去接电话、发短信等操作,这意味着可能引发非常严重的隐私泄露问题。我们认为一条免责声明并不能解决用户的问题,从而研究开发了与之对应的隐私保护功能,当用户切换到隐私保护的应用时,直播画面将立即被高斯模糊处理,有效的防止了隐私的泄露。这样用户可以在用户和其他应用之间随心切换而无需担心隐私泄露,另外《233手游直播》支持用户自己删除自己的账户,做用户的贴心小棉袄。

开发的背后有什么有意思的故事么?

我们有一个游戏大神的邻居,晚上下班回来经常来我厂探讨技法;

过生日吃蛋糕还挺有意思的,人少分蛋糕分得多^ ^(我厂吃货们普遍反映);

小雄猫 Michael 其实娘炮的不行,超级嗲而且非常爱撒娇;

每个月组织数次看电影大片,每次工作日都是包场待遇;

一起出境游,开开心心工作,开开心心吃饭、开开心心去玩。

产品再之后的想法是什么?

虽然现在产品刚刚发布,但是我们相信《233手游直播》能够成为千万、亿级以上用户量产品,我们将会全力打造《233手游直播》成为一款手游直播利器,并称为用户在手机屏幕录制领域的最佳选择。

233手游直播
10.56M · 3 万人安装 · 3月16日更新

和世界分享你孤独的手机屏幕

随便看看