互联网产品设计流程网站(产品)设计流程wdh.docx
互联网产品设计流程/网站（产品）设计流程每个产品主要经过以下几个阶段：可行性评估估主要执行人人员：UUI、UUE、需需求部门门、程序序部需沟沟通人员员：销售售部当产品经理理确定基基本的思思路后,会先会会跟我们们沟通，并并说明这这个产品品的思路路、受众众及一些些自己的的想法接着会会拿来一一个结构构图来和和我们探探讨实现现方面的的可行 性。我我们也会会准备相相关资料料与其进进行沟通通，主要要会从数数据报告告、功能能性及可可行性三三方面下下手，在在探讨的的同时会会指出功功能或结结构上的的一些问问题，并并提出改改善方案案，这步步 一定定得仔细细，UII、UEE深入探探讨并尽尽可能考考虑到每每个实现现的细节节,待框框架打好好后,出出好的产产品很容容易.但但如果在在可行性性评估上上出现隐隐患,余余下的其其它工作作也将会会遇 到到诸多问问题。我们主要从从以下三三方面进进行评估估:· 数据报告通通过999Cliick、NNetrratiingss、Coountter三三套系统统来进行行数据收收 集，并并在分析析报告中中指出相相应的问问题。 · 功能性站在在用户角角度上，对对方案的的结构及及功能性性进行评评估，提提出并解解决操作作上的问问题。 · 可行性每个个产品初初期都是是感性的的，但在在不能保保证每个个功能都都能按原原有思路路进行实实现，具具体还需需要和 相关技技术 人人员进行行探讨、碰碰撞后形形成最终终的产品品思路。 二 产品原原型主要执行人人员：UUI、UUE、需需求部门门需沟通通人员：程序部部、销售售部在产品原型型方面,主要指指的是黑黑白稿或或线稿，除除了颜色色基本采采用黑白白的形式式，最终终出的产产品原型型将会和和实际产产品没区区别。这这个环节节会拟定定出产品品页面的的宽度, 广告告的形式式,导航航基本样样式,各各内容的的区域的的表现形形式等当经过可行行性评估估阶段后后,产品品经理的的思路和和自己也也基本达达成共识识，接下下来将进进行原型型设计，我我将主要要分为三三个步骤骤来实现现：1) 纸纸稿 一般情况下下结构图图都是采采用woord文文档描绘绘，我选选择笔和和纸的方方式，主主要还是是比较方方便、易易修改，有有任何突突发的思思路只需需要擦一一下，就就可以直直接在已已有的基基 础上上进行调调整，由由于之前前的讨论论没有实实物参照照，在这这个环节节你一定定会发现现更多有有趣的问问题。2)线稿稿、黑白白稿 当纸稿确定定后，则则由UII或UEE使用做做绘图工工具来描描绘黑白白稿(我我主要使使用Phhotooshoop来进进行这个个步骤，跟跟据个人人习惯不不同，大大家的方方式也有有所区 别，比比如淘宝宝UEDD Teeam及及Baiidu UE更更多的则则采用线线稿的形形式)。也也许是做做UI的的原因，我我习惯还还是采用用黑白稿稿，方便便界面设设计，在在结构上上也会精精确到像像素,比比如:导导航高度度40ppx.头头条采用用 200px黑黑体,图图片规格格:1004x885pxx,页面面的各区区域的留留白为55px等等，只只有这样样才会发发现更多多细节上上的问题题，当然然到界面面设计的的同时你你也会尝尝到更多多 的甜甜头。3)原型型 完成以上的的二个步步骤后,产品的的基本功功能,结结构,规规范都已已经大致致成型.这时你你可以叫叫上程序序部、销销售部及及需求部部门产品品经理，在在白板上上对着黑黑白稿做做最终的的 讨论论。经过过二次、三三次调整整，最终终定下完完整的产产品原型型。另外，值得得提的一一点是，在在产品原原型未确确定前,千万别别急着去去做界面面设计,因为之之前的讨讨论主要要会通过过白板、WWordd或纸稿稿。在原原型未确确定前，有有很多潜潜在 的的问题表表现不是是很直白白，比如如："窄窄了、窄窄了，完完了，新新闻列表表只能放放八个字字"、""广告放放不下了了"、""数据提提不出来来，目前前没这个个接口"。如如果提前前进入界界面设 计的环环节,一一但有问问题，就就意味着着重新又又需要找找产品经经理、技技术部、销销售进行行再次沟沟通，这这个步骤骤是很烦烦琐的,也会让让人很郁郁闷的。三 产品界界面设计计主要执行人人员：UUI、UUE、需需求部门门需沟通通人员：UIDD、SEEO目前产品的的雏形已已基至的的本成型型，虽然然还没华华丽的外外衣，但但凹凸有有至身型型已隐约约可见。下下一步将将进入界界面设计计阶段.设计师师们也将将再次体体会到黑黑白稿给给他带来来 的各各种便利利.1)UII我的习习惯是,主要针针对首页页进行风风格设计计，并出出3-44套界面面,最终终挑选出出2套左左右提交交给需求求部 门门,同时时也会指指出自己己最满意意一套，和和需求部部门进行行二,三三次碰撞撞后,最最终拿出出定稿。 2)UEEUE则则开始针针对原型型进行操操作上的的优化调调整,召召集用户户并组织织头脑风风暴,收收集到相相关意见见后，由由 UEE整理出出交互及及用户体体验方面面改善意意见,并并反馈给给UI及及需求部部门。比比如:""这个文文字需要要加下划划线"、""按钮上上不要加加样式,反而没没有点击击的欲望望了""。3)UIIDUIID即开开始着手手准备制制作方面面相关文文档.并并提出实实现方面面的意见见.等待待效果图图最终确确定后,则 开开始相关关代码的的编制(CSSS+DIIV、AAJAXX、Jaava)。4)SEEOSEEO则根根据原型型提出搜搜索引擎擎优化的的意见,为制作作阶段代代码优化化做准备备.这个阶段一一定要保保证与需需求部门门沟通到到位,当当产品界界面最终终定稿后后,建议议再组织织一次讨讨论,这这次用户户面对着着是实实实在在的的产品,所感受受会和之之前有所所不同.对 产产品效果果上来说说,这次次的讨论论也会有有不少收收获。四 界面设设计规范范及功能能实现主要执行人人员：UUI、UUE、程程序、SSEO需需沟通人人员：UUE、销销售1)设计计规范考考虑到在在动态实实现方面面,光凭凭效果图图很难直直接的给给予表现现，这时时需要配配合使用用说明文文档及设设计 规规范规范范来做辅辅助。比比如按钮钮及文字字链在触触发前后后的样式式,文字字间距。如下下图：2)代码码及程序序开发由由UIDD进行页页面的代代码开发发（CSSS+DDIV），并并需严格格参考SSEO理理出的相相关规 范，针针对一些些AJAAX的动动态效果果还需要要程序部部人员协协助完成成，当静静态HTTML完完成后即即由技术术人员进进行程序序嵌套，并并实现预预期的功功能。这这个阶段段由UII、 UUE全程程跟踪，保保证HTTML和和设计稿稿最大限限度相似似前提下下，对已已实现的的功能进进行测试试，并出出交互设设计改善善文档，提提交给技技术人员员。五 产品上上线主要执行人人员：需需求部门门需沟通通人员：UI、UUE、程程序、销销售这个阶段主主要是内内容的添添加，主主要由相相关频道道编辑完完成，对对于软性性广告位位这块还还需要和和销售进进行协调调。完成成内容添添加后，由由需求部部门、UUI、UUE进行行核查， 在保证证和内容容、功能能完整后后，进行行整体上上线。六 分析报报告及优优化方案案主要执行人人员：UUE需沟沟通人员员：UEE、UIID、程程序、需需求部门门、 销销售产品上线后后，由UUE进行行数据及及意见的的收集，在在二周后后出相关关改善文文档，协协调各部部门进行行优化的的工作。
