如何提高设计完成度？

周五晚上花了7小时准备了一场分享会，分享对象为7、8个中阶设计师，所从事的行业、工作的企业各有不同，甚至所设计的内容也略有不同，这给分享带来了很大的难度，除了泛泛的分享一些概念和大的方向，会很难找到共鸣，但是大而宽泛的东西却不容易带给听众多少成长，所以决定从细处着手。

先是在X-mind上脑爆自己的分享内容，然后去整理这些内容，最终选定“设计完成度”这个点，这是一个非常宏观的点，谈这个话题估计谈一天也谈不完，所以从“视觉稿输出物的完成度”这个方向作为切入点去谈。

如何能每次在提交视觉稿时，达到一个相对比较高的设计完成度？我们把页面分成5个大的状态类型，每一种类型去汇总一些需要输出的细节，每次设计之前我们拿这个知识结构去排查页面，那么，你的视觉输入物应该达得到一定的完成度。这是个很笨的方法，但是屡试不爽。

下面详细叙述一下5个页面类型：

一、理想状态

理想状态，可以说是我们UI设计最基础的产物。值得注意的一点是：理想状态不等于高颜值。我认为的理想状态是，套用产品真实数据，适应基本的产品基调的UI稿，而不是那种为了追逐视效而忽略真实的产品模样的界面。当然，我们对于理想状态的页面，都是手到擒来，熟悉的不要不要的。这一点不再赘述。

二、空白状态

空白状态分为三种场景：1、针对小白用户做的一些设计。2、页面没有资料显示。3、用户主动清空。

1、初次使用产品的用户，基本上是大脑空白的，一切都是新鲜的未知物，这个时候，页面可能会需要一些新手引导、用户教学类型的页面补充。另一种情况是产品迭代升级过程中功能的增加、减少，也是可以给用户一些指引。

2、一些初期运作的项目，用户数据相对来说比较少，还有就是用户还未激活的部分功能，这些需要我们给予一些说明和提示，让用户融入情景，于此同时，这些也是体现产品情感化关怀很重要的一点。我们常常看到的一些空状态，如：我的订单、我的关注、书架、购物车、评价功能、筛选结果空··· ···不同的产品都会有相应的空状态。

3、用户主动清空，这个场景也会经常出现，当用户主动要清空信息时，给出一些积极的反馈如：撤回路径或者是鼓励性语言，也能给用户一些良性的感受。

空白状态，在我们拿到产品原型阶段时，尤其是一些不太规范的小公司，这部分经常会体现不出来，所以UI设计师，应该在理想状态的基础上添加这些空白页面。这里有一个值得提的点就是那些提示文案的调性，很大程度上能够带动整个产品的品牌认知度和用户粘度。

三、反馈状态

反馈状态，顾名思义，是人机交互过程中，机器给予人的一种反馈。这里粗略分为：1、成功反馈。2、错误或失败反馈。3、系统提示。4、点触反馈。

1、操作成功，这个非常好理解，在支付、提交、保存等环节都有很多表现。

2、错误或者失败反馈，登录注册、表单填写过程中，都会有大量的反馈。

3、系统提示，这个点常常会被忽略，一个是因为UI设计师一般不懂后台实现逻辑，但是，前期一定要沟通，看是否有一些常规的系统反馈提示需要增加。

4、点触反馈，这里可以从网页和APP两个方向来说。在网页中，可以多加运用鼠标的4种状态，尤其是hover态去区分信息；在H5中，也不要忘了这个hover态，往往对于用户有很好的反馈。APP则是各种手势和弹出动效的思考。还有一个要说明的地方，就是长的信息流中，如果用户读过的信息，进行差别化的样式设计，会减轻用户的记忆压力。

四、加载状态

我们常常会忽略的部分，任何页面都存在加载问题，到底采用怎么的加载模式，会影响到我们UI界面的设计，所以前期一定要先去定义加载状态。是采用点击加载，还是上拉刷新，每次刷新的信息数量，是采用基本的系统loading，还是画一些有特色的loading动画？

另几种现在常常被采用的加载方式：信息结构灰图先行、局部信息单独加载，这种“信息可视化”，能够减轻用户的等待焦虑。

五、极限状态

将极限状态分为两种：1、极大极小值。2、性能极限。

1、产品中的数字和文本，都要考虑极限情况，当数据为空或者为0时，采用哪种视觉表现方式，当极大值时，现有的样式是否还能满足所需，这个点常常被忽略，以致产品上线后遇到极端情况出现bug，才急忙处理。这要不得，所以UI阶段最好设想到这个情景。

2、性能极限：找不到网页、网络中断、系统繁忙等。

经过以上五种状态的排查，相信你的视觉输出物一定是一份合格的答卷，如果有心，可以针对各种状态，现在市场上出现的UI样式风格做一次统计，相信你的知识结构会得到更大的提升。

除此五种状态，另一个点睛之笔，或者说可以让你的视觉输出物质量更高的是，关注局部信息的可视化。从原型图中，需求文档中，认真分析出可以用图形化、数据表格等来表现的东西。

分享会还算成功，听众给出的反馈是：比较干！ 往往是细节的东西是我们最常忽略的，而如果形成一整套的行为路径，那么这些细节很难逃脱你的法眼，这样一来，设计完成度就能得到提高，而你的专业水准也相应的得到了提升。

PS:在此草草记录这次思考和总结的过程，希望有更多的设计思考和整理，最后，要感谢@粉粉的开山之作《“坏”UI》。