游戏界面<空状态>设计规范

用户头像
深圳/UX设计师/5年前/941浏览
游戏界面<空状态>设计规范

作为设计师的价值体现,要替玩家多想一步,在设计规划初期就将空状态和普通界面一起整体思考。


空状态界面,意味着没有内容、失去连接、发生错误。


玩家如果没有在界面中看到他所期望的东西,我们需要解释界面为什么是这样的,借此来获得用户的理解。


由于内容的不确定性,空状态界面在设计过程中非常容易被忽视。除了视觉上的缺陷外,这个状态在引导性、愉悦性以及留存率等方面的都影响巨大。



空状态设计定义


好的设计能够帮助玩家快速了解功能,告知当前状态,引导进行下一步来获取内容。

从使用情景角度出发,在设计中可加入三类内容:解释说明、交互引导、内容预设。


解释说明类

帮助玩家快速了解功能,避免一上手就产生迷茫无助的负面情绪。


交互引导类

通过快捷交互手段,解决空状态问题。


内容预设类

隐藏一部分信息,让玩家对未来内容建立预期。

图鉴中显示人物剪影和名称,预告感更强


空状态设计公式


主动操作型

玩家可以通过自己的操作来填入数据

设计公式:成因+交互指引


被动等待型

玩家需要等待他人或系统注入数据

设计公式:轻松氛围+时效性解释



条件不足型

条件不达标,显示即将出现的内容

设计公式:内容隐喻+引发联想



空状态设计细节


氛围反馈

为玩家营造更轻松的体验氛围。

细节点:立绘的表情、姿势与文案

正例 

 反例 

生气表情联想到不善的语气

    

智能推荐

需要查找的系统中,为玩家建立帮助力体验。

细节点:推荐逻辑一定是符合玩家诉求的

正例 



品牌调性

符合游戏产品风格的设计语言与文案

细节点:注意构图美感,认真对待配图文案

正例 

经典的月亮、云纹与江湖

符合游戏世界观背景



 

 反例 

图素、构图影响品质

 


等待焦虑

通过趣味设计,减少等待焦虑

细节点:空状态也可能发生在交互之后的等待期

匹配等待5秒后,出现引人发笑的角色

    

总结

高阶设计师的必备素质是:将需求中的所有状态都全盘考虑。

当前的空状态页面设计,早已不是简单告诉玩家此时的页面状态,而是需要考虑空状态的引导性和贴合游戏世界观的情感化包装。

作为设计师的价值体现,要替玩家多想一步,在设计规划初期就将空状态和普通界面一起整体思考。在表明当前状态的同时,指引下一步操作,给玩家更具有沉浸感的游戏体验,从而通过细节设计提高产品留存率。

希望以上内容对你的工作有所启发,如有疏漏或疑问,欢迎留言讨论。







13
阅读原文
|
举报
|
34
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI_3D图标“一本秘籍”(源文件
【新年UI图标】钱包icon
盲盒APP UI设计
【新年UI图标】30个图标
智能家居中心 简约 UI设计组件库
户外旅行飞机情侣假日出行
【新年UI图标】游戏/娱乐icon
高级感金属拟物 UI设计组件库
高级表盘系列UI源文件
【新年UI图标】珠宝icon
UI界面 组件
我的钱包-UI界面设计-app
【新年UI图标】秒杀icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI通用设计素材1
UI 登录界面设计模板包
3D渐变流体抽象矢量UI背景图
矢量立体简约UI蓝白图标
Security Camera UI kit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
科技医疗透明柜UI界面设计
【新年UI图标】汽车icon
【新年UI图标】会员icon
你可能喜欢
相关收藏夹
大家都在看
登录注册