面向全球市场,《荒野行动》有哪些UI设计理念?

荒野UI设计组

2022-09-283079次浏览

0评论

36收藏

12点赞

分享

导读:《荒野行动》自2017年11月正式上线后,游戏在国内与国外市场都取得了相当不俗的成绩,多次登顶国内出海手游收入榜。本次,《荒野行动》UI设计组将为大家揭秘,该产品的UI设计团队在UI设计上有哪些设计理念,又是如何贯彻到实际设计当中,形成属于《荒野行动》独特的设计风格的。

 

作者:荒野UI设计组

以下是正文内容:

 

市场背景

 

在项目立项之时,市面上还未出现手游射击类游戏的“爆款”。所出现的射击手游也普遍被玩家诟病各种操作使用问题。射击类手游也因此并未成为当时手游市场的主流门类。

 

如当时的射击手游大部分采用自动开火射击或是站桩射击,为适应手机平台而砍掉了开镜瞄准、移动射击等操作。真实的战斗体验并未还原,也损失了射击游戏核心玩法的乐趣。

 

左:自动开火方式,牺牲瞄准乐趣

右:站桩射击方式,牺牲移动乐趣

 

此外,当时的射击类手游在界面设计上大多以功能实现为目标,在对于建立玩家的情感联结层面有较多的内容有待挖掘。

 

由于当时射击手游存在的种种操作及体验上的问题,导致当时的射击类手游并未占据大份额的手游市场,此类手游的UI设计更是在当时的市场条件下发展缓慢,缺乏成体系的设计规则,更缺乏市场战略布局的眼光。

 

通过对当时手游市场状态的分析,《荒野行动》作为一款布局全球市场,具有特殊战略意义的射击类手游,设计小组在立项初期便确立了我们要在UI设计上秉持的设计理念:

核心体验至上

有“温度”的设计

面向庞大的市场前景

 

一、体验至上

 

减少pc与手机的输入方式矛盾

 

移动端游戏的操作与电脑端游戏比较来说,最大的变革在于将键盘鼠标多点输入的操作思维转入到移动端的单点或两点输入上。

 

如何在手机屏幕上完成战斗时移动、瞄准、射击等多重指令的操作,同时又能准确获取战场上各路信息反馈,准确判断战局,是战斗体验的核心设计点。

首要便是解决在手机端移动瞄准射击的问题。当时市面上大多射击游戏因为未找到合适解决方案而采用了站桩射击或自动开火射击的方式,牺牲了射击游戏的核心体验。我们在设计时,则希望寻求方法尽可能的还原电脑端的射击操作,即找到一种解决方案,能同时满足“移动、瞄准、射击”的需求。

在预研demo期对玩家进行竞品操作测试时,我们发现了一个有趣的操作现象:会有人在打开瞄准镜后,右手控制镜头,左手来操作位于右侧的开火按键。这一下子引起了我们的思考:

 

为什么不在左边放置一个开火按键?

 

当这个想法提出来之后,与玩家的操作需求一拍即合,同时也让我们找到了在手机端还原电脑端射击手感的突破口。左右两边各提供给玩家开火键,玩家在移动过程中,可同时进行瞄准并开火,还可以根据不同战斗情景来自行决定使用哪一侧的开火按键,操作自由度大大提升,同时也解决了手机端压枪难的问题,尤其是提高了狙击枪的瞄准手感。

 

提升战斗自由观察视角

 

当时市面上射击类手游的另一个痛点便是玩家在行进中无法方便的观察四周,只拥有前进方向的视野范围。而在危机四伏的战场中行进,人自然有眼观六路确保自身安全的心理需求。在行进中方便快捷的观察四周,是我们另一个需要解决的核心体验问题。

 

在设计的过程中,我们注意到了猎鹰这种自然界中视力敏锐的动物。

 

猎鹰作为捕猎高手,在行进中能自由观察非常大范围的视角,大大提升侦查效率。通过将其视觉观察特征转换成界面控件表现,我们得到了一个能够自由控制观察视角的视野摇杆。玩家在行进过程中,可通过转动摇杆,在不改变角色面向的前提下,观察四周场景。这样一来,行进中无法观察四周的痛点迎刃而解。

 

结合大数据辅助设计布局

 

有了便捷的战斗操作功能,如何将这些功能合理布局于手机屏幕方寸之间,让玩家上手时感受顺畅自然,是我们接下来攻克的重点。

 

我们提出了移动端的操作热区和显示热区叠加归类概念:操作热区决定操作布局,显示热区决定信息层级。通过两种分区叠加的方式,来确定战斗操作功能的大致布局。

 

之后针对每个控件的具体布置细节,我们进行了大量玩家玩家测试,通过玩家操作热区图进行大数据分析,来确定每个控件布局的细节位置。对当前市面上存在的不同分辨率机型,我们也通过获得的数据进行了自适应微调,以提供最适合该分辨率下的操作手感。

 

二、做有“温度”的设计

 

细节雕刻触动人心

 

除了将核心体验作为我们设计的重点,我们还希望我们的设计是能传递情感,拉近与玩家距离的。哪怕是一个小小细节的设计,我们也希望能让玩家会心一笑,感受到其中的乐趣。

 

在与拳皇98联动的活动玩法中,我们结合联动IP的特点,设计了一台交互式街头游戏机。街机形象让玩家建立起了一种《荒野行动》到《拳皇98》的情感串联。

 

同时我们还设计了一个小小的“摇杆彩蛋”,玩家拨动摇杆,屏幕上的物品便会亮起,模拟了玩家在真实世界中对街机的操控。一个小小的微交互细节,让整个玩法的趣味性大大增加,活动后收到玩家反馈,也都被这台有情怀的街机所打动,成为了整个活动期间的记忆亮点。

 

气氛营造助力活动营销

 

《荒野行动》1周年庆期间,推出了多个精彩的狂欢活动。紧贴周年庆狂欢氛围,我们将多个活动作为一份丰厚的周年补给礼包设计呈现给玩家。从天而降的限定补给包,打开后的各个物件便是各种活动玩法的入口。既承载了功能,又凸显了周年庆的欢庆氛围,补给包里的物件又是玩家所熟知的游戏标识物品。活动一推出便抓住了玩家眼球,获得了良好的口碑传播效果。

 

源于生活的灵感激发

 

让设计有“温度”,另一个出发点便是以实际生活体验为源头,找寻玩家在生活体验中相同的情感诉求,以激发玩家的情感共鸣。例如在游戏中的商品购买环节,我们便从商场购物中获得灵感。希望玩家在我们游戏中了解商品、完成购物时,也能有犹如在现实生活中购买到一件心怡的物品那般,有着流畅开心的购物体验。

 

登录界面 VS 商场门面

 
特点:氛围烘托、当季主打商品展示、品牌露出
 
商品头图VS店铺品牌外设
特点:商品细节展示、突出吸引力
 
活动界面VS 商场指引
特点:商品再曝光,明确的购物指引
 
不难发现,只有在细节、氛围、流程上都站在玩家的情绪感受上出发,思考玩家在每个环节的情感诉求,才能真正让我们的设计打动玩家,使玩家感受到设计的“温度”。
 
三、面向庞大的市场前景
 
针对项目的全球化布局,我们在确立设计理念时,便确定了我们的设计是需要面向庞大的市场前景的。这也意味着在项目的UI设计上,需要有非常强的包容性。

 

这种包容性一是体现在对手机市场上多样化的机型设备的包容,更重要的是体现在对全球玩家语言、文化上的包容。制定适用于所有发行国家、发行设备的设计规则、在设计情感上贴近全球市场玩家、树立《荒野行动》文化品牌,是我们立足于全球市场的设计理念。

 

规矩成方圆

 

在设计《荒野行动》界面过程中,我们始终关注着设计方案在不同机型、不同分辨率下的展示效果,并为不同分辨率下的界面,制定了专门的适配规范,以达成多平台、多设备的兼容。

 
我们以固定的界面尺寸做为基础,制定了适配于多种机型设备的交互框架规范。界面的布局样式、交互方案在已经规范好的高适应性框架中进行设计,保证不同人设计都有良好的统一性。
 
区域设计的差异化
 
面向全球市场进行设计,除了制定统一的设计规则,更需要加深对不同地区市场的了解,针对不同地域文化习惯进行差异化设计。如在与新世纪福音战士进行联动时,针对日本市场玩家普遍对IP原本的动漫风格接受度更高的特点,我们在日区活动页面的相关设计上采用了还原动漫风格的设计方式,而国内市场则保持了荒野行动自有的高精度模型方案。
 
品牌形象的打造与沉淀
 
面向庞大的市场前景,我们希望《荒野行动》不仅仅是一款游戏,而是以一个完善的品牌姿态来布局全球市场。一个优秀的品牌形象配合其传播策略可以让目标群体快速形成广泛的认知,并且可以通过建立品牌价值认同,达到品牌传播效果。在对《荒野行动》进行UI设计之时,我们便开始渗透其整体的品牌概念。

 

通过对全球玩家的UE调研,结合目标玩家群体的特征,我们得出了属于《荒野行动》的品牌定位:

 

我们所有的品牌向内容设计都围绕着这几个定位关键词来展开,力求做出属于荒野专属的气质。

 

从关键词出发,我们制定了《荒野行动品牌视觉指南》来进一步规范我们的品牌向设计。

 

在视觉指南与规范的指导下,我们围绕《荒野行动》品牌符号进行了各种VI的延展设计,让无论是线上游戏的界面、网站、还是线下宣发都能保持我们鲜明的品牌风格,强化我们的品牌印象。

 

正是游戏里、线上、线下,全方位的设计统一,彼此相辅相成,令《荒野行动》品牌效果得到大幅加成。

 

在全球市场打响了品牌,我们更与全球许多重量级品牌IP强强联合,不断推出带给玩家惊喜的联动企划。

 

我们立足于品牌去做设计,不再仅仅是为了界面去做设计,使得我们的设计风格在全球市场上可以做到品牌与品牌的自然融合,最终促进了双方品牌在彼此领域上的影响力,达成共赢。

 

 

核心体验至上,让我们在设计中始终坚持将玩家的战斗体验放在整个游戏体验的核心位置,最终以流畅的手机端射击战斗操作赢得了市场。

为设计添加温度,让玩家在我们每一个设计细节中获得情感的共鸣。面向全球市场,制定通用性设计规则与贴合地域特色的设计方案。

树立《荒野行动》品牌,以标识性,包容性的设计风格获得了全球玩家的喜爱。《荒野行动》设计小组也将继续保持活力,努力做好设计,给玩家带来更好的用户体验,敬请期待!

 

评论 0

0/1000
网易游学APP
为热爱赋能
扫描二维码下载APP