UE项目经验沉淀

SSSStorm

交互设计实际项目经验总结。

最近刚忙完一个平台项目（第一版开发上线），目睹从无到有的设计过程。心中小喜。分享一些工作中积累的经验，对项目做一个沉淀，也供大家学习交流。

项目概况：这是一个面向非普通用户的操作界面，所以相对来说交互的架构会比较复杂。由于公司保密信息严格具体内容和图片不便展示。



下面将分为三个阶段讲述设计的过程。



1、读文档，明需求，多沟通，擅阐述

需求文档类型多种多样，无论哪种，首要任务是读懂需求的内容，透彻理解范围层的含义，及相关的业务形态。把自己当用户代入思考，如何让使用者快速上手，减少学习成本。

一般情况下，拿到PM的需求文档，我会先读一遍，整理出整个文档的架构、要点、功能点等。记录过程中不理解的内容，罗列问题清单，找PM沟通。沟通的效率也很重要，我会先听PM讲完，然后用自己的话阐述一遍，助于理解。



2、敏开发，内容先，理结构，画框架

很多人习惯一上来就直接Axure画稿。其实在设计之初，应该遵循敏捷开发的原则，以提高效率少走弯路。这个时候应该先手绘草稿，从用户体验要素的角度出发就是，内容为王，先

定结构层，界面的层级、关系，尽可能的做到结构扁平化。

定好信息架构之后，接下来就是框架，这个阶段及其重要，因为往下所设计的几十张乃至上百张的界面稿，都与之相关，所以要尽可能的为后面的工作所着想，其中包括了导航样式、面包屑、展开、详情跳转、复选框、控件等等的位置以及操作的交互考虑。



3、定方式、调细节、写说明、查遗漏

到了这个环节，就接近交互稿的尾声了。但越到后面越不能松懈，内容形式不严谨，就很容易受到别人的挑战。对交互稿的要求应仅次于视觉稿像素级的要求，细节包括字体大小、行距、内容框间距、以及图标的考虑。

交互稿设计说明，描述要清晰，切勿使用“大概”、“可能”等不确定词语。内容所涉及的动画跳转，颜色风格等等都应该全面考虑。最后值得一提的是，查遗漏。查看哪些地方忘记标注，文字写错或者是其他小的问题，交互等于严谨。





可以看出交互设计方法很重要，多思考再动手，有助于提高效率，保证输出质量。

交互稿与视觉稿的差别就是一个像素之差，只有交互稿明确了内容细节，视觉才能完美配合交互，达到相辅相成的作用。



我是佳佳，欢迎交流。

新浪微博@ SSSStorm