【交互设计】如何把游戏做得好玩（easy to play）

SixSixCCFF

此帖停止更新，最新内容请转到：

SixSixCCFF的交互设计汇总帖

不知各位在游戏过程中有没有遇到以下情况：
·向诗人打听宴会地点，花几秒钟找到开宴会地方，并思考其是城镇还是城堡。
·玩不熟mod时，在大地图上花了不少时间分辨哪个是城镇。
·升级加点时，不断左右查看技能名称和描述，以便区分个人技能/队伍技能。
·想从报告里找某个地点，结果翻了很久，有时甚至还会错过。
·还有很多感觉别扭，但没意识到有问题的地方。。。。
本帖着重于解决  看起来或用起来  感觉别扭的问题。（专业术语：交互设计问题）

—交互设计—

什么是交互设计？
·百科的解释：
交互设计，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求。（字多不看）
·把游戏做得轻松看，方便玩，不会因游戏性以外的体验感到别扭，就是交互设计要做的。（解决开帖提到的问题）
·即：easy to play。

解决问题之前要发现问题：
·SixSixCCFF测试各mod时，不仅关注好不好玩，当遇到细微不舒服的地方，会反思是什么原因导致这种感受。
·大多数人都过有同样感受，但少有主动关注这些细节，更没有思考怎么解决。
·解决问题最重要的是能发现问题。当发现了问题，问题就已经解决一半，剩下事，就是如何用现有资源和能力，有效解决/缓解问题。
·最有效解决问题的方式，就是让问题不出现，在制作时就要考虑交互问题，做好交互设计。

—问题分析和解决—
在此SixSixCCFF将会不定期列举一些问题解决。
大家并不需要代码能力或很强改图能力，也能解决交互问题。

（点击展开 / 收起）

·这是开帖提到的问题。 ·原版存在不少问题，地点区分不易是其中一个。 下图1：区分城镇，城堡，和村庄（来自原版） ·各位肯定觉得区分没问题。 ·城镇名字较大，城堡后缀都有堡字，村子名都小。最重要的是大家都熟悉原版。 ·那么换一个呢？ 下图2：区分城镇，城堡，和村庄（来自领军者战争之风） ·中间斯诺兰德是城镇？城堡？村庄？后缀没有“堡”，字体不大，让人犹豫。 ·而上方斯诺斯派德字体比周围城堡还小，要不是因为地图上模型比较大，恐怕也要犹豫。 ·假如问诗人哪有宴会。 下图3：询问哪里在开宴会（来自原版） ·肯定要花时间寻找文本中地点名称，并思考其是城镇还是城堡。 ·当明确了城镇，要找到其在哪，可以在大地图上看，或在地点报告中找。 ·或许看地点报告只是想检索所有城镇看哪一个是还没开设工厂的。 下图4：报告中检索城镇（来自原版） ·在报告中找，太困难，得先点阵营再转到其统治城镇，或在大地图上找。 以上问题较易察觉：地点类型区分不够明显。 ·有什么手段解决？ ·名称是文本，而我们能够修改文本。 ·给城镇和城堡添加不同标记符号： 下图5：名称文本加上标记符号（来自领军者战争之风的地点中文翻译文本） 下图6：游戏中效果（来自领军者战争之风） ·一眼看出斯诺兰德是城堡，城镇和城堡的区别一目了然。 下图6：游戏中效果（来自领军者战争之风） ·文本描述中，立刻看出其中的地点，并区分出城镇。 下图7：游戏中效果（来自原版） ·报告检索中，系统按首字排序，城镇城堡放在一起方便寻找。 给城镇城堡村庄添加用于区分的标记标记，是解决问题的思路。 ·城镇和城堡标记需不同，加强对比；而村庄并不需要标记，因为有标记和没有标记本身就是一个对比。

（点击展开 / 收起）

·这是开贴提到的问题。 ·技能最高等级要依属性点，且技能分个人技能和队伍技能。 ·界面中，当要考虑这些要素时，需要在屏幕左中右（属性，技能，详情）三个地方不断移动视线来查看。 下图1图2：技能列表和详情（来自原版） ·技能详情中有依靠的属性和技能类型（队伍技能）。 ·需在技能列表和详情处不断移动视线。 问题不易注意到：经常被使用的相关联信息距离很远。 ·有什么手段解决？ ·两个信息都是文本，可以修改文本把相关信息放到一起。 ·把技能依靠属性和技能类型放在技能列表显然更合适。 下图3：技能文本添加属性和类型（来自原版） 下图4：修改后技能列表（来自原版） （可能有标错，不要在意这些细节） ·技能依靠的属性和技能类型，在列表上一目了然。 相关联信息彼此靠近，是解决这个问题的思路。 ·提示：该界面还有可改进之处，能想到是什么吗？（在优秀案例中查看）

（点击展开 / 收起）

·当队伍里面兵种混杂的时候，列表看起来真令人头大。 ·调整部队时，我们通常关注的信息是：兵种类型 和 兵种等级，有时还会关注其所属阵营。 ·原版中，这些信息并非一目了然，需要花时间去解读兵种名字，来进行判断。 ·如果是接触新mod，有各种新兵种要熟悉，就更麻烦了。 下图1图2：队伍列表（来自朱红之恋） ·在上图中我将其转化为工作表进行编辑，方面我后边的修改演示。 ·自带的队伍展示方式，把名字居中对齐，且长度不一致，让人感觉很乱。 问题比较明显：排版很杂乱，重点信息不突出。 ·有什么手段解决？ ·改文本是我们常用的手段。 ·如果能修改文本对齐方式，则更有帮助。 下图3：修改文本强调阵营，左对齐 下图4：修改文本强调类型，左对齐 ·我个人觉得修改对齐需要动代码，如果你对此无能为力的话，仅修改文本也有相当大优化 下图5：修改文本强调阵营，居中对齐 下图6：修改文本强调类型，居中对齐 ·以上的修改让排版变得整齐（左对齐和相同文本长度的作用） ·重点信息变得突出（从名称中分离使其以被强调）。 ·假如要同时在名称文本上展示阵营，类型，等级的信息，也是可以做到的，但碍于文本长度有限，需要进行一定取舍。 下图7：同时在名称上展示3种信息，左对齐 下图8：同时在名称上展示3种信息，居中对齐 ·由于同时统一了文本长度，居中对齐仍然有整齐感。 ·这种做法舍弃了名称特色，对代入感产生一定影响，但孰轻孰重就要看各位的需求如何，自己取舍了。 ·使用以上提到3种中的一种即可。 ·更推荐大家结合自己的需求，活用思路，做出自己的方式。 良好的文本对齐，突出的重点信息，是解决这个问题的思路。 ·再多说一下。 ·如果换用了左对齐，则上方例子中名称里的横线可以去掉，并不影响。 ·但保留居中对齐的话，没有横线就会显得乱了，可看下图。 下图9：文本没有加横线，左对齐 下图10图11：居中对齐，有横线和没有横线的对比 ·如果没有改居中对齐，也想让排版稍微整齐一点，也是有办法。 ·将名称文本统一长度，比如10个文本长度，这样再居中对齐情况下也比较整齐。 下图12：居中对齐，统一了文本长度

（点击展开 / 收起）

·有多少人能记清楚每本可读的书会加什么属性？ ·可能原版的基本书不少人都熟悉，但是新增的书呢？查攻略去吧。 下图1：非原版的书籍（来自朱红之恋） ·但这个问题明明可以非常方便的解决。 ·在名字后面多加几个字就行了。 ·但如果可以的话，增加一行物品描述会更好。 下图2图3：书籍名称后增加了描述（来自朱红之恋） ·这么方便玩家的事情，只要加几个字就能做到，很简单。

—优秀案例—

（点击展开 / 收起）

·技能列表中技能名称和技能点相隔很远，甚至可能导致看错。 下图1：名称和点数距离很远（来自原版） ·将名称文本右对齐并靠近点数即可。 下图2：名称右对齐靠近点数（来自领军者战争之风） ·改对齐要改代码？各位可问代码大神。 这也是相关联信息彼此靠近，的思路。 ·如果同时使用右对齐和添加文本，则需修改添加的文本到右边，这样它们竖直对齐，界面更美观。（如：强击【力】（个人））

—后话—
·能力有限，SixSixCCFF不保证能完美解决各种问题，如果大家有更好解决方式，欢迎讨论。
·如果大家遇到交互相关问题，或是mod制作需要交互设计方面帮助，可以在本帖回复或联系SixSixCCFF，将视情况给出建议。

老屠夫

有道理

但是我只喜欢砍人，这些对我都没啥影响。
来自: Android客户端

幼稚园殺手

城镇那个想法确实很好

三啸

其实我也在做MOD的时候，尽量力所能及的，让交互变得直观点。

比如在做任务说明的时候，很多固定任务，明明可以 直接写城镇的名字在文本里面， 但我还是 获取 这个城市 带链接的 城市名字， 存进reg0 ,然后用reg0, 这个带链接的ID进文本， 文本中如果带链接的名字，他会变成蓝色的，可以直接点，如果是领主就直接跳转到领主介绍界面，或者是城镇介绍界面了。 当然，代码水平有限，能这样用的地方并不是特别多。

你的说法非常有道理， 紧紧修改文本就能实现提升 感官体验，非常不错。

江春.

老屠夫 发表于 2020-11-29 11:02
有道理

但是我只喜欢砍人，这些对我都没啥影响。

绝了，我还喜欢骑马砍人hhhhhhh
来自: Android客户端

djman

战团还有很多可以改进的地方

S华

1.攻城时带领的兵会被云梯最前面的兵卡住，导致半天攻不上去，而且这群兵还会扎堆，不会去人少的云梯上。把我着急的，都想自己上。
2.感觉给自己的领地，特别是村庄升级设施也没啥用啊，没看到村庄有什么不一样的变化，多出来那点税金，还不够投进入的成本。
3.总感觉敌人招兵以后兵种升级速度快，刚把敌方的将领打败了，当我正愁着怎么跑商筹钱升级兵种的时候，敌人将领又拉起一波，还有最高级的兵种，好歹把高级的兵种去掉。
4.主动去打敌人降低好感度，敌人打我却不会降低好感度。
5.当国主时，每次自己阵营里的将领被打败都会降低好感度。他自己菜就菜呗，和我有啥关系，战线拉开都是在四处招兵买马，哪有那么多时间顾上他。
6.招降俘虏降低士气。我本着感化俘虏的目的去招降他，结果降低士气。所以只招降最高级的兵种，其他的全卖了。
7.攻城时老是因为找敌方地图上最后一个人而跑半天，犄角旮旯里，队友没有人会找到，而且老是有一墙之隔，或者干脆跳河里去了，我还得跟着跳河，最后还是靠自己把敌人解决掉。
玩了三四年的战团，总感觉它缺少点真实感，家族系统马上就会在霸主中完善起来，但建立一个真实而不复杂的骑马与砍杀，还有好长的路要走。
来自: Android客户端

顽皮XD

挺好的，的确有很多要改进，但是现在二代出来了，战团的话，修改可能性不是那么大，都集中于二代了
来自: Android客户端

djman

我想购买骑砍战团源代码版权开发新的游戏

wz200283

支持这种交流改进

SixSixCCFF

这方面的改进一方面对新的和不熟的玩家有用。而玩得烂熟的玩家通过长时间的适应已经不会受到这些小因素的影响，比如给原版区分地点类型就似乎不太有用，一但玩个新mod，地点区分的困难就会出现。
另一方面，合理的信息展示和交互方式可以让玩家在游戏里的操作更有效，而不至于花掉较多的时间在无用操作上。

SixSixCCFF

我看楼上有骑友的建议，但其实都属于游戏玩法的内容，和交互设计关系不大。

关于游戏玩法我也想找机会单独开一帖聊下。
大多数人对于游戏玩法的考虑都是处于游玩者的角度；总体来说是对玩法的“合理性”解释；但这是一个主观性很强的东西，不同的人的解释可以不同。
比如：
招降俘虏不应该降低士气。解释为：本着感化俘虏的目的去招降，不应该降低士气。
而也可以被解释为：原敌方士兵很难和己方士兵并肩作战，所以会降低士气。

51$

非常同意。
人的感知是由大脑皮层处理由感受器传导的外界客观信息刺激而产生的，而人的70%外界信息来源为视觉。为玩家提供视觉反馈，让玩家少受苦少走拐弯，是提升快感的关键之一。
骑砍2中有很多例子，招兵终于可以精细调节招募种类和数量，射箭射到盾牌和人身上有明显的声音反馈，方便的城镇定位，还有进步巨大的交易ui，等等。所以也劝各位舍弃掉骑砍1比骑砍2更好的弱智想法吧，从游戏设计者角度来看，骑砍2的进步是巨大的。
交互在软件硬件领域都是很重要的设计部分，个人认为，对于骑砍这种文字量大的游戏，ui设计才是交互基础，也是骑砍1明显落后的地方。
文字和图标简洁易懂，按钮和信息丰富完整又看了不头大，按钮点击反馈感强，颜色不单调也不花哨，操作上尽量让玩家不打字不输数字就能轻松使用，包括物品查找和数量选择，而且能让玩家少点一下鼠标就是一下。
来自: Android客户端

51$

SixSixCCFF 发表于 2020-12-7 20:26
我看楼上有骑友的建议，但其实都属于游戏玩法的内容，和交互设计关系不大。

关于游戏玩法我也想找机会单 ...

如果说要解释的话，我觉得一定要让玩家知道才行，否则是无法把消息传递给玩家，就是无用功，比较简单的方法是体现在文本上。
比如骑砍1里，把“从俘虏中招兵”改为“拉拢俘虏扩充部队”，这样显得是玩家与曾经的敌人很友好，部队将士看了自然难受。
来自: Android客户端

SixSixCCFF

12.16新增部队和书籍优化内容

威邵

1111111111
来自: Android客户端

威邵

1111111         
来自: Android客户端

威邵

1111111111
来自: Android客户端

orc747

私以为想法很棒，不是所有的修改一定要从代码层面，这种交互式的修改是一个新的方向，对我这种不熟悉城市名字的人来说，城市名字的改动非常有用。

我只玩MID

城镇的【】可以改成《》，城堡改成（），个人认为更加美观

hdyei-

感谢分享，受益良多！来自: Android客户端

隐于夜色的灯塔

干货，支持
来自: Android客户端

裂变之书

同意这点，此外能不能讲一讲基础的界面排版，因为经常在菜单界面里增加功能，实际上就导致了报告，扎营，这几个大地图菜单选项使用频率非常的高，而设计用于解答的选项栏，反而使用很少，而因为改动较多，经常有萌新在群里提问，但实际上很多问题，都放在了选项的介绍框里

Borr

主要是这个工作量很大哈。  mod组一般就几个人，大多数时候实在是顾不过来

有些界面功能，做成OSP共享一下，也许是个办法。

豉蛋炒饭

想法很好，后排支持一下
来自: Android客户端

厄勒切利亚人

发个图还不行，非得限制十个字！

厄勒切利亚人

加上个超链接（是叫这玩意吧）

SixSixCCFF

裂变之书 发表于 2021-1-15 12:22
同意这点，此外能不能讲一讲基础的界面排版，因为经常在菜单界面里增加功能，实际上就导致了报告，扎营，这 ...

没有特别好的补救办法，最多给个提示，比如某个功能触发的时候，给一个左下角的文本提示“详细请看介绍”。
这样至少给别人知道可以去了解。

SixSixCCFF

裂变之书 发表于 2021-1-15 12:22
同意这点，此外能不能讲一讲基础的界面排版，因为经常在菜单界面里增加功能，实际上就导致了报告，扎营，这 ...

最好的解决是，在做功能玩法的时候，就考虑到如何把功能做得能让人边玩边学会；而不是指望给出一长串玩法说明文本。