互联网产品设计流程网站产品设计流程

互联网产品设计流程/网站（产品）设计流程每个产品主要经过以下几个阶段：可行性评估主要执行人员：UI、UE、需求部门、程序部需沟通人员：销售部当产品经理确定基本的思路后,会先会跟我们沟通，并说明这个产品的思路、受众及一些自己的想法．接着会拿来一个结构图来和我们探讨实现方面的可行性。我们也会准备相关资料与其进行沟通，主要会从数据报告、功能性及可行性三方面下手，在探讨的同时会指出功能或结构上的一些问题，并提出改善方案，这步一定得仔细，UI、UE深入探讨并尽可能考虑到每个实现的细节,待框架打好后,出好的产品很容易.但如果在可行性评估上出现隐患,余下的其它工作也将会遇到诸多问题。我们主要从以下三方面进行评估:数据报告通过99Click、Netratings、Counter三套系统来进行数据收集，并在分析报告中指出相应的问题。功能性站在用户角度上，对方案的结构及功能性进行评估，提出并解决操作上的问题。可行性每个产品初期都是感性的，但在不能保证每个功能都能按原有思路进行实现，具体还需要和相关技术人员进行探讨、碰撞后形成最终的产品思路。二产品原型主要执行人员：UI、UE、需求部门需沟通人员：程序部、销售部在产品原型方面,主要指的是黑白稿或线稿，除了颜色基本采用黑白的形式，最终出的产品原型将会和实际产品没区别。这个环节会拟定出产品页面的宽度,广告的形式,导航基本样式,各内容的区域的表现形式等…当经过可行性评估阶段后,产品经理的思路和自己也基本达成共识，接下来将进行原型设计，我将主要分为三个步骤来实现：1)纸稿肥一般情况下兔结构图都是灿采用wor讯d文档描绘樱，我选择笔辜和纸的方式愿，主要还是浑比较方便、题易修改，有孙任何突发的鹿思路只需要祸擦一下，就赌可以直接在梢已有的基典础上进行调朴整，由于之迈前的讨论没麦有实物参照悬，在这个环革节你一定会奔发现更多有术趣的问题。累2)浆线稿、黑白扇稿呀当纸稿确定榆后，则由U裤I或UE使忽用做绘图工鱼具来描绘黑状白稿(我主支要使用Ph典otosh贸op来进行羊这个步骤，记跟据个人习巨惯不同，大却家的方式也自有所区别壤，比如淘宝筒UEDT继eam及B掉aidu妖UE更多的辽则采用线稿厦的形式)。竖也许是做U肯I的原因，伸我习惯还是富采用黑白稿游，方便界面倍设计，在结稳构上也会精弃确到像素,万比如:导航甩高度40p赞x.头条采若用20p茂x黑体,图悬片规格:1榨04x85业px,页面虫的各区域的耗留白为5p酿x…等等，唱只有这样才府会发现更多完细节上的问狱题，当然到员界面设计的外同时你也会聚尝到更多仍的甜头。3)原型住完成以上的殃二个步骤后锣,产品的基秧本功能,结虑构,规范都铃已经大致成御型.这时你伤可以叫上程赢序部、销售兵部及需求部帅门产品经理录，在白板上椒对着黑白稿贤做最终的害讨论。经过穷二次、三次怜调整，最终题定下完整的葛产品原型。舟另外，值得所提的一点是误，在产品原浴型未确定前弱,千万别急眯着去做界面嫩设计,因为莫之前的讨论锹主要会通过胖白板、Wo请rd或纸稿姓。在原型未惧确定前，有萄很多潜在夫的问题表现扛不是很直白裁，比如："吃窄了、窄了清，完了，新拒闻列表只能威放八个字"习、"广告放鱼不下了"、腹"数据提不乓出来，目前勺没这个接口声…"。如果钞提前进入界宜面设计的某环节,一但垫有问题，就厕意味着重新源又需要找产蜡品经理、技香术部、销售截进行再次沟碎通，这个步尿骤是很烦琐穴的,也会让室人很郁闷的弊。辞三产品界艰面设计党主要执行人毙员：UI、陷UE、需求捉部门短需沟通人员逢：UID、旧SEO熄目前产品的捧雏形已基至省的本成型，旬虽然还没华蜓丽的外衣，愈但凹凸有至淡身型已隐约前可见。下一踪步将进入界跑面设计阶段跃.设计师们喂也将再次体按会到黑白稿牲给他带来得的各种便利挎.繁1)刚UI乐我的习惯是斩,主要针对诱首页进行风僻格设计，并弯出3-4套诸界面,最终抬挑选出2套牙左右提交给摄需求部门个,同时也会厕指出自己最追满意一套，松和需求部门疫进行二,三冠次碰撞后,溉最终拿出定养稿。喜2)顿UE哗UE则开始欣针对原型进漆行操作上的低优化调整,卡召集用户并权组织头脑风鹿暴,收集到灶相关意见后检，由UE废整理出交互怖及用户体验私方面改善意图见,并反馈怎给UI及需蜓求部门。比亚如:"这个移文字需要加殿下划线"、求"按钮上不董要加样式,贵反而没有点女击的欲望了蜜…"。侨3)健UID称UID即开纲始着手准备丑制作方面相分关文档.并酿提出实现方望面的意见.响等待效果图开最终确定后眯,则开始室相关代码的防编制(CS统S+DIV赵、AJAX而、Java爬)。稀4)球SEO奥SEO则根余据原型提出蔑搜索引擎优握化的意见,贴为制作阶段庭代码优化做窃准备.散这个阶段一悦定要保证与疑需求部门沟束通到位,当宴产品界面最蕉终定稿后,晕建议再组织耗一次讨论,犹这次用户面搜对着是实实携在在的产品千,所感受会锤和之前有所济不同.对耕产品效果上匀来说,这次愈的讨论也会乡有不少收获均。奥四界面设桑计规范及功辰能实现壤主要执行人讯员：UI、僵UE、程序渴、SEO骆需沟通人员效：UE、销研售谱1)程设计规范软考虑到在动裕态实现方面南,光凭效果风图很难直接向的给予表现采，这时需要多配合使用说细明文档及设压计规范规授范来做辅助顶。比如按钮胀及文字链在辞触发前后的射样式,文字碗间距…。如砌下图：查2)判代码及程京序开发触由UID进惕行页面的代快码开发（C俱SS+DI败V），并需爹严格参考S左EO理出的饲相关规范炭，针对一些促AJAX的汁动态效果还赞需要程序部爱人员协助完址成，当静态捧HTML完烟成后即由技慎术人员进行忽程序嵌套，丸并实现预期裁的功能。捉这个阶段由猜UI、U钩E全程跟踪听，保证HT怠ML和设计刻稿最大限度页相似前提下赴，对已实现仍的功能进行钳测试，并出鞠交互设计改恢善文档，提猾交给技术人捕员。伯五产品上虾线翠主要执行人锦员：需求部共门蜻需沟通人员岗：UI、U赵E、程序、莫销售冈这个阶段主盆要是内容的秆添加，主要烧由相关频道老编辑完成，贴对于软性广贯告位这块还嫂需要和销售蜜进行协调。脸完成内容添协加后，由需聋求部门、U演I、UE进刊行