最完整的互联网产品设计工作流程

最完整的互联网产品设计工作流程  HYPERLINK "http://lsy2zh.blog.163.com/blog/static/88392412007321103836317/" \l "#" 转载商法   2007-04-21 10:38   阅读142   评论1   字号：  HYPERLINK "http://lsy2zh.blog.163.com/blog/static/88392412007321103836317/" \l "#" 大大   HYPERLINK "http://lsy2zh.blog.163.com/blog/static/88392412007321103836317/" \l "#" 中中   HYPERLINK "http://lsy2zh.blog.163.com/blog/static/88392412007321103836317/" \l "#" 小小 最完整的互联网产品设计工作流程 04月19日 11:01 作者：  HYPERLINK "http://xzg0928.blog.163.com/" 得意网行 互联网产品设计：产品制作人写产品计划书，确定新产品或新功能的市场意义和经济效益，提交部门审批，同意后，确认需要设计的部分，和用户体验研究员(user researcher)，信息建构师(information architect)，视觉设计师(visual designer)、user interface designer，互动设计师(interaction designer)，web developer，工程师(engineer)一起讨论需要的支持，然后订出时间计划分工合作。一般是先由用户体验研究员作调查、分析后由信息建构师设计产品架构，然后由互动设计师作出互动流程，之后交给视觉设计师(visual designer)和user interface designer作出视觉设计。然后web developer把设计通过编写程序(html, dhtml, JavaScript)等等再现出来，最后交给工程师。做完后用户体验研究员需要做用户测试，QA(Quality assurance) 需要测验这一产品的每一步骤，确认产品的使用质量，如果有问题需要让工程师或相关人员解决。 小型项目的工作流程局往往限于有限的人力和时间，经常是短、平、快：拿到brief，进行设计，综合意见，投放到网站，总结效果。比如广告设计，一般是我组织市场部开会，集体出创意，然后大家达成一致意见。决定设计主题后发到德国和法国取得相关的翻译。按照雅虎的广告标准，我设计制作出最终的广告，交到广告发行部定期发行。广告运行两周后，拿到数据信息，根据浏览量(page impressions)，点击率(CTR: Click Through Rate)，和conversion rate来分析广告效果，总结经验。  总结起来就是： 1. 产品制作人，写产品计划书。 2. 用户体验研究员，作调查分析。 3. 信息建构师，设计产品架构。 4. 互动设计师，作出互动流程。 5. 视觉设计师和用户界面设计师，作出页面视觉设计。 6. 前台工程师，前台开发。 7. 后台工程师，后台开发。 8. 用户体验研究员，做用户测试确保质量。 应该算是一个比较完善成熟的流程了，“信息建构(IA)”和“互动设计(ID)”明显处于很重要的位置。 谈谈个人感受，国内项目普遍流程就如bluedodo所说：策划＋设计＋制作＋开发，普遍忽略的是第2, 3, 4，或者说是其他某个流程附带完成，第6前台开发也是只存在于大型正规公司，或者说有普遍进一步完善的趋势。 至于UE, IA, ID 如何进行，我觉得没有绝对固定的模式，根据项目实际情况，关键在于团队的默契。不是说国内从业者不知道如何进行，而是根本没有这个习惯，把项目环节细分一下，就很清楚各自职能了。这些流程的核心目的就是逐步保证产品质量，减少“前台开发”和“后台开发”的重复劳动。这方面国内人才确实极少，整体水平基本处于幼稚阶段。 就Yahoo这个流程来看，应该是针对大型的应用型产品项目。看看人家在“确认设计需求”时，就需要几乎所有项目环节参与者进行综合讨论，让人狂汗不已；定开发计划都是大家讨论进行，而不是单方面强制决定，多么人性化啊。 精彩评论： killuakun ： 小公司的制作分工： 1. 产品制作人，写产品计划书。（某A） 2. 用户体验研究员，作调查分析。（某A某B混合） 3. 信息建构师，设计产品架构。（某B，通常无） 4. 互动设计师，作出互动流程。（某B，通常无） 5. 视觉设计师和用户界面设计师，作出页面视觉设计。（某C） 6. 前台工程师，前台开发。（某B） 7. 后台工程师，后台开发。（某B） 8. 用户体验研究员，做用户测试确保质量。（某B，通常无） xiaoxiao：比较认同王小丹的“网页设计的重要目的是创造经济效益”，我们最终的目地还是创造更多的经济效益，当然我们在设计的同时也会同时建立一个行之有效的、可操作性的统计系统以分析检测我们的产品或设计能够给用户以吸引力。对比测试会用到，同类产品、竟争对手也会留意到，产品在于不段的调整和优化。千鸟对于这种理想化的东西，我们正在变为现实。 小丹提到大公司往往是一个人全包，这种现象在我们这里也有，不过必竟是少数，整个团队的分工及快速有效的执行力往往是一个人所达不到的。不过我感觉Yahoo这方面的强人不少，而且近期来Yahoo的运作和广告的投放（在广州看到不少），都是有目共睹，相当不错，向你们学习！ 王小丹：我想还有很重要的一点我在文章中没有提到。那就是设计对网站或公司的经济效益的影响。设计师提供的是实用美术，服务于一个目标，这个目标或者是提高品牌影响，或者是增加产品效益。所以设计投放到市场之后很重要的是分析设计的表现，研究设计的直接或间接经济效益，总结优点同时发现问题，然后提高下一次的设计。我在设计中觉得很有效的一个方法就是A,B测试。举例：比如同一个广告，照片色彩设计等完全一样，但是广告语不同，在同方式给两个相似的设计相同的浏览量，测试1-2周，根据不同的设计目的来分析那个设计表现得更好：点击率（适用于提高品牌或产品的注意率），conversion rate（适用于需要直接付费的产品或服务）。然后把得到的经验用于下一次的设计。 归根结底，网页设计的重要目的是创造经济效益。优秀的互动设计，信息建构和视觉实际带给用户良好的体验，保持用户的忠诚度，从而带动经济效益。 很高兴我提供的一些信息引发了大家的讨论。其实在大公司也经常是一个人全包，不过可能区别在于，这一个人有综合的技能，把信息建构，产品架构，互动设计，甚至前台开发等流程都包括在设计范围之内。所以虽然人手也不够，但是并不代表忽略细节或关键步骤。而这些往往都是视觉设计师做的工作，在英国现在信息设计师的工资很高也是因为现在大家认识到这一职位的重要性而真正专业的人太少了。 一叶千鸟：其实大家没必要考虑的这么理想化，而且不同项目对各环节要求也是有强有弱，说到最后还是归结为专业人才对流程的把握上。我们目的不是去设计流程，而是用最优的流程来设计产品。 “对比测试”方法相当有趣，分析是一门科学，设计是一门艺术，把他们完美结合起来是我们工作的目标。 来说说一些工作中碰到比较普遍的问题，经常听到很多设计师在遇到作品被枪毙或被打回返工后抱怨，比如领导层对作品风格、颜色、细节的不认同，抑或是上头意见变化太快，一天一个想法让设计师摸不着头脑，作品被否定的原因很多，但结果总是一样，那我们不如回过头来看看现在常见的设计流程是怎样的，从中找到问题的根源，并尽量去避免这些问题的发生。 简单来说说我现在所处公司的一个设计流程： 1、产品负责人或者总监会先出一个对要求设计的产品的文字策划方案，然后根据此方案，我们的产品负责人出一个大致的画板草稿，上面标明页面中有哪些板块，那些区域放什么内容等。 2、根据此文字草案和画板，和设计师与技术支撑讨论功能是否能实现，并且可以通过什么方式实现。（主要是设计和技术之间的一些功能需求。） 3、产品负责人对设计师提出风格等视觉方面的要求（一般都为简单的描述，比如：时尚、艳丽），设计师根据以上所有信息开始设计，完成初稿。 4、在初稿基础上产品负责人和领导层面提出修改反馈意见，综合所有意见，修改，完稿。 5、将定稿设计稿切片完成HTML稿，交由技术支撑，OVER。 相信各位在看完这个流程的时候已经能够发现很多问题了。我们来逐一分解。 第一步：产品负责人出文字策划和画板。 有两个意见，画板应该由产品经理出还是由设计师出？ 在回答这个问题前我们先来看看什么是所谓的“画板”，刚才已经说过“画板”其实就是一个“图”版的策划方案，也是我们常说的线框模型（wireframe model）和原型图，它直观的以图的形势表明了页面的大框架和布局，让设计师对要设计的页面有了一个非常直观的感受，知道页面有多少板块和栏目，并且在哪些位置放那些内容。 这就涉及到一个问题，关于页面的框架和布局应该