让你的移动APP 用户体验脱颖而出的4个细节设计

启动页面、空状态、动画反馈、框架界面… 今天提到的四种状态很容易被忽视，可以使移动应用程序 细节脱颖而出。用户体验设计如何做好这四个细节？今天的好文章总结了几个关键原则。

启动页面、空状态、动画反馈、框架界面… 今天提到的四种状态很容易被忽视，可以使移动应用程序 在细节上脱颖而出。怎样做好这四个细节的用户体验设计？这篇好文章总结了几个关键原则。

启动页

当用户打开 app 最不能做的就是让他们等待。但如果是这样的话 app 初始设置非常耗时，不可能优化怎么办？你必须让用户等待。如果他们愿意等待，你必须知道如何吸引他们。启动页面解决了等待问题，给你一个简单有力的窗口来吸引用户。

这里有一些小贴士，在设计启动页面时要注意：

Google和Apple都建议使用启动页面来模拟更快的加载，以改善用户体验。启动页面给用户即时反馈，表示 app 已启动并正在加载。 为了确保人们在等待时不会厌倦，给他们一些娱乐：有趣、意想不到或任何能吸引用户注意力的东西，时间足够长 app 启动就好。

如果 app 超过初始设置 10 在几秒钟内，考虑使用进度条来表示正在加载。记住，不确定的等待时间比确定的等待时间更长。所以，你必须给用户一个清晰的标志，他们需要等多久。

(使用进度条使加载过程更加自然)

空状态

我们通常设计一个完整的界面，布局中的所有元素都完美地放置在一起，看起来很漂亮。但如果界面正在等待用户操作，如何设计呢？我想说的是空的状态。空的设计是非常重要的，因为即使它是一个临时状态，它也将是一个应用程序 其中一部分， 而且对用户有用。

空状态的意义不仅仅是一种装饰。除了向用户提示界面上将显示的内容外，它还可以作为指南（介绍） app，显示为用户做的事情)或助手(出错时的屏幕)。在这两种情况下，你都希望用户能做点什么，所以屏幕不会马上变空。

以下是设计空状态时的一些小技巧:

为新手用户设计一个空的状态。记住新用户的体验是非常重要的。尽量简单地为他们设计一个空的状态。关注用户的主要目标，最大限度地设计互动：清晰的信息，适当的图像，一个按钮，这就足够了。

Khaylo Workout 这是空状态设计的一个很好的例子。这种空状态告诉用户为什么会看到当前界面(因为他们没有挑战任何朋友)以及如何操作(点击 + 图标）

动画反馈必须持久。第一次看新东西，1000 第二次之后可能就烦了。

动画可以分散用户的注意力，忽略加载时间。

动画能让用户体验感动人心，刻骨铭心。

总结

用心设计。app 的 UI 里面，每一个小细节都值得密切关注，因为 UX 它是协调所有细节的总和。所以，请坚持不懈地打磨你 UI，创造真正无与伦比的用户体验。