网站设计计划流程Word格式.docx

网站设计计划流程Word格式.docx

《网站设计计划流程Word格式.docx》由会员分享，可在线阅读，更多相关《网站设计计划流程Word格式.docx（6页珍藏版）》请在冰豆网上搜索。

当产品经理确定差不多的思路后,会先会跟我们沟通，并讲明那个产品的思路、受众及一些自己的方法．接着会拿来一个结构图来和我们探讨实现方面的可行性。

我们也会预备相关资料与其进行沟通，要紧会从数据报告、功能性及可行性三方面下手，在探讨的同时会指出功能或结构上的一些问题，并提出改善方案，这步一定得认真，UI、UE深入探讨并尽可能考虑到每个实现的细节,待框架打好后,出好的产品专门容易.但假如在可行性评估上出现隐患,余下的其它工作也将会遇到诸多问题。

我们要紧从以下三方面进行评估:

∙数据报告

通过99Click、Netratings、Counter三套系统来进行数据收集，并在分析报告中指出相应的问题。

∙功能性

站在用户角度上，对方案的结构及功能性进行评估，提出并解决操作上的问题。

∙可行性

每个产品初期差不多上感性的，但在不能保证每个功能都能按原有思路进行实现，具体还需要和相关技术人员进行探讨、碰撞后形成最终的产品思路。

二产品原型

UI、UE、需求部门

程序部、销售部

在产品原型方面,要紧指的是黑白稿或线稿，除了颜色差不多采纳黑白的形式，最终出的产品原型将会和实际产品没区不。

那个环节会拟定出产品页面的宽度,广告的形式,导航差不多样式,各内容的区域的表现形式等…

当通过可行性评估时期后,产品经理的思路和自己也差不多达成共识，接下来将进行原型设计，我将要紧分为三个步骤来实现：

1）　纸稿

一般情况下结构图差不多上采纳word文档描绘，我选择笔和纸的方式，要紧依旧比较方便、易修改，有任何突发的思路只需要擦一下，就能够直接在已有的基础上进行调整，由于之前的讨论没有实物参照，在那个环节你一定会发觉更多有味的问题。

2）　线稿、黑白稿

当纸稿确定后，则由UI或UE使用做绘图工具来描绘黑白稿（我要紧使用Photoshop来进行那个步骤，跟据个人适应不同，大伙儿的方式也有所区不，比如淘宝UEDTeam及BaiduUE更多的则采纳线稿的形式）。

也许是做UI的缘故，我适应依旧采纳黑白稿，方便界面设计，在结构上也会精确到像素,比如:

导航高度40px.头条采纳20px黑体,图片规格:

104x85px,页面的各区域的留白为5px…等等，只有如此才会发觉更多细节上的问题，因此到界面设计的同时你也会尝到更多的甜头。

3）　原型

完成以上的二个步骤后,产品的差不多功能,结构,规范都差不多大致成型.这时你能够叫上程序部、销售部及需求部门产品经理，在白板上对着黑白稿做最终的讨论。

通过二次、三次调整，最终定下完整的产品原型。

另外，值得提的一点是，在产品原型未确定前,千万不急着去做界面设计,因为之前的讨论要紧会通过白板、Word或纸稿。

在原型未确定前，有专门多潜在的问题表现不是专门直白，比如：

"

窄了、窄了，完了，新闻列表只能放八个字"

、"

广告放不下了"

数据提不出来，目前没那个接口…"

。

假如提早进入界面设计的环节,一但有问题，就意味着重新又需要找产品经理、技术部、销售进行再次沟通，那个步骤是专门烦琐的,也会让人专门郁闷的。

三产品界面设计

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进行数据及意见的收集，在二周后出相关改善文档，协调各部门进行优化的工作。