来源:uimaker.com 作者:SSSStorm
交互设计实际项目经验总结。
最近刚忙完一个平台项目(第一版开发上线),目睹从无到有的设计过程。心中小喜。分享一些工作中积累的经验,对项目做一个沉淀,也供大家学习交流。
项目概况:这是一个面向非普通用户的操作界面,所以相对来说交互的架构会比较复杂。由于公司保密信息严格具体内容和图片不便展示。
下面将分为三个阶段讲述设计的过程。
1、读文档,明需求,多沟通,擅阐述
需求文档类型多种多样,无论哪种,首要任务是读懂需求的内容,透彻理解范围层的含义,及相关的业务形态。把自己当用户代入思考,如何让使用者快速上手,减少学习成本。
一般情况下,拿到PM的需求文档,我会先读一遍,整理出整个文档的架构、要点、功能点等。记录过程中不理解的内容,罗列问题清单,找PM沟通。沟通的效率也很重要,我会先听PM讲完,然后用自己的话阐述一遍,助于理解。
2、敏开发,内容先,理结构,画框架
很多人习惯一上来就直接Axure画稿。其实在设计之初,应该遵循敏捷开发的原则,以提高效率少走弯路。这个时候应该先手绘草稿,从用户体验要素的角度出发就是,内容为王,先
定结构层,界面的层级、关系,尽可能的做到结构扁平化。
定好信息架构之后,接下来就是框架,这个阶段及其重要,因为往下所设计的几十张乃至上百张的界面稿,都与之相关,所以要尽可能的为后面的工作所着想,其中包括了导航样式、面包屑、展开、详情跳转、复选框、控件等等的位置以及操作的交互考虑。
3、定方式、调细节、写说明、查遗漏
到了这个环节,就接近交互稿的尾声了。但越到后面越不能松懈,内容形式不严谨,就很容易受到别人的挑战。对交互稿的要求应仅次于视觉稿像素级的要求,细节包括字体大小、行距、内容框间距、以及图标的考虑。
交互稿设计说明,描述要清晰,切勿使用“大概”、“可能”等不确定词语。内容所涉及的动画跳转,颜色风格等等都应该全面考虑。最后值得一提的是,查遗漏。查看哪些地方忘记标注,文字写错或者是其他小的问题,交互等于严谨。
可以看出交互设计方法很重要,多思考再动手,有助于提高效率,保证输出质量。
交互稿与视觉稿的差别就是一个像素之差,只有交互稿明确了内容细节,视觉才能完美配合交互,达到相辅相成的作用。
我是佳佳,欢迎交流。
新浪微博@ SSSStorm