Bangumi - ACGN 论坛的移动端转型

 

 

目标

Bangumi 收录了全网最全的 ACGN 资料,可以在上面发现兴趣和寻找同好,但是目前只有 PC 端。如今用户花费在移动端上的时间远远超过了 PC,同时用户对于 Bangumi 移动端的呼声越来越强烈。这次要解决的问题就是如何将一个十年历史的 PC 论坛转型为移动端,并且使其符合移动端的使用习惯,帮助用户发现兴趣、扩列好友

 

成果

Baugumi PC 端的页面设计有些过时,而本次 APP 的设计采用了全新的、不同于 PC 端的设计语言,更符合如今的主流和 ACGN 群体的口味。好的颜值可以让用户更快地接受和传播。同时,针对移动端的特点对信息进行了重组,让 Bangumi 更易用。

负责范围

  • 交互设计
  • UI 设计

工具

  • Sketch
  • Ps

要解决的问题:如何在移动端帮助用户发现兴趣、扩列好友?

 

如何规划 APP 页面结构?

在进入具体设计之前,首先要做的是对整个网站的信息架构进行整理和分析。

当一个 C 端产品切换平台的时候,尤其是移动端和 PC 端这样差异巨大的平台,很多人容易踩完美主义的坑,「我要把所有功能一个不拉的加上」,合适的做法是对内容进行取舍

Bangumi 最主要的内容包括三个方面:

1、资料:包括了动画、书籍、音乐、游戏和三次元这五个分区;

2、讨论:每个条目下会有用户的评论和讨论;

3、超展开:用户自发形成的小组,用于闲聊和灌水。

 

 

页面初步规划:超展开 - 发现 - 我的

整理出大体的信息结构之后,下一步要做的就是如何将这些信息安排在移动端,目的是帮助用户:

1、发现兴趣

2、扩列好友

对两者的优先级进行比较,用户使用 Bangumi ,一方面是为了寻找有趣的内容、记录观看进度,另一方面,也是更重要的一点,在于通过内容寻找兴趣相同的人进行讨论

所以在 APP 的页面安排上,「扩列好友」的优先级要比「发现兴趣」高,也就是要将「超展开」和「讨论」的内容放在首页,「资料」放在其他频道页。

同时,需要有专门的个人中心管理个人资料和观看进度。

于是初步决定了页面为「超展开」-「发现」-「我的」。

页面进一步规划:超展开 - 每日放送 - 发现 - 我的

二刺猿有一句话叫做「三月换一次老婆」,实际上指新番剧的周期是每三个月一次,这在二刺猿群体中是热度很高的活动,有什么「周指活」、「没有 XX 看我要死了」等等的自嘲。

所以,将放送表单独作为独立的频道页,可以帮助用户追番,更好的发现这个季度有哪些有趣的内容。

最终决定页面为「超展开」-「每日放送」-「发现」-「我的」。


如何帮助用户扩列好友?

确定了页面的结构后,首先要做的是对优先级最高的「超展开」进行规划,从以下四个方面帮助用户扩列好友。

 

1、推荐小组和话题

在「超展开」的页面中,在 Banner 上对热门内容和小组进行展示,对小组和话题进行了分类,同时把首屏的其他区域给了「热门小组」「热门话题」两块内容。

2、小组的推荐好友

用户定位到感兴趣的小组后,为了帮助用户更容易发现活跃的用户,即小组的 KOL,通过不断曝光这些人,促进整个小组的活跃。

3、内容讨论

除了上述的小组讨论,针对于内容的讨论也是用户的聚集地。因此,在各个分区和内容中增加用户的文章和讨论,也可以帮助用户发现相同兴趣的好友。


如何帮助用户发现兴趣?

作为内容的聚集地,Bangumi 的另一主要任务是帮助用户发现兴趣,可以从以下 4 个方面发现。

 

1、发现页

在考虑发现页的页面时,有两种方案:

1、按照次序展示每个分区的推荐内容;

2、提供分区的入口,再展示推荐的内容。

最终选择了第二种方案,原因在于可以帮助用户更快定位到想要去的分区。

这里有两种帮助用户发现兴趣的方式:

1、主动发现:搜索

2、被动发现:排行榜、推荐

2、分区推荐

进入各个分区之后,有比较热门的标签,帮助用户定位到想要的内容

3、搜索和索引

在搜索中,会推荐一些热门的搜索选择,帮助用户发现最近的热门。

在动画、书籍、音乐、游戏和三次元这五分区中,有筛选帮助用户定位到自己想要的内容。


如何帮助用户追番?

每日放送需要帮助用户明确两个内容:

1、哪天更新哪些番剧?

2、番剧是不是我感兴趣的?

为了解决这两个问题,做了如下的设计:

1、明确日期和星期,明确即将更新和已经更新;

2、对用户感兴趣和不感兴趣的番剧进行标记


页面展示


总结

通过这次对 Bangumi 的移动端设计,学到了以下几点内容。

1、从问题出发

设计是为了解决一个问题,应当从问题出发,而不是从「原型」或者「交互稿」出发。在不理解问题的前提下设计,最终设计的成功率很低。设计有没有效应该看最后是否解决了问题,而不仅仅是是否好看。

2、针对年轻群体的设计

未来是年轻人的,二次元文化已经融入了现今的年轻人群体,因此,越来越多的产品开始针对年轻人进行设计。本次设计做了一次尝试,至于是否有效,还需进一步验证。

3、下一步

此次设计要解决的问题,从设计上给出了方案,方案是否有效,本文并没有给出结果。所以,下一步需要需要寻找用户进行验证,已验证并改进解决方案。

同时,管理进度作为 Bangumi 的重要功能,需要解决「如何在移动端有更好的管理方式」这个问题。

 


如有兴趣,欢迎扫码加微信或下载「简历」