UI制作流程与管理经验(附项目人员分工).docxVIP

PS. 职能分工：1. 产品制作人，写产品计划书。2. 用户体验研究员，作调查分析。3. 信息建构师，设计产品架构。4. 互动设计师，作出互动流程。5. 视觉设计师和用户界面设计师，作出页面视觉设计。6. 前台工程师，前台开发。7. 后台工程师，后台开发。8. 用户体验研究员，做用户测试确保质量。 虽然我们现在没有相应的专职岗位，但不代表相应的步骤不需要做。 UI设计要做的是： 　平面设计(包括icon, logo, button, etc.)至多是UI定义中很小的一部分。绝大部分部分时间可能用在设计任务的逻辑流程(logical task flow),以期最大幅度的符合人脑的思考方式和认知过程(cognitive process)。 经验： 1.产品定位、功能点、相应文案资料。 2.调查分析、信息架构、交互流程（建议的结构图），相当于帮你进行了信息架构和交互流程。 完善这些数据，制定详细的页面原型。 这一步确认无误之后，再考虑视觉设计。该用什么风格、什么主色调。再提交确认。然后才是细节如何修饰等等。 实务的做法： 一、界面效果的整体性、一致性 界面的色彩及风格与系统界面统一 软件界面的总体色彩应该接近和类似系统界面的总体色调，根据用户审美习惯定制的，它应该有他们的审美群体，符合审美特征， 例如：系统色调以蓝色为主，我们的软件界面的默认色彩最好与之吻合. 2、操作流程的系统化, 我们的界面设计在操作流程的安排上，也得遵循系统的规范性，简化用户操作流程. 二、界面效果的个性化是基于软件本身的特征和用途而考虑！ 界面构架的功能操作区、内容显示区、导航控制区都应该统一规范，不同功能模块的相同操作区域的元素风格应该一致. 专用的界面图标 界面色彩的个性化设置 三、界面视觉元素的规范。 1、图形图像元素的质量 尽量使用较少的色深表现色彩丰富的图形图像，既确保数据量小又确保图形图像的效果完好，使图形图像在软件系统中所占数据量尽量减小，提高程序的工作效率。 2、线条色块与图形图像的结合 界面上的线条和色块后期都会用程序来实现，这就需要考虑程序部分和图像部分的结合，需要自然的结合才能协调界面效果的整体感，所以需要程序员与界面设计人员的密切沟通，达成一致。 经验： 对设计师，你需要一层一层地推进，逐步核对确认，保证你没有偏离正确的方向。 你的工作应该是按步骤整体推进式的，而不是一条线、一个单一页面走很远，再回过来顾及其他。 对于设计师本人，也要掌握工作技巧。你的作品可以先在小组内交流讨论，吸取一些小组人员的建议，完善后，召集相关人员ppt演示，同时收集大家意见，再修改。最后ok。 ppt演示的方式，可以让设计师自己进一步完善自己的思想。因为你需要为演示作准备，为大家可能提出的问题准备答案。这个思考过程，产品本身也会不断完善。 在工作流程方面，我很乐于逐步规范起来，通过沟通和过程中的不断改进，从而建立起更有效的工作流程。 产品UI和平面设计最大的不同是，平面设计是纯粹的发散性思维，而产品UI的最终目的，是为了能够让产品被更多用户所接受，易于使用。 这也就意味着，UI对产品结构的思考和研究过程比页面呈现更加需要花费心思。 强调： 1、团队的合作要求彼此的信任。 　　既然将任务交付给对方，就不进行过多的干涉。 2、如果认为自己的是对的，就要用理由去证明，要注意引导。 　　如果你是设计师，首先要想清楚每个元素放置的理由。那么即使别人提出意见，你也可以把自己的想法表达出来。而不是一味的去按别人的要求更改。 3、用实例让大家相信你，而不是完全成为大家所认为的样子。 　　比如在做UI时，急于表现一下页面的视觉效果，从而在整个流程上使内容放在次要的位置。这样即　　使获得了大家的认可，但并不能成为优秀的UI设计师。因为UI设计的过程，视觉是放在后面的。 4、UI设计是科学，不是纯艺术。 不是想想就知道文字摆在哪的，需要去分析研究。UI设计是一门科学，不是天马行空。 PS. UCD流程方面： 1、做设计之前，与产品负责人一定要弄清楚各种数据和信息。 　　如果信息不全的话，那么当后期需要改动时，是非常麻烦的。把内容弄清楚，都双方都要负责的事情。 2、先思考内容，最后想视觉。 　　windows的经典样式，很易用。XP出来后，效果很炫。所以说，功能内容的呈现布局是第一位的，而视觉效果是点睛的。没有炫丽视觉效果的产品可以很好的生存，而不好的功能内容将被用户所抛弃。 3、抽时间用纯UCD的视角去分析一下好的网站。 　　除去纯艺术表现的视觉，去分析站点的结构以及各元素的编排等。易用的产品是剥去华丽的外表仍能吸引人的。 4、坚决在过程中执行上面提到的。 UCD简单的说，在进行网站设计时从用户的需求和用户的感受出发，围绕用户为中心设计网站，而不是让