大家好，我是游戏交互设计师懒蚂蚁GM~一、体验环境
体验机型：iPhone 6sp
系统版本：iOS 13.1.1
体验时间：2019.09.01二、产品简介
产品名称：神都夜行录
产品定位：国风妖灵收集RPG手游
产品标签：MMORPG、国风二次元、卡牌、策略、养成
产品Slogan：国韵巅峰，网易新概念妖灵大作三、市场分析
《神都夜行录》是网易新概念妖灵大作。游戏未上线时预约人数已达50万，它在发布的第三天便登顶免费榜第一，接着又攀升至畅销榜第二。目前，《神都夜行录》评分高达4.8分，稳定居于App Store免费排行榜20名左右，角色扮演类游戏榜第4名。
App Store数据截图四、目标用户
网易游戏营销总经理向浪在接受采访时曾说《神都夜行录》希望抓住以下目标用户：
1、玩法层面：
希望尝试MMO，但对冗杂的装备、宠物、技能系统感到疲倦的用户；
喜欢卡牌系统，但对固有产品的表现力和玩法不太满意的用户。
2、题材层面：喜欢中国妖怪文化的用户。
3、战斗层面：
倾向于战斗上手门槛低，操作简单的大众用户；
希望战斗具有一定操作性的用户；
希望战斗具有丰富策略性的用户。
《神都夜行录》在测试阶段时，去掉了角色装备及八卦盘等系统，增加了具有闲情雅趣的休闲玩法，将游戏的量级适度减轻，吸引了更多的玩家，尤其是女性玩家的进入。
综上所述，《神都夜行录》的目标用户主要是：
有MMO经历，但厌倦了冗杂的装备、宠物和技能系统的用户；
喜欢MMO的剧情和沉浸感，但被复杂系统挡在门外的潜在用户；
卡牌类游戏爱好者，喜欢收集、培养卡牌，并通过卡牌进行策略性战斗；
国风文化和妖怪文化爱好者；
二次元文化爱好者。五、产品分析
本人通过对游戏的体验及查阅相关资料，分别从五个层面对《神都夜行录》这款游戏产品做一个总结，如下：
剧情：取材上古神话，融合盛唐风貌，打造中国传统妖灵文化；
核心玩法：妖灵卡牌的收集和培养；
辅助玩法：高自由度的互动休闲元素，满足多元玩家需求；
战斗：兼具策略性和操作性的独特战斗方式；
画质画风：画质精细、国风二次元。
下面主要从界面形态、内容布局、界面适配等方面对《神都夜行录》进行体验分析。
1、界面形态分析
整个游戏界面是以全屏界面为主，浮窗界面为辅进行设计的。界面形态的一些特性见如下分析：
全屏/类全屏
使用场景：a. 功能繁多，界面承载信息量大的界面；
b. 用户需要长时间停留，并进行一系列操作的界面；
c. 情景化设计，需要营造更强的代入感（如节日活动界面）。
优点：信息布局更加灵活；界面呈现更加大气美观；代入感强，形成沉浸式体验
缺点：全面界面在操作时场景会发生跳转，容易使用户失去对当前界面的控制感，打断当前的操作流
如下图所示，行囊和妖灵界面采用全屏界面设计，因为这几个场景不仅所承载的信息量较大，而且需要玩家长时间停留并进行一系列操作；抽卡界面和活动界面需要情景化设计增强玩家代入感，故也采用全屏界面进行设计。
《神都夜行录》全屏/类全屏界面
浮窗
使用场景：a. 信息量少，如物品说明介绍等纯文字界面；
b. 不需要用户进行复杂操作的界面；
c. 功能少，用户进行短暂停留和适当操作的过渡界面；
d. 用于防错的二次确认界面。
优点：端游习惯的延续、风格统一、界面规整、适配简单、易上手。
缺点：易打断用户操作流，代入感差。
如下图所示，符具介绍、获得奖励及一些二次确认界面采用浮窗设计，因为这些界面承载信息较少，操作目的明确，玩家只需要短暂停留，采用浮窗设计可以避免玩家迷失，增强对当前场景的控制感。
《神都夜行录》浮窗类界面
2、内容布局
《神都夜行录》的每个界面的操作目标都很明确，信息布局合理，玩家进来后几乎不用思考就能进行操作。对信息的整合和操作区域都基本按照上下、左右的结构形式，跟用户从左到右从上到下的的浏览习惯保持一致，符合尼尔森F型视觉模型，保证操作的流畅。同时重要的文字信息通过字体颜色进行强调，并通过按钮颜色和大小的对比区分当前界面主要和次要操作。
游戏主场景
《神都夜行录》主场景
和其他MMO游戏一样，主界面采用环绕式布局。左上角为角色头像、等级、血量等信息，左侧为任务提醒，右上角为地图信息，右侧为主要操作区，左下角为摇杆和照相，底部为聊天框信息。
需要注意的是界面右侧主要操作区仅保留了四个btn，除身为降妖师所具的“术”、“眼”、“变”三个主要技能外，其余不常用的功能兼归纳于一个“更多”的btn中。这样的设计不仅更能突出玩家化身的属性，而且使界面更加简约，符合易扫原则和三次点击原则，同时保持较高的沉浸感。点击“更多”btn会出现一个浮窗，根据格式塔原则中的相似性原理，将浮窗内的功能分为三块，中间区域为主要功能模块。在主要功能模块中，特意将“活动”、“行囊”、“妖灵”三个使用频次高的功能btn放大，易于玩家点击。
战斗界面
《神都夜行录》战斗界面
战斗界面左上角为玩家及变身的HP、会心值等信息，右上角为BOSS的HP、会心值信息，左下角为控制摇杆，右下角为点触技能btn，技能上方为出战妖灵信息和辅助设置信息。“摇杆+点触”的设置和布局符合玩家心理认知模型，且通过运用格式塔理论中的相似性原则和接近性原则将右侧的图标根据功能类别合理分为三组：聊天、锁定和设置按钮为一组；三个妖灵技能图标为一组；角色普攻和技能图标为一组。运用费茨定律，将按钮置于屏幕右下角离拇指最近的位置，并将点击频次最高的普攻按钮尺寸增大，便于玩家点击。
核心功能界面
《神都夜行录》社交、妖灵界面
社交、妖灵、任务属性等界面的内容布局均是顶部显示玩家位置和资产信息，左侧为导航，右侧为信息展示，符合尼尔森F型视觉模型。同时，这些核心界面的内容布局符合一致性原则，减少玩家记忆负担。
3、界面适配
全屏界面：四周锚点挂靠，保证主场景信息最大化呈现。
全屏界面适配示意图
侧边浮窗界面：四周锚点挂靠。
侧边浮窗适配示意图
居中浮窗界面：上下左右居中
居中浮窗适配示意图
其他浮窗界面：与主控件相对位置固定或挂靠于固定点，根据内容进行扩展。
其他浮窗适配示意图
4、界面动画
1.全屏界面跳转动画效果：无渐隐消失和渐隐出现，切换时新界面立刻全部显示，通过界面元素的动画形成微交互，减弱全屏界面切换的突兀感。如社交和妖灵等界面中左侧导航的摇摆和信息展示背景的流动。
2.浮窗界面的动画分为两种：a.由四周出现的动画，在保证操作顺畅的同时减弱打断感；b.居中浮窗的出现有一个由小变大、由虚变实的动画效果，减少了突兀感，增加了趣味性。六、亮点及问题
1、亮点：
界面简洁干净，画质优美，国风元素活灵活现；
高品质捏脸功能和拍照功能（自带强大照片编辑处理工具）如下图；
领取登录奖励时，剪刀剪纸动效，将中国传统文化展现的淋漓尽致，如下图；
游戏指引很到位，玩家状态随时可见，基本不会迷路；
通过镜头抖动使战斗具有很强的打击感、通过妖灵及拓印搭配使战斗具有策略性、通过闪避功能使战斗具有操作性；
通过微交互使界面跳转更加顺畅，减弱突兀感；
与NPC对话时，人物形象放大且正面朝向玩家，配合生动的肢体动作，拟社会互动栩栩如生。
《神都夜行录》签到和拍照窗口
2、问题及改进：
1、聊天消息展示问题。新的聊天消息自下而上刷新呈现，不符合玩家自上而下的浏览习惯。建议设置为聊天消息自上而下排列，新消息刷新于聊天框底部。
《神都夜行录》好友聊天窗口
2、物品鉴定的反馈问题
《神都夜行录》物品鉴定窗口
a.点击鉴定按钮，按钮文字变为“鉴定中”，此时等待5s才可以知晓鉴定结果，鉴定反馈不明显，且无任何鉴定状态显示，建议增加进度条或表示鉴定过程的动效，减弱玩家长时间等待的消极情绪。
b.等待5s后按钮文字由“鉴定中”变为“鉴定”，此时仍需再等待5s才可以弹出鉴定成功窗口。等待时间过长，建议缩短。
3、获得奖励时展示物品尺寸不一致的问题
《神都夜行录》获得物品窗口
4、拍照——摆拍模式角色调整反馈问题
《神都夜行录》拍照窗口
a. 进入摆拍模式，点击底部旋转按钮，界面上方会有飘窗提示选择旋转对象。单击即可选择对象，但是缺少选中反馈，建议增加选中反馈。
b. 经过测试，选中角色可来回拖动，但是游戏没有给出可移动的提示，建议选中角色时增加可移动的指示。
5、Bug01河伯模型重叠
34级时为了参加拯救扫晴娘的副本任务，必须来妖市与河伯交手，如图可见出现两个河伯模型，且动画不一致。
《神都夜行录》河伯bug示意图
6、Bug02
每次战斗前选择助战妖灵时，玩家都希望选择性能高的助战妖灵，当选择列表中的妖灵达不到玩家要求时，玩家便会点击底部的“刷新”按钮来刷新列表。如果然后达不到玩家要求便会再次刷新，这时会有飘窗提示“请在9秒后再刷新”，如图所示。但是，如果此时随便选择一个妖灵进入阵容配制界面后再退出来，即可避免9秒的刷新等待时间。
《神都夜行录》助战妖灵选择界面
