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

互联网产品设计流程网站设计流程 可行性评估 要紧执行人员：UI、UE、需求部门、程序部 需沟通人员：销售部 当产品经理确定差不多的思路后 ,会先会跟我们沟通，并讲明那个产品 的思路、受众及一些自己的方法．接着会拿来一个结构图来和我们探讨实 现方面的可行 性。我们也会预备有关资料与其进行沟通，要紧会从数据报 告、功能性及可行性三方面下手，在探讨的同时会指出功能或结构上的一 些咨询题，并提出改善方案，这步 一定得认真， UI 、 UE 深入探讨并尽可 能考虑到每个实现的细节 ,待框架打好后 ,出好的产品专门容易 .但如果在可 行性评估上显现隐患 ,余下的其它工作也将会遇 到诸多咨询题。 我们要紧从以下三方面进行评估 : 数据报告 通过 99Click 、 Netratings、 Counter 三套系统来进行数据收 集，并在分析报 告中指出相应的咨询题。 功能性 站在用户角度上，对方案的结构及功能性进行评估，提出并解决操作上的 咨询题。 可行性 每个产品初期差不多上感性的，但在不能保证每个功能都能按原有思路进 行实现，具体还需要和 有关技术 人员进行探讨、碰撞后形成最终的产品 思路。 二 产品原型 要紧执行人员：UI、UE、需求部门 需沟通人员：程序部、销售部 13 在产品原型方面，要紧指的是黑白稿或线稿，除了颜色差不多采纳黑白 的形式，最终出的产品原型将会和实际产品没区不。那个环节会拟定出产 ｛多样式，各内容的区域的表现形式等… 匕产品经理的思路和自己也差不多达成共识， 品页面的宽度，广告的形式，导航当通过可行性评估时期接调整,—- ■ ■■ 品页面的宽度，广告的形式，导航当通过可行性评估时期 接 调整, —- ■ ■■ 差不多上米纳 劳修改，有任何 壬的方式， 够直 在那个 截了 环节你一 ^会发觉更多有味的咨询题 :KI■1 *■ . B mw i|M! fW M :KI ■1 *■ . B mw i|M! fW Ml !■ - 2）线稿、黑白稿 当纸稿确定后，则由UI…或UE使用做 具来描画黑白稿（我要紧使 也有所区 。也许是 精确 据个人适应不同，大伙儿的方式 不，例如淘宝UED町eam及Baidu UE更多的则采纳线稿的形式） 做边的缘故，我适应依旧采纳黑白稿，方便界面设计，在结构上也会 到像素例如:导航高度40px.头条采纳20px黑体!图片规格:104x85px,页面的 各区域的留白为5px…等等，只有如此才会发觉更多细节上的咨询题 到界面设计的同时你也会尝到更多 的甜头。 ° 因此3）原型二唸* *■ 因此 完成以上的二个步骤后，产品的差不多功能，结构，规范都差不多大致成 型?这时你能够叫上程序部、销售部及需求部门产品经理，在白板上对着黑 白稿做最终的 讨论。通过二次、三次调整，最终定下完整的产品原型。 另外，值得提的一点是，在产品原型未确定前，千万不急着去做界面设 计,因为之前的讨论要紧会通过白板、 Word或纸稿。在原型未确定前，有专 门多潜在 的咨询题表现不是专门直白，例如：窄了、窄了，完了，新闻 列表只能放八个字、广告放不下了 、数据提不出来，目前没那个接口… 。如果提早进入界面设 计的环节,一但有咨询题，就意味着重新又需要找 产品经理、技术部、销售进行再次沟通，那个步骤是专门烦琐的 ，也会让人 专门郁闷的。 ■d - ■■要紧执行人员：UI、UE、需求部门，但凹凸有至?设计师们也将再次体会到黑需:UID ■d - ■■ 要紧执行人员：UI、UE、需求部门 ，但凹凸有至 ?设计师们也将再次体会到黑 需 :UID、SEO ■宦户黑醐事 身型已 白稿给他带来I的各种便 HriFAA 我的适应是，要紧针对首页进行风格设计，并出 3-4套界面，最终选择出2套 左右提交给需求部 门，同时也会指出自己最中意一套，和需求部门进行二 ， 三次碰撞后，最终拿出定稿。 2) UE UE则开始针对原型进行操作上的优化调整，召集用户并组织头脑风暴，收集 到有关意见后，由 UE整理出交互及用户体验方面改善意见，并反馈给UI 及需求部门。例如:那个文字需要加下划线、按钮上不要加样式，反而没有 点击的欲望了… 3） UID UID即开始着手预备制作方面有关文档?并提出实现方面的意见?等待成效 图最终确定后，则开始有关代码的编制（CSS+DIV、AJAX、Java） SEO则按照原型那个时期冬优化的意见工，为制作时期代码优化做预备. 亍需求部位 SEO则按照原型 那个时期 冬优化的意见工，为制作时期代码优化做预备. 亍需求部 位，当产品界面最终定稿后，建 议再组织一次讨论，这次用户面对着是实实在在的产品，所感受会和之前有 有许多收成。 所不同 上来讲 四看界面设计规范及功能实现 S 要紧执行人员：UI、UE、程序、SEO 考虑