游戏UX交互框架规范

1383天前
转载文章 / UI / 其他UI (本文章为转载文章,如果若您的权利被侵害,请联系管理员删除的)
8886
0
2
 | 
作者:杨曦


游戏研发团队从几十人到上百人,规模越大出现的细节问题就越多,有时候版本已经完成了还要花很长时间去聚焦优化体验问题。


所以,在游戏项目研发初期要制定以及维护交互框架。



一、什么是交互框架


框架来自建筑学概念,建立一个带约束性与支撑性的结构,用于解决复用的或复杂的问题,是一种标准体系。


假如我改造一座新房子,首先要考虑的就是其房间结构(框架);


比如设计几个卧室,几个客厅,分别占多大面积,在什么位置等等(信息架构);


然后还要考虑如何设计门和窗户,怎么能够在不同房间互通(导航方式);


接着再思考每个房间里面分别需要怎么布局,分别需要哪些家居和电器,具体在什么位置(页面结构);


1673531082353685_0.png


产品框架相当于骨骼和经脉,如此细分下去,直到考虑全每个细节,这就是一个产品完整的交互框架。



二、要有哪些内容?


在为一款游戏产品构建交互框架时,应该从哪些内容入手呢?


1. 画布规范


设计小组内部统一的画布尺寸,定义情景规避基础交互显示问题。


1673531082263535_1.png



2. 栅格化预演


建立栅格化对齐语言,以渠为度量单位,严格控制每个设计原子之间的间距。


1673531082476709_2.png



3. 适配方案


建议在做适配方案前,充分评估竞品界面布局规律,观察他们已解决和未解决的适配问题,思考原因后与技术沟通,共同制定。


1673531082784299_3.png



4. 对齐规则


常规游戏界面是由很多文本信息构成的,规范的对齐规则是可读性的关键。


1673531082397014_4.png



5. 行文规则


避免符号或动态文本造成的阅读体验问题。


167353133644845_0.png



6. 导航规范


针对全屏、弹窗等不同的界面结构做导航规划,涉及位置、尺寸、扩展性考量等。


1673531336561680_1.png



7. 窗口规范


区分和定义不同功能窗口,对其进行应用规范。


1673531336332530_2.png




三、交互框架的核心价值


我们为什么需要在前期花费大力气来建立与持续维护一套产品交互框。


核心价值


向上约束


提设计诉求不要天马行空,过度包装


向下传递


面对庞大的系统功能时避免出错


作为指导手册


规避后期的迭代优化成本


作为检查工具


当体验出现问题时全局判断和处理


作为创新基石


基于框架模块做更多设计思考


基于这个价值,我们其实还有很多内容去思考和补充。


比如:


更沉浸的界面体验


游戏产品更在意世界观中的沉浸感,所以会有很大一部分创意定制的界面设计(视游戏类型)。哪些系统需要包装,哪些系统又要避免过度包装?这方面需要投入交互体验上的思考。


167353133699568_3.png


更深的交互层级


游戏界面(非休闲)存在较深的窗口与信息显示层级,这些层级之间需要有清晰的互斥、跳转、快速跳转或关闭等规范。


1673531337953609_4.png



更复杂的体验引导


很多体验问题非单一设计样式就能解决,同一个设计方式会有不同的表现和应用情景,如果框架阶段缺少定义,后期就会有一系列体验问题出现。


例如“对话气泡”,其设计样式会用在多个交互情景中(对话、对话气泡、按钮、红点提醒),合理的分级和定义就尤为重要。


1673531337434116_5.png


更丰富的反馈行为


游戏中,反馈界面的效果需要按情景划分。


当玩家获得普通物品,还是获得一个超级极品,表现是有区别的。


1673531575510753_0.png


以上,是这段时间我对游戏交互框架知识的结构化梳理,希望对你的工作有所帮助。

声明:乐魔UI(Lemooui)内网友所发表的所有内容及言论仅代表其本人,并不反映任何UI(Lemooui)之意见及观点。
举报
收藏
文章-其他UI
8886
0
2
标签
没有标签
全部评论
发表评论
设置密码
注册会员
我已阅读并接受《乐魔UI协议》
微信登录
二维加载中...

使用微信扫一扫登录

“乐魔UI”

建议反馈
提交取消
举报
提交取消