文档介绍:1 / 9
互联网产品设计流程/(产品)设计流程
每个产品主要经过以下几个阶段:
可行性评估
主要执行人员:UI、UE、需求部门、程序部
需沟通人员:销售部
当产品经理确定基本的思路后,会先会跟我们沟通,并说明这个产品的思路、受众与一些自己的想法.接着会拿来一个结构图来和我们探讨实现方面的可行 性。我们也会准备相关资料与其进行沟通,主要会从数据报告、功能性与可行性三方面下手,在探讨的同时会指出功能或结构上的一些问题,并提出改善方案,这步 一定得仔细,UI、UE深入探讨并尽可能考虑到每个实现的细节,待框架打好后,,余下的其它工作也将会遇 到诸多问题。
我们主要从以下三方面进行评估:
数据报告
通过99Click、Netratings、Counter三套系统来进行数据收 集,并在分析报告中指出相应的问题。
2 / 9
功能性
站在用户角度上,对方案的结构与功能性进行评估,提出并解决操作上的问题。
可行性
每个产品初期都是感性的,但在不能保证每个功能都能按原有思路进行实现,具体还需要和 相关技术 人员进行探讨、碰撞后形成最终的产品思路。
二 产品原型
主要执行人员:UI、UE、需求部门
需沟通人员:程序部、销售部
在产品原型方面,主要指的是黑白稿或线稿,除了颜色基本采用黑白的形式,最终出的产品原型将会和实际产品没区别。这个环节会拟定出产品页面的宽度, 广告的形式,导航基本样式,各内容的区域的表现形式等…
当经过可行性评估阶段后,产品经理的思路和自己也基本达成共识,接下来将进行原型设计,我将主要分为三个步骤来实现:
1) 纸稿
 
3 / 9
 
一般情况下结构图都是采用word文档描绘,我选择笔和纸的方式,主要还是比较方便、易修改,有任何突发的思路只需要擦一下,就可以直接在已有的基 础上进行调整,由于之前的讨论没有实物参照,在这个环节你一定会发现更多有趣的问题。
2) 线稿、黑白稿
 
4 / 9
 
当纸稿确定后,则由UI或UE使用做绘图工具来描绘黑白稿(我主要使用Photoshop来进行这个步骤,跟据个人习惯不同,大家的方式也有所区 别,比如淘宝UED Team与Baidu UE更多的则采用线稿的形式)。也许是做UI的原因,我习惯还是采用黑白稿,方便界面设计,在结构上也会精确到像素,比如: 20px黑体,图片规格:104x85px,页面的各区域的留白为5px…等等,只有这样才会发现更多细节上的问题,当然到界面设计的同时你也会尝到更多 的甜头。
3) 原型
5 / 9
 
完成以上的二个步骤后,产品的基本功能,结构,、销售部与需求部门产品经理,在白板上对着黑白稿做最终的 讨论。经过二次、三次调整,最终定下完整的产品原型。
另外,值得提的一点是,在产品原型未确定前,千万别急着去做界面设计,因为之前的讨论主要会通过白板、Word或纸稿。在原型未确定前,有很多潜在 的问题表现不是很直白,比如:"窄了、窄了,完了,新闻列表只能放八个字"、"广告放不下了"、"数据提不出来,目前没这个接口…"。如果提前进入界面设 计的环节,一但有问题,就意味着重新又