发布时间:2023-12-18 14:02:51 浏览量:207次
游戏类App的UI通常是情感化的,表达的信息清晰直接。在设计其他产品时,我们仍可以参考游戏类UI的特点,带来更出色的使用体验。文章对游戏类UI常见的5个UI设计进行了梳理总结,供大家一起参考学习。
休闲类游戏是与我们日常生活联系最为密切的游戏类型,其独特的设计让它成为用户日常通勤或短暂休息时一种放松的方式。
在游戏UI中,通常用很自然的方式在游戏过程中嵌入指导,作为入门指南或通向下一级的提示。
用户在玩游戏的同时应该学会如何与游戏进行互动。尝试在App中无缝地嵌入指示:使用微妙的动画、中性的颜色和字体以及容易跳过的提示。
请注意不要一次给用户多个提示。因为这是无效的,用户可能不会记住这些提示,但会对产品的复杂性感到沮丧。
引导流程应该简单明了:一次提供一条线索。Tik-tok界面的引导做得很清晰,通过交互手势的提示,让用户明确了解功能。
有时可以完全省略提示,只需引导用户完成核心的流程。HabitMinder不会在首次启动时在屏幕上显示“创建第一个习惯”,而是直接引导用户创建第一个习惯。
很多游戏中都有可视化的进度图,清晰地显示当前所在的关卡,之前的游戏进度和奖励以及接下来的关卡情况。愤怒的小鸟(左)和糖果传奇(右)页面中都有可视化的进度。
不仅要显示当前和未来的状态,后面源源不断的游戏进度也能激励用户进一步前进。
除了激励效果外,这种可视化进度是保持用户和产品之间长久关系的纽带,让用户从直观的进度中有所收获。
玩游戏的时候,会发现前几个关卡通常很简单,很快就能完成任务。这样做的目的是增加满足感和前进的动力,通过任务反馈也增加了用户的忠诚度。
Notion就使用这种方法来提示用户探索产品的功能:首次启动时会显示一个任务清单,其中第一项是已完成的状态,以此激励用户继续操作。
游戏时的反馈总是以最直接的方式进行:设计令人上瘾和满意的视觉效果和音效。
当用户做出某个交互动作时,可以直接使用视觉反馈。例如点击加入购物车后,图标上会显示商品数量的变化,作为视觉提示也方便寻找操作结果。
游戏中经常会弹出任务窗口或奖励窗口,这些窗口通常具有引人注目的样式或者有趣的视觉效果,促使用户点击。
交易完成后的弹出窗口是很好的例证,考虑使用插图或动画增加一种有趣的氛围,创造出一种被感谢和奖励的感觉。玩游戏也能学UX!
原文:
uxdesign.cc/5-ux-tips-i-learned-working-in-gamedev-5f68285bf72d
作者:Julia Dzyubina
译者:Clippp,微信公众号:Clip设计夹。每周精选设计文章,专注分享关于产品、交互、UI视觉上的设计思考。
本文由 @Clippp 翻译发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自 Pixabay,基于 CC0 协议
热门资讯
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
2. 移动端UI设计中常见的5种APP界面类型,你get到了吗?
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型,帮助大家更好地了解UI设计的基本知识
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
想要了解iPhone6界面设计的尺寸规范吗?这里为您详细介绍iPhone6的UI设计尺寸规范,包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
8. Photoshop操作教程:自制电子印章 | PS技巧详解
想要学会制作电子公章吗?跟随本教程,详细介绍Photoshop操作步骤,让您轻松掌握PS技巧,制作精美电子印章。
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
最新文章