选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

提高可读性和吸引力:从UI艺术家处学到的让应用程序UX/UI更加出色的技巧

Two hands matching two puzzle pieces
这幅插图是我用Procreate画的。 

我已经在UX/UI领域工作了9年多。在这段时间里,我有机会专注于设计移动应用、网站、服务和产品。去年我的主要关注点转向了手机游戏,我意识到一件事–虽然如此接近–移动应用和手机游戏的设计–这两个领域是独立的,没有什么交集。如果未来的UX/UI设计师/UI艺术家是按照经典的路径来发展他们的技能,那么他们很有可能在学习不同的学科,其中一个是专注于产品方面,而另一个是只关于视频游戏。

在移动应用程序和网站上工作,我几乎没有读过评论,其中提到移动游戏作为用户体验流程的例子。当然,流程是不同的,这是我想在这篇文章中比较的东西。是的,有一个游戏化的元素–这个你可能会时常遇到,但这是唯一的共同点吗?

移动游戏行业也是如此–加入这个俱乐部,我看到它与经典的UX/UI没有交集。而这在某些方面是可以的,比如用户流或用户界面。然而,当涉及到工作流程,如原型设计、测试功能,或关注UI元素的小细节时–这些都是UI艺术家可以从他们来自另一个母亲的兄弟那里学到的东西。

向游戏和UI艺术家学习

UI | 颜色的使用

作为一名UI艺术家,你对色彩的使用技巧要求很高,必须达到一个非常好的水平。大多数游戏都充满了色彩–这立即带来了强烈的积极情绪,而这正是游戏的核心所在。

争吵之星 截图

另外,在游戏的用户界面方面,你也面临着挑战–有多种元素,如不同的货币、奖励、图标、仪表和按钮–如何在同一个屏幕上保持所有这些元素的亮度?常见的方法是使用深色笔触。它可以帮助所有的元素从明亮的背景中脱颖而出,并且足够明显。

对于产品设计师来说,我建议他们挑战自己,在游戏用户界面上大量使用颜色。这是训练你的色彩感知力的好方法。

用户体验 | 奖励感受

游戏是为了让你感觉良好,因此,你在玩的时候经常会得到大大小小的奖励。

黄金和妖精的开箱流程 

在这个流程中,每个细节都很重要–就像下面这个来自《黄金与妖精》的例子,不仅强调了已经打开的国际象棋。首先,你会被明亮的绿色和 “免费 “的标志所吸引。然后,你看到一个闪亮的小动画,它有点像邀请你做下面的动作–打开箱子。当打开时,另一个动画正在发生,表示积极的行动。

比方说,在租车或预订酒店的服务中重新创建一个类似的流程,可能会有点多余。但是考虑在这样的流程中增加小规模的奖励可能是一件好事,使用户流程更有吸引力。

游戏性

好的,所以在设计应用程序时,你可能仍然坚持使用更常见的UI模式,但在它的基础上加入俏皮的元素如何?

1. Uber应用 2,3 Headspace应用

1. Uber应用 2,3 Headspace应用

你可以看到许多应用程序有它的细节,如圆角,大的粗体字,明亮的颜色,和插图。即使是像Uber这样相当简约,遵循相当直截了当的理念的应用程序。不久前,他们在主页上增加了插图,这一下子就使页面看起来很有活力。这是你进入应用程序后首先看到的东西之一,它使整个用户界面看起来不那么严格,更有吸引力。

检查Headspace应用程序,你会看到更多的游戏性。同样,基本的UI元素,如标签栏、搜索和设置都很简单。但像应用程序的章节或个人资料的照片和背景都是明亮和突出的。在这个特殊的例子中,色彩鲜艳的图片真的很符合这个应用程序背后的想法,因为它的目标是让用户保持良好的精神状态。

游戏化

游戏化是一个你可能已经听说过的应用程序和网页UI设计的元素。这个词的基本含义是 “游戏”,所以很容易理解它背后的含义–它是一种设计技术,在产品设计中使用游戏中的某些元素,以提高用户参与度,并带来使用应用程序的乐趣。

1. Booking.com应用程序 2.合并大厦游戏 

作为一个很好的例子,我想提到Booking.com的应用程序。在用户体验的核心,他们实施了Genius奖励–一个一旦你超过一定数量的预订住宿就会给你额外折扣的系统。但这还不是全部,它也有一个进展–不同的级别,给你一种成就感,就像他们在游戏中做的那样。

看看合并大厦的游戏,所有的游戏玩法都由进展和下一步要达到的目标/奖励组成。同样的机制发生在Booking.com的应用程序中–你看到你已经取得了进展,你得到了你的奖励,折扣和独家优惠。所有这些都激励和鼓励你继续使用该服务,这是一个好的用户体验解决方案。

提示下一步该怎么做

一旦你在玩游戏,你经常会被引导做下一步的行动。而这不仅发生在FTUE(首次用户体验)期间。

两点 提示下一步该做什么行动最好

许多游戏都是为了让人们感到放松,除非是一些硬核游戏,你真的要花很多时间去了解那个想象中的世界的想法和你要做的行动。当这些是休闲、超休闲或益智游戏时,他们就没有这么复杂的机制。

提供一个提示,例如一个微妙的动画,强调下一步该选择哪个动作,我们正在帮助用户促进他们的选择,并使用户流程感觉更容易使用。

翻译:云瑞设计

原文:Liudmyla Shevchenko

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。