UI设计流程及讨论结果

来源：网络营销手册作者：佚名

工作方法和工作流程有时候会决定产品的成败。

以前我也是对这些国外公司提出的一些工作流程不屑。国情不同，环境不同。

但是随着参与的项目增多，当你想提升产品质量、提高工作效率的时候，会努力自己整理一套认为合理的工作流程，并将工作逐步的细化。

突然发现，原来和那些以前自己不屑的流程是非常相似的。

昨天发现这篇文章，我觉得对我们，尤其是UIteam还是有很大的帮助的。

总结起来就是：

1.产品制作人，写产品计划书。

2.用户体验研究员，作调查分析。

3.信息建构师，设计产品架构。

4.互动设计师，作出互动流程。

5.视觉设计师和用户界面设计师，作出页面视觉设计。

6.前台工程师，前台开发。

7.后台工程师，后台开发。

8.用户体验研究员，做用户测试确保质量。

虽然我们现在没有相应的专职岗位，但不代表相应的步骤不需要做。

总结近几天UIteam参与的几个项目，或多或少都走了一些弯路。

大量的“返工”是这几个项目中都出现的问题。

虽然这几个项目都在初期找到相关人员做了比较长时间的讨论。但是最终确定下来的需求并没有明确到点。

而且在后续的工作中，没有进行需求细化和分析工作。导致search首页设计风格完全背离了产品负责人的初衷。设计师理解的“娱乐风格”显然不是那个样子。

这里我想强调的，就是在产品负责人层面，需要需求明确，而且要确认设计师正确理解了你的需求。

产品定位、功能点、相应文案资料。需要在讨论会上都确定下来。不要在后面边想边做。

既然确定了，在后续的进程中，就不要随意的修改。这是对产品的负责，也是对你本人和设计师的尊重。因为你是第一步，你的每一个思想，都将决定产品将来的成形的样子。你的后续修改，需要考虑一下成本了。

考察设计师是否合格，可以看他的作品。那考察产品经理是否合格，就要看他这一砖拍下去，是不是砸得准了。

对设计师，你需要一层一层地推进，逐步核对确认，保证你没有偏离正确的方向。

视觉设计是比较靠后的一步，之前的调查分析、信息架构、交互流程有没有做？有没有确认？如果这些都不确认，直接设计出来页面，一旦偏离了正确方向，那返工的痛苦只能自己忍受。

拿search这个项目举例。产品方面已经多走了一步，提供了一些可以参考的调研数据（虽然不是很具体，但是已经能够显示大致趋势），同时还画出了建议的结构图，相当于帮你进行了信息架构和交互流程。

那你需要做的第一步就应该是完善这些数据，制定详细的页面原型。提交确认。

这一步确认无误之后，再考虑视觉设计。该用什么风格、什么主色调。再提交确认。

然后才是细节如何修饰等等。

虽然目前咱们部门，这几步都要一个人来做。但是对这一个人来说，需要明确步骤，把自己当作多个人方式去做。每一步中要钻进去专心研究，然后要不时的跳出来，看看你钻的方向是否正确。

你的工作应该是按步骤整体推进式的，而不是一条线、一个单一页面走很远，再回过来顾及其他。

另外，我们需要的是设计师，不是美工。

设计师和美工的区别是“思想”。设计师在作品中融入自己的思想，美工则是他人的思想。

这里我也想希望其他同学配合一下，设计师的工作过程中，不要一堆人站在旁边，指指点点。这样你们培养出来的人永远不会成为设计师，导致的是以后所有的东西，都还是需要你投入大量精力参与设计部分。

对于设计师本人，也要掌握工作技巧。你的作品可以先在小组内交流讨论，吸取一些小组人员的建议，完善后，召集相关人员ppt演示，同时收集大家意见，再修改。最后ok。

不要改一版一个mail，这样对大家是浪费时间，同时大家看mail时都不是来专心思考你的作品，所以提出的建议难免周全，对你自己也不会有太大帮助。

ppt演示的方式，可以让设计师自己进一步完善自己的思想。因为你需要为演示作准备，为大家可能提出的问题准备答案。这个思考过程，产品本身也会不断完善。

好了，mail写了这么长，其实也是不应该。只是在推荐雅虎的工作流程时，结合近期的工作多想了一些，索性就写下来了。

毕竟UIteam还很年轻。需要大家的关心不断成长^_^

感谢同学们看完这么多文字。

不妥之处，可单独找我交流。共同进步～

======================================

我的回复：

“视觉设计是比较靠后的一步，之前的调查分析、信息架构、交互流程有没有做？有没有确认？”

“你的工作应该是按步骤整体推进式的，而不是一条线、一个单一页面走很远，再回过来顾及其他。”

todd提出了许多建议，我认为非常有帮助。

在工作流程方面，我很乐于逐步规范起来，通过沟通和过程中的不断改进，从而建立起更有效的工作流程。

产品UI和平面设计最大的不同是，平面设计是纯粹的发散性思维，而产品UI的最终目的，是为了能够让产品被更多用户所接受，易于使用。

这也就意味着，UI对产品结构的思考和研究过程比页面呈现更加需要花费心思。

“UI设计，效果图只是一小部分。”既然todd提出了这个问题，我也转发一篇文章UI设计的定义以及定位

http://blog.sohu.com/members/iceshow/1576273.html

UI设计要做的是：

　平面设计(包括icon,logo,button,etc.)至多是UI定义中很小的一部分。绝大部分部分时间可能用在设计任务的逻辑流程(logicaltaskflow),以期最大幅度的符合人脑的思考方式和认知过程(cognitiveprocess)。

现有的工作流程，我认为自己有许多不足之处，希望能得到大家的帮助和建议。

改进的重心，会放在对于以用户为中心的设计方面，而不仅仅是页面效果或风格。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

与todd交流中，又总结出来一些：

工作流程方面：

1、团队的合作要求彼此的信任。

既然将任务交付给对方，就不进行过多的干涉。

2、如果认为自己的是对的，就要用理由去证明，要注意引导。

如果你是设计师，首先要想清楚每个元素放置的理由。那么即使别人提出意见，你也可以把自己的想法表达出来。而不是一味的去按别人的要求更改。

3、用实例让大家相信你，而不是完全成为大家所认为的样子。

比如在做UI时，急于表现一下页面的视觉效果，从而在整个流程上使内容放在次要的位置。这样即　　使获得了大家的认可，但并不能成为优秀的UI设计师。因为UI设计的过程，视觉是放在后面的。

4、UI设计是科学，不是纯艺术。

不是想想就知道文字摆在哪的，需要去分析研究。UI设计是一门科学，不是天马行空。

5、

UCD流程方面：

1、做设计之前，与产品负责人一定要弄清楚各种数据和信息。

如果信息不全的话，那么当后期需要改动时，是非常麻烦的。把内容弄清楚，都双方都要负责的事情。

2、先思考内容，最后想视觉。

windows的经典样式，很易用。XP出来后，效果很炫。所以说，功能内容的呈现布局是第一位的，而视觉效果是点睛的。没有炫丽视觉效果的产品可以很好的生存，而不好的功能内容将被用户所抛弃。

3、抽时间用纯UCD的视角去分析一下好的网站。

除去纯艺术表现的视觉，去分析站点的结构以及各元素的编排等。易用的产品是剥去华丽的外表仍能吸引人的。

4、坚决在过程中执行上面提到的。