互联网产品设计作业流程有图有真相

每个产品关键经过以下多个阶段：一可行性评定关键实施人员：UI、UE、需求部门、程序部

需沟通人员：销售部当产品经理确定基础思绪后,会先会跟我们沟通，并说明这个产品思绪、受众及部分自己想法．接着会拿来一个结构图来和我们探讨实现方面可行性。我们也会准备相关资料和其进行沟通，关键会从数据汇报、功效性及可行性三方面下手，在探讨同时会指出功效或结构上部分问题，并提出改善方案，这步一定得仔细，UI、UE深入探讨并尽可能考虑到每个实现细节,待框架打好后,出好产品很轻易.但假如在可行性评定上出现隐患,余下其它工作也将会碰到很多问题。我们关键从以下三方面进行评定:数据汇报

经过99Click、Netratings、Counter三套系统来进行数据搜集，并在分析汇报中指出对应问题。

功效性

站在用户角度上，对方案结构及功效性进行评定，提出并处理操作上问题。

可行性

每个产品早期全部是感性，但在不能确保每个功效全部能按原有思绪进行实现，具体还需要和相关技术

人员进行探讨、碰撞后形成最终产品思绪。

二产品原型关键实施人员：UI、UE、需求部门

需沟通人员：程序部、销售部在产品原型方面,关键指是黑白稿或线稿，除了颜色基础采取黑白形式，最终出产品原型将会和实际产品没区分。这个步骤会确定出产品页面宽度,广告形式,导航基础样式,各内容区域表现形式等…当经过可行性评定阶段后,产品经理思绪和自己也基础达成共识，接下来将进行原型设计，我将关键分为三个步骤来实现：1)纸稿

通常情况下结构图全部是采取word文档描绘，我选择笔和纸方法，关键还是比较方便、易修改，有任何突发思绪只需要擦一下，就能够直接在已经有基础上进行调整，因为之前讨论没有实物参考，在这个步骤你一定会发觉更多有趣问题。2)线稿、黑白稿

当纸稿确定后，则由UI或UE使用做绘图工具来描绘黑白稿(我关键使用Photoshop来进行这个步骤，跟据个人习惯不一样，大家方法也有所区分，比如淘宝UEDTeam及BaiduUE更多则采取线稿形式)。可能是做UI原因，我习惯还是采取黑白稿，方便界面设计，在结构上也会正确到像素,比如:导航高度40px.头条采取20px黑体,图片规格:104x85px,页面各区域留白为5px…等等，只有这么才会发觉更多细节上问题，当然到界面设计同时你也会尝到更多甜头。3)原型完成以上二个步骤后,产品基础功效,结构,规范全部已经大致成型.这时你能够叫上程序部、销售部及需求部门产品经理，在白板上对着黑白稿做最终讨论。经过二次、三次调整，最终定下完整产品原型。另外，值得提一点是，在产品原型未确定前,千万别急着去做界面设计,因为之前讨论关键会经过白板、Word或纸稿。在原型未确定前，有很多潜在问题表现不是很直白，比如："窄了、窄了，完了，新闻列表只能放八个字"、"广告放不下了"、"数据提不出来，现在没这个接口…"。假如提前进入界面设计步骤,一但有问题，就意味着重新又需要找产品经理、技术部、销售进行再次沟通，这个步骤是很烦琐,也会让人很郁闷。三产品界面设计关键实施人员：UI、UE、需求部门

需沟通人员：UID、SEO现在产品雏形已基至本成型，即使还没华丽外衣，但凹凸有至身型已隐约可见。下一步将进入界面设计阶段.设计师们也将再次体会到黑白稿给她带来多种便利.1)UI

我习惯是,关键针对首页进行风格设计，并出3-4套界面,最终挑选出2套左右提交给需求部门,同时也会指出自己最满意一套，和需求部门进行二,三次碰撞后,最终拿出定稿。2)UE

UE则开始针对原型进行操作上优化调整,召集用户并组织头脑风暴,搜集到相关意见后，由UE整理出交互及用户体验方面改善意见,并反馈给UI及需求部门。比如:"这个文字需要加下划线"、"按钮上不要加样式,反而没有点击欲望了…"。3)UID

UID即开始着手准备制作方面相关文档.并提出实现方面意见.等候效果图最终确定后,则开始相关代码编制(CSS+DIV、AJAX、Java)。4)SEO

SEO则依据原型提出搜索引擎优化意见,为制作阶段代码优化做准备.这个阶段一定要确保和需求部门沟通到位,当产品界面最终定稿后,提议再组织一次讨论,这次用户面对着是实实在在产品,所感受会和之前有所不一样.对产品效果上来说,这次讨论也会有不少收获。四界面设计规范及功效实现关键实施人员：UI、UE、程序、SEO

需沟通人员：UE、销售1)设计规范

考虑到在动态实现方面,光凭效果图极难直接给表现，这时需要配合使用说明文档及设计规范规范来做辅助。比如按钮及文字链在触发前后样式,文字间距…。以下图：2)代码及程序开发

由UID进行页面代码开发（CSS+DIV），并需严格参考SEO理出相关规范，针对部分AJAX动态效果还需要程序部人员帮助完成，当静态HTML完成后即由技术人员进行程序嵌套，并实现预期功效。

这个阶段由UI、UE全程跟踪，确保HTML和设计稿最大程度相同前提下，对已实现功效进行测试，并出交互设计改善文档，提交给技术人员。五产品上线关键实施人员：需求部门

需沟通人员：UI、UE、程序、销售这个阶段关键是内容添加，关键由相关频道编辑完成，对于软性广告位这块还需要和销售进行协调。完成内容添加后，由需求部门、UI、U