网站产品设计流程模板.doc

每个产品关键经过以下多个阶段：
可行性评定
关键实施人员：UI、UE、需求部门、程序部
需沟通人员：销售部
当产品经理确定基础思绪后,会先会跟我们沟通，并说明这个产品思绪、受众及部分自己想法．接着会拿来一个结构图来和我们探讨实现方面可行 性。我们也会准备相关资料和其进行沟通，关键会从数据汇报、功效性及可行性三方面下手，在探讨同时会指出功效或结构上部分问题，并提出改善方案，这步 一定得仔细，UI、UE深入探讨并尽可能考虑到每个实现细节,待框架打好后,出好产品很轻易.但假如在可行性评定上出现隐患,余下其它工作也将会遇 到很多问题。
我们关键从以下三方面进行评定:
· 数据汇报
经过99Click、Netratings、Counter三套系统来进行数据收 集，并在分析汇报中指出对应问题。
· 功效性
站在用户角度上，对方案结构及功效性进行评定，提出并处理操作上问题。
· 可行性
每个产品早期全部是感性，但在不能确保每个功效全部能按原有思绪进行实现，具体还需要和 相关技术 人员进行探讨、碰撞后形成最终产品思绪。
二 产品原型
关键实施人员：UI、UE、需求部门
需沟通人员：程序部、销售部
在产品原型方面,关键指是黑白稿或线稿，除了颜色基础采取黑白形式，最终出产品原型将会和实际产品没区分。这个步骤会确定出产品页面宽度, 广告形式,导航基础样式,各内容区域表现形式等…
当经过可行性评定阶段后,产品经理思绪和自己也基础达成共识，接下来将进行原型设计，我将关键分为三个步骤来实现：
1) 　纸稿

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

当纸稿确定后，则由UI或UE使用做绘图工具来描绘黑白稿(我关键使用Photoshop来进行这个步骤，跟据个人习惯不一样，大家方法也有所区 别，比如淘宝UED Team及Baidu UE更多则采取线稿形式)。可能是做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、UE进行核查， 在确保和内容、功效完整后，进行整体上线。
六 分析汇报及优化方案
关键实施人员：UE
需沟通人员：UE、UID、程序、需求部门、 销售
产品上线后，由UE进行数据及意见搜集，在二周后出相关改善文档，协调各部门进行优化工作。