这个是以前写的一篇关于UI界面的思考。最近感觉项目进度越来越赶,做的东西也越来越不走心,遂翻出的之前总结以此自省一番。顺便加了一些新的经验和心得。
首先,什么是UI,UI即User Interface(用户界面)的简称。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。(抄自百度百科,不瞎扯了)
总之,大家对UI并不陌生,那么,怎样才是一个好的UI界面呢?我刚工作时认为一个漂亮的界面就是一个好的界面,凡向美术提需求必要其加上复杂绚丽的边框,雍容华贵的底纹,角落里要有精致的图标装饰,想方设法让所有美的元素都能出现在这个界面里。
这样做当然是不行的。在游戏中,每一个界面都是具有相应功能的,玩法也好养成也罢,界面展示的信息必须是这个功能需要让玩家获得的信息。这句话有些拗口,直白点就是:让玩家看到你想告诉他的东西。如果加入一些不必要的元素,就势必会增加玩家的理解成本:复杂的纹理会喧宾夺主,错落的icon会让玩家摸不清头脑,边边角角的图标会让玩家误以为这里有什么东西可以点击。这些都不是我们想要的。所以,保证一个界面的简洁十分必要。与其花里胡哨,不如突出重点,思考一下,我在这个界面中想告诉玩家什么信息,想让玩家进行什么操作,将这些内容凸显出来,就已经体现了这个界面应有的价值。
以上是我领悟的第一个道理。
我领悟的第二个道理是:符合目标用户群的行为习惯。比如按钮就应该有个按钮的样子,页签就该是页签的形状。千万不要觉得自己做的东西是一种创新而去挑战一些已经成为习惯的东西。当时在玩天谕,好像是触发某个任务的条件是某个技能修炼到多少级,角色技能界面是这样的:
我理所当然地吧上门的技能升到了对应的级别,然而并没有什么卵用,系统仍然提示我技能等级不足。
我在整个技能界面里面看了半天,不知道应该怎么做。最后请教百度大法,终于发现,这里竟然是一个按钮!点进去是满满的养成。emmmm我有一句那什么不知道当讲不当讲。
讲道理,按正常的理解,这个界面叫做技能修炼,上面那么多技能到多少级就是技能修炼到多少级。再者,上方的技能icon饱和度那么高,吸引了所有注意力,“技能修炼”颜色那么朴素,完美地融入了背景。最关键的是,按钮应该有一个按钮的样子,就算是半圆形的也请描个边,更换一下材质,加个强光效果,让我能感觉出它是能够点击的。
这个过程我重复了两次,第二次我流失好久回归又忘记了,只好再次请教百度。回头我就仔细检查了一下自己曾经做过的界面,发现的确存在过类似的问题。在设计的过程中,有时会很主观地想当然,甚至还会为此洋洋得意,感觉自己做了了不起的创新,如果不是换个角度去思考,很容易陷入思维陷阱。
第三个道理:信息传达清晰,反馈明显。比如一个养成界面,解锁养成需要达成什么条件;玩家的养成材料是否充足,充足如何表现不足如何表现;玩家进行一次养成行为后会获得什么,需要消耗什么;养成之前和养成之后界面的区别;养成以后,是不是要飘字,飘字内容是什么,如何出现如何消失;总之,用词精确,避免产生歧义,应该表达出来的内容千万不要漏。切莫让玩家产生“我能养吗?我养了以后会怎么样?诶我刚刚有没有养过,怎么点了一下没反应?”这种疑惑。
再深入一些就是一些用户体验的设计了,比如要在某个特定界面中使用一个道具,进入这个界面要按4下,而如果在包裹可以直接使用该道具进入这个界面只要按3下,那后者的体验就是好于前者的。如果玩家获得一个礼包,需要到包裹中才能打开,那我在他获得礼包的时候就在主界面中允许他打开,那么这种体验就是很好的。如果我在购买道具时只能一下一下按小加号增加购买数量,那么我增加一个拖动条或者数字输入框,那就是极好的。这个东西我们称它为“操作流”。一个简洁而高效的操作流对于用户体验的提升,尤其是新手的留存,是非常明显的。
随着对游戏的理解越来越深,我个人认为,游戏UI界面最重要的一点,就是一个界面是否易于理解。我曾经看到过一个SLG游戏,煞费苦心将出阵布兵界面做成太极的样子,我看到这个界面的时候研究了半分钟,还是没看懂,于是单击右上角的小叉,关掉了游戏。果然,这个游戏后来再也没有听到过什么消息了,可能是跪了吧。这个就是反面例子。
总结一下,如果能让玩家很容易GET到你的点,那么这个UI界面就是成功的。如果这个界面的操作还很简洁,那么这个界面就是相当成功的。如果这个界面还很漂亮,那么,这个界面就是非常成功的。
-------------------------------------------分割线--------------------------------------------------
好了,以上都是方法论的东西,那具体到执行时应该如何去实现?
首先,想好你这个界面是用来干什么的。
请不要假装思考了两秒钟就说已经很明确自己的目的了。举个例子,很久很久以前我要做一个资源回收的系统,界面里面我准备把被回收资源的3D模型全放进去。过了一会我老大跑过来问我怎么想的,我说因为被分解的都是一些比较低级的道具,没有展示的地方,但是我们也都辛辛苦苦建了模的,所以我想在回收系统里展示一下。老大说:哦,感情玩家要是觉得模型好看就不分解了?
所以,明确自己的目的,(尽量)不要为了目的以外的原因影响你的设计。除了这个界面(功能)最原始的目的,你每想再加一个东西的时候都要反复问自己:加了额外的东西有什么好处?会不会引发某些问题?如果不加会不会有什么坏处?三思而后行。
其次,思考你需要在这个界面展示的信息。
这个说来也简单,无非是,在养成系统中讲清楚消耗什么可以增长什么属性,玩法系统中讲清楚规则。运营活动中讲清楚资源便宜了时间有限大家快来买买买。但是把这个做好也是很难的,因为你要告诉玩家的信息有很多,总有重点和非重点,重点信息需要放在醒目位置,核心信息要甚至要加强提示。而非重点信息能藏起来就藏起来。做这步的时候请牢记你的目的性,举个反面教材:仙侠道有一个星石的养成,同时插3个同属性的石头会激活一个技能。这种带策略性的养成是非常受欢迎的,效果应该远远好于纯数值方面的养成,让玩家插3块同属性的石头应该是这个养成的核心目的。但是他在做界面设计的时候根本没有提示我插3个同属性石头会激活一个技能,只有在激活后放一个非常快速而且不明显的特效。
然后,左上角“我的星石”点开后和下方的信息重复了(见下图)。寸土寸金的养成界面怎么能犯这种错误!
要是我的话,就把左上角的icon换成技能图鉴,点开icon查看所有技能效果和激活条件。每次进入星石养成界面会有一个小气泡指向这个icon,提示装3个同属性的石头会激活一个新技能,过几秒后气泡自动消失。当激活了技能时,会有特效将3块石头连起来连起来亮一下,然后化作星星点点光粒飘向左上方的icon,然后砰砰砰弹几个字“星石之力:欲火焚身1级<font color="green">已经激活</font>”
再接下来就是美观方面的东西,这个就仁者见仁智者见智了,我提一点,是关于UI的明显程度。一般来说,UI是越醒目越好的。背景是暗的那UI最好是亮的,背景是冷色调的UI是暖色调的,背景是花的UI是纯色的总之要一眼看到。美观是所有要点中优先级最低的。当美观与其他原则冲突时,优先考虑其他原则。好用大于好看,切记切记。
再接下来,就是便捷性的问题。有一个3次点击原则,大概的意思就是不要让玩家点击三次以上才能进入一个界面。这个表达的思想是好的,但是并不是所有的情况下都要按照这个要求,不然整个界面上都得是图标了。举个例子,比如时装功能的入口,就可以相对藏得深一些,哪怕玩家多点几次也没关系,毕竟正常玩家不会没事就进一下时装界面。要是一个SLG游戏,那布阵的入口一定要放在一个很方便的位置,要是布个阵得点三下,玩家分分钟流失。
便捷性原则中还有一点,从一个功能中可以快速进入到另一个功能。比如强化到一半强化石不够,能够快速跳从养成界面跳转到获取强化石的玩法中。这点在前期相当重要,通过这种方式来引导新手玩家更快上手游戏。
好了,大概想到的就是那么多了。最实际的还是多做,多想,想好了再去做。话说回来,决定一个游戏最重要的还是核心玩法和美术风格,界面什么的实在没有办法起到逆天改命的作用。但是,就是这些细节堆砌出一个高品质的游戏。作为一个游戏策划,通过不断优化自己的游戏,本来玩家要思考一下才能理解,现在玩家看一眼就能懂这个玩法是怎么玩的,不是很有成就感吗。让玩家轻松地体验到游戏的乐趣,和玩家分享简单的快乐,这才是一个游戏设计者的乐趣。