UI State—界面状态

2016-06-17 本文已影响272人热爱生活的人v

在原型输出物中，界面的各种状态非常的重要，若只描述了产品完美状态的原型，交付给开发人员，最终将导致开发出来的产品是缺陷的，不是完整的一个产品。完美状态只是界面的其中一种状态而已，设计师应该考虑该界面中所有的不同状态，开发人员才能完整的构成整个APP或Web的操作界面。

下面介绍界面中常见的各种状态，设计师应该在开发前就思考清楚这些状态，才能确保产品的完整性且能让用户的体验更好。

为用户第一次打开该界面看到的画面，一个完善的空白状态界面应该包括：这里应该出现什么样的内容，以及入伙获得这些内容。

下图为的知乎Live界面，首先告知了用户还没参加Live活动，还有去查看全部活动的跳转链接，鼓励有兴趣的用户去参加Live。

知乎Live

界面在加载资料或正在执行一些动作时，需要用户等待时的界面状态，这也是一个重要的反馈，告诉用户改动作正在进行，而不是软件出了问题没有反应。

知乎日报的Loading状态

下图为medium的部分加载状态，通过占位符的使用很好的告诉用户，内容会出现的位置，并且呈现出不错的载入效果，国内使用较少。

medium部分加载状态

为用户操作错误或其他原因，突然无法正常提供服务时呈现的状态，这时候需要告诉用户错误原因并引导用户进行正确的操作。

chrome断网错误状态

注册账号输入错误状态

极限值主要指数据的显现限制，如该名称最多显示多少个字数，字数超出限制时的状态为超出极限值状态。

如下图，名称超出限制时，界面上的展示效果是怎么样的，这些也是要思考清楚并写在交互说明中。

超出极限值状态

即是界面最终的完美状态，这个状态一般都是我们设计的时候最先考虑的，就不多谈了。

对于界面状态的理解，不同的人会有不一样的解读。主要是描述了几个我认为很重要、不可缺少的界面状态。主要还是提醒大家在设计的时候，要预先考虑到会出现什么的情况，出现该情况时产品该如何反馈，怎样的反馈能够让用户有更好的体验并能完成他们的目标。

虽然了解了界面的各种状态，但是要在实际设计中都考虑到，还是挺难的。个人tip：可以在桌面上贴上一张便签，上面写上各种界面状态的名称，在设计完成后对照便签过一遍界面状态，这样的检查能避免状态的遗漏。