用户体验|从游戏类UI中学到的5个用户体验技巧
游戏类App的UI通常是情感化的 ， 表达的信息清晰直接 。 在设计其他产品时 ， 我们仍可以参考游戏类UI的特点 ， 带来更出色的使用体验 。 文章对游戏类UI常见的5个UI设计进行了梳理总结 ， 供大家一起参考学习 。
本文插图
休闲类游戏是与我们日常生活联系最为密切的游戏类型 ， 其独特的设计让它成为用户日常通勤或短暂休息时一种放松的方式 。
01 引导用户首次使用
在游戏UI中 ， 通常用很自然的方式在游戏过程中嵌入指导 ， 作为入门指南或通向下一级的提示 。
用户在玩游戏的同时应该学会如何与游戏进行互动 。 尝试在App中无缝地嵌入指示：使用微妙的动画、中性的颜色和字体以及容易跳过的提示 。
本文插图
请注意不要一次给用户多个提示 。 因为这是无效的 ， 用户可能不会记住这些提示 ， 但会对产品的复杂性感到沮丧 。
引导流程应该简单明了：一次提供一条线索 。 Tik-tok界面的引导做得很清晰 ， 通过交互手势的提示 ， 让用户明确了解功能 。
本文插图
有时可以完全省略提示 ， 只需引导用户完成核心的流程 。 HabitMinder不会在首次启动时在屏幕上显示“创建第一个习惯” ， 而是直接引导用户创建第一个习惯 。
本文插图
02 直观地显示用户进度
很多游戏中都有可视化的进度图 ， 清晰地显示当前所在的关卡 ， 之前的游戏进度和奖励以及接下来的关卡情况 。 愤怒的小鸟(左)和糖果传奇(右)页面中都有可视化的进度 。
本文插图
不仅要显示当前和未来的状态 ， 后面源源不断的游戏进度也能激励用户进一步前进 。
除了激励效果外 ， 这种可视化进度是保持用户和产品之间长久关系的纽带 ， 让用户从直观的进度中有所收获 。
本文插图
03 预先填写任务进度
玩游戏的时候 ， 会发现前几个关卡通常很简单 ， 很快就能完成任务 。 这样做的目的是增加满足感和前进的动力 ， 通过任务反馈也增加了用户的忠诚度 。
Notion就使用这种方法来提示用户探索产品的功能：首次启动时会显示一个任务清单 ， 其中第一项是已完成的状态 ， 以此激励用户继续操作 。
本文插图
04 利用视觉反馈
游戏时的反馈总是以最直接的方式进行：设计令人上瘾和满意的视觉效果和音效 。
本文插图
当用户做出某个交互动作时 ， 可以直接使用视觉反馈 。 例如点击加入购物车后 ， 图标上会显示商品数量的变化 ， 作为视觉提示也方便寻找操作结果 。
本文插图
05 让奖励看起来有趣
游戏中经常会弹出任务窗口或奖励窗口 ， 这些窗口通常具有引人注目的样式或者有趣的视觉效果 ， 促使用户点击 。
本文插图
交易完成后的弹出窗口是很好的例证 ， 考虑使用插图或动画增加一种有趣的氛围 ， 创造出一种被感谢和奖励的感觉 。 玩游戏也能学UX！
原文：uxdesign.cc/5-ux-tips-i-learned-working-in-gamedev-5f68285bf72d
作者：Julia Dzyubina
译者：Clippp ， 微信公众号：Clip设计夹 。 每周精选设计文章 ， 专注分享关于产品、交互、UI视觉上的设计思考 。
本文由 @Clippp 翻译发布于人人都是产品经理 ， 未经作者许可 ， 禁止转载 。
题图来自 Pixabay ， 基于 CC0 协议
【用户体验|从游戏类UI中学到的5个用户体验技巧】
推荐阅读
- 分手后会彻底从你世界里消失的星座，从不停留，再不相见
- 知书达理，这些星座从来不出熊孩子
- 本月底，对爱情从来不会强求，即使失败，也能坦然面对的4大星座
- 淡泊名利不贪心的3属相，赚钱却不少，从容也致富，能早一日发家
- 确诊病例|浙江新增无症状感染者1例 系从西班牙输入
- 毅品文|伊拉克也能打瘫美国护卫舰？世界海战主角从军舰变成飞机加导弹
- 鱼他说|“成年人的体面，从不发朋友圈开始”
- 晓正谈历史|从右将军到丞相，让诸葛亮官复原职的，是不起眼的第三次北伐
- 娱乐全搜索|当明星变成游戏人物，罗云熙从英气变柔美，王一博最不像本人
- 科学探索|从SN5到SN9 SpaceX星际飞船原型要做这些测试