随身风暴英雄V1.50是我进网易暴雪合作部后负责的第一款产品。趁着这次三天假期，每天写一小篇关于这款产品的设计思路，算是沉淀一下自己，同时总结这个阶段的工作。顺便透露下，目前V2.00版已在锐意开发中。
最后一篇讲战场详解的产品设计思路。
战场详解列表页.png
战场详解是V1.50在老版本基础上新增的版块，功能虽不复杂，但对新手来说是必不可少的资料，这次V1.50在规划功能时首先就确定了这个。这一块可以说是很传统的浏览性资料，没多少与用户间的交互，所以在设计时也没有像之前两篇那样很明确的方法论，更多的纠结点在于放什么内容上去，以及从哪里获取内容。
此篇按照战场详解下每个子栏目分开“爆料”：
一、列表页。
题图就是列表页的实机截图，没有让所有战场的入口在一屏内显示全，而是采用左右手势滑动来切换每个战场的入口。采用手势滑动切换倒不是基于用户体验优化考虑，相反，就是希望能让APP的交互稍微炫一些。这可能和大家平时在网上看到的追求极致简单的论调稍有些背离，毕竟游戏助手APP面对的都是理解力比较强，也很fashion的年轻玩家群体，过于朴素反而缺少游戏的感觉。
另外我当时也专门找了美国暴雪风暴英雄制作团队的访谈来看，里面提到战场数量将会有8个（后来暴雪嘉年华新公布3个，现在看下来未来超过8个的可能性非常大），所以目前的交互方式还是可以接受的。未来如果超过10个战场会考虑换交互方式。
二、战场概览
战场概览界面.png
战场概览可能是整个战场详解版块中最有机会发挥的部分。首先每个战场我们都能看到这么一张缩略地图，也许你会觉得很眼熟，因为实际游戏时屏幕右下方也有类似的迷你地图。仔细看你会发现，APP里这张地图并不是游戏里那张，而是我们的设计师一笔一笔重新绘制的。我们将战场要素图标标注尽可能明显，并去除一些干扰元素，使这张缩略地图在APP上有更棒的观感。
我最开始的设计是想用户一进来首先看到一张空的地图，然后可以点击下方的战场要素，将它们放置到地图上，全部点击就是上图这张效果。我认为这会是个很有趣的设计，但也承认实际意义不大。所以后来为照顾Android低端机型的流畅体验，就把这个也许有趣但无意义的方案给毙了。大家现在进入APP的这个页面，可以看到所有的战场要素都已标注在缩略地图上，并且是不可交互的。
三、战场机制
战场机制界面.png
相信玩过游戏的玩家对这里战场机制的内容不会陌生，没错，这每个战场的三点机制正是出自于游戏内的等待页面。考虑到手机阅读的使用场景，我们很希望能用简单的话语描述清楚每个战场的特色机制。之所以直接选用了游戏内的说明，一是觉得这些描述确实很简明，二是想在此向用户表明我们这款随身风暴英雄APP的官方属性。当然，这里的图真不是设计师画的了……
四、玩法介绍
玩法介绍界面.png
玩法介绍是个让我纠结挺久的部分。
首先是篇幅的平衡。还是基于手机用户缺乏长篇阅读习惯的考虑，我们想把话说清楚，但又不能说得太复杂。若太简单，感觉又和上面的战场机制区别不大，没法为玩家提供更多的帮助。最后我们采用分小节一到两句话的方式，试图找到这里的平衡点。
更纠结的是内容的平衡。战场机制和由此产生的玩法是风暴英雄不同于其他MOBA类型游戏的特色之处，我们很清楚很多新手玩家有学习每个战场玩法的强烈需求。但作为一款官方APP，我们也很明白不应该引导玩家怎么玩，一是因为局势不同玩法会有变化，二是我们也不希望替代玩家探索和成长的过程。所以这个部分该讲什么不该讲什么，我们有所取舍，并在描述语言上尽量保持客观不绝对。具体效果如何，还需玩家来评判。
五、战场视频
战场视频.png
本来这能成为超越战场概览的灵活创作部分。我们本打算自己做一个完整的视频教学系列放在这里，甚至某个地图连视频脚本都已经写好了，直到我们发现现在放的视频。目前所放的视频使用的是暴雪官方的战场介绍视频，虽有些不甘心，但不得不说质量非常之高，绝对值得一看。
当然这里也有一个小插曲，我们发现这个官方系列视频时是只有英文原声没字幕的，包括大的游戏媒体站也是直接将原版原封不动扔上去。这样有几个玩家能真正听懂？我们觉得至少在我们的产品里这样是绝对不行的。所以我们最先是直接去找暴雪要中文语音版本，不过这个视频不是大项目，它们似乎也没有制作中文版的打算。后来我们干脆就自己听译，英文听写下来再翻译成中文，内部过几遍反复修改润色，才有了现在的版本，也是蛮拼的。
元旦假期已接近尾声，关于随身风暴英雄V1.50的回顾与探讨也将以这篇文章作为终点。之所以写这三篇文章，一是如本系列开头所说的自我沉淀与总结，二是也想将产品设计中的小故事分享给喜欢随身风暴英雄的玩家。透过这个系列，我想告诉大家每个产品细节我们都有在认真琢磨，力求让大家有更好的使用体验。
最后感谢能看到这里的小伙伴，也希望我肤浅的经验思考能对你们有所帮助。
最后的最后依然是雷打不动的广告时间，请大家继续关注我们的随身风暴英雄APP与风暴英雄游戏，谢谢~
官网下载页
网友评论