Strike of Kings Forum Redesign


PROBLEM

打开现在的官方论坛,给我们的第一印象是整体的亮度和饱和度都比较低,内容和背景之间的对比度也没有拉开,这样的配色方案有些黯淡,也缺乏活力。同样是深色背景,先看看我们的首页与英雄联盟论坛首页的区别:

最关键的正文我们用的是灰色,饱和度太低了,看上去缺乏活力。

无论是饱和度、亮度、对比度,还是字体的可读性,以及色彩与内容的丰富程度,右边的英雄联盟论坛都要比左边要强得多,也要活泼得多 作为补色的蓝色非常关键。所以从视觉带来的直观印象上,我们的论坛就有些冷淡、暗沉,就好像一间阴暗老旧的小酒馆,即使客人到了门口,也提不起进门的兴致,这样的生意就不好做了。

而内容方面,板块比较少,不用滚屏就一览无遗,让人感觉这个论坛的规模不大,而每个板块里个位数的更新提示告诉我们,这个论坛上几乎没有什么用户参与互动。

考虑到我们的玩家数量早已颇具规模,Facebook 粉丝已经突破了10万之众,论坛如此冷清是很难理解的事情。我们也注意到,在 Bug Report 这个板块,用户提交的错误基本上都得到了官方工作人员的及时回复,可见论坛也不缺乏管理和维护。那按照以往的经验,这种状况的产生大概是因为以下几个原因:

  • 缺乏有效的运营举措,没有利用手中的资源向论坛导入足够的流量;
  • 另一方面,设计和体验上的问题给玩家带来了较差的反馈,使得本就稀少的用户进一步流失;
  • 新的用户进入论坛后,发现没有其他玩家,流失,进入恶性循环。

当然,人气的提升需要持续投入运营资源,多做活动,把论坛人气和活跃度炒起来,提升玩家的归属感,形成良好的交流氛围。而设计和用户体验,则正是我们这次改版急需改善的问题。


TARGET


DESIGN QUESTS

我们目前使用的 Discuz 系统特点,同时参考英雄联盟、魔兽世界等主流游戏的社区设计,我们整理了一个大致的需求列表。

信息展示

论坛首页的展示方式

板块与列表的优先级。
页签与板块的规划。

一个清晰的列表

官方帖子的特殊标识
置顶和加精贴的特殊标识
显示预览图片

主贴浏览界面

回帖的表现形式

通过考察LOL社区、Reddit 以及 Facebook 评论的展示方式,可以判断欧美用户比较习惯回帖的嵌套展示。

用户的交互体验

轻量的交互。

注册

登录

忘记密码?

发帖与回帖

英雄联盟论坛可以直接插入英雄、道具、技能图标,绝对是人见人爱的贴心功能。

Discuz 系统的文本编辑器功能非常强大,但强大必然复杂,尤其是对于欧美用户来说,他们很少用到这么复杂的界面,面对这么多密密麻麻的按钮容易无所适从。比如像英雄联盟的编辑器就很实用,基本功能都有,而且想讨论英雄、技能、道具都非常方便,可以直接插入对应图标,一目了然,非常贴心。

但如果就按照英雄联盟这个规格,把其他的功能都直接放弃,但似乎又有些可惜了,毕竟要发表像英雄攻略这样的长篇大论,还是需要精良的排版才能保持良好的可读性,否则读起来太累就看不下去了。我们发现 The Witcher 3 的论坛架构和 Discuz 系统很像,所以特地去体验了一下他们的发帖、回帖界面,他们的处理非常巧妙,在默认情况下,强大的文本编辑器是隐藏的,只有发图、外链、粘贴和表情几个基础功能:

点击右边中间的A图标,就会看到这个文本编辑器的完全体,确实非常完善:

顶和踩

用户的个人信息展示

英雄联盟论坛,鼠标经过用户名时弹出的个人信息卡。

玩家可以自定义头像,如果使用Facebook帐号登录,则直接使用Facebook头像,但我们也需要准备一套供玩家选用的头像,这个可以直接采用游戏内的那一套,容易获取玩家认同。

用户等级与成就

Reddit 的用户成就展示

欧美论坛用户对这个概念不太熟悉,我个人不太建议这样做。大部分的游戏论坛,比如暴雪和RIOT的官方社区,他们的帐号都是直接绑定游戏帐号的,并没有独立的论坛等级。包括像Reddit这样的社区,他们也没有用户等级这个设定,但和很多游戏一样,会有某些特殊成就和勋章。如果我们希望把SOK的电竞做起来,那打通游戏账号和网站/社区帐号是要尽早推动的,用户对自己的游戏帐号与论坛账号的认同感有很大的差别。

品牌形象

导航栏与网站的整体架构



头像、表情的个性化定制

把底部空间利用起来




SCHEDULE


THOUGHTS ON DESIGN

整体布局

主视觉

颜色搭配

字体选用

UI元素


SHOWCASE