天极产品设计流程(3)_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:交互行为三部曲
臭鱼的blog:www.chouyu.com.cn之所以会出现“交互设计”这个词儿,很大程度上是alancooper想区别于以往的界面视觉效果设计,重新定义一下基于电脑的软件设

三 产品界面设计

主要执行人员:UI、UE、需求部门
需沟通人员:UID、SEO

目前产品的雏形已基至的本成型,虽然还没华丽的外衣,但凹凸有至身型已隐约可见。下一步将进入界面设计阶段.设计师们也将再次体会到黑白稿给他带来的各种便利.

1) UI
我的习惯是,主要针对首页进行风格设计,并出3-4套界面,最终挑选出2套左右提交给需求部门,同时也会指出自己最满足一套,和需求部门进行二,三次碰撞后,最终拿出定稿。

更多请访问:http://www.webdoc.com.cn/demo/p/

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

在产品设计中我基本上都是采用这套流程,也希望和大家同共探讨。
这篇文章没啥外链,还是来点吧,推荐看下 白鸦的Blog

分享:开展全面的网站评估
有时会被问到“看看XXX网站如何?”之类的问题。谈到评估,通常都是指产品级的网站,假如模式很新,了解需要花一定时间。于是,很多人又问“那么你仅从UI/UE的

共3页上一页123下一页
来源:蓝色理想//所属分类:网页设计教程/更新时间:2007-10-12
相关网页设计教程