(此系列文章为原创研究，仅供同行之间交流学习，如需转载请标明作者”葬花痴侬”及到本站的链接)

五：重要页面、关键页面、过程页面、结果页面

网站的页面类型和等级可做归类。
有些是“重要页面”，有些是“关键页面”，有些是“过程页面”，有些是“结果页面”。
这些根据页面存在的目的和作用分别。
“重要页面”和“关键页面”等级高于“过程页面”和“结果页面”

这样分类是为了帮助产品设计和SEO工作。重要页面，如我们网站（现在就职单位www.fangjia.com） 首页、二手房频道页、租房频道页、小区纵览页及子栏目页，关键页面如短信定房源频道页，房源页面即使重要页面也是关键页面。过程页面是串联这些重要页面和关键页面之间的页面，如登录页面、注册页面、注册引导页面，结果页面是用户行为的结束页面，如注册成功、订阅成功、房源过期、及搜索结果不存在页面等。 过程页面目的是为引导用户完成某个或一系列动作而存在，它的作用是集中用户注意力去流畅的完成动作，所以这类页面设计要简单，不应存在分散用户做此动作的注意力，于之无关的东西一概不要放。 结果页面是用户某个行为的终点，也应简单，主要内容就是行为终点的提示和下一个动作的引导。所以重要页面里展现的信息不应该也往这些页面里塞，尽量保持页面本身面目。这些页面也不是SEO的重点。 重要页面产品设计和SEO照顾的重点。关键页面是实现模块或网站目的关键点，是产品设计要密切关注的页面。

Tags: 产品设计

做产品设计的方法，我认为可以这样的步骤进行。（以下阐述只从产品原型设计及UI设计讲）
首先是调研，搞清楚要做个什么东西后，可对目前存在的同类产品做全面的深入的调查研究，了解产品的设计趋势，和目前流行的设计。这也是知己知彼得过程。不得不去做，不得不深入的全面的去做。

Tags: 产品设计

推荐几本做我们这行必看的几本书，都是行业内优秀之作且很实用！
设计理论：
《Don’t make me think》 （美）Steve Krug —不是很好理解,需要多读几遍，讲的粗糙晦涩，不过里面有些观点是不错的，比如书的名字
《Designing Interfaces》 Jenifer Tidwell
CSS+Div：
《网站重构》 Zeldman.J —web标准方面的基础理论，css入门须看之书
《Css 禅意花园》 Dave sher & Molly E.Holzschlag —源自css技术的鼻祖，是css技术的最高殿堂
《无懈可击的Web设计》 Dave sher & Molly E.Holzschlag — 极力推荐的一本把css应用得灵活合理的书，非常实用！
Javascript：
《ppk 谈 JavaScript》 （荷）科克（Koch，P.P.）
Seo：
《解密SEO——搜索引擎优化与网站成功战略》 欧朝晖 — 相对国内一些粗浅的seo书籍，这本全面有一定深度，且读起来容易

Tags: 书籍

三：产品产生的过程

1、市场调研需求分析。产品产生的前期阶段，完成想清楚要做个什么东西。
2、产品原型
设计产品的逻辑。主要是分析产品的实质，明确产品的目的，设计产品的信息架构、功能、功能布设、用户行为流程、页面元素、交互细节等等。这个步骤实际是产品设计的关键，从产品逻辑的产生到最终用户使用效果的预见都要在脑中深思熟虑。为了实现目的，会构思多种实现方法，寻找一种最有效。需要很强的对信息架构、功能设计及布设、用户行为引导、用户体验、交互细节的整体权驾能力。需要在脑中像放电影一样从需求产生到最终用户行为结束从头到尾思考成熟。所以需要很强的综合能力。最终，就是用画图软件或word等把它画出来。

这个东西是直接交给UI设计师的，这个图画的细到什么程度，应该是经量细，至少里面要展现的信息元素
要展现完全。不应该让UI设计师去考虑应展现哪些信息数据。当然，也不必细到考虑布局尺寸，文案的字数，段落间距的程度。有些东西要留给设计师去发挥，太细了限制了UI设计。但文案初步内容，列表名称，导航名称，页面上要展现的数据，页面内容块的主次关系等应给出。

Tags: 产品设计

一篇行业译文，译者：杨梅，择自口碑ued。这篇文章对于产品策划和UI设计师很有价值和指导意义，对国内设计师是UI设计思想和方向的指引，对产品策划者帮助理解所谓用户引导、用户体验在UI设计细节上是怎样去表现的。
[原文地址：http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm]

我使用“ Web 2.0设计”来形容目前占主导优势的网页设计风格， 很多人用这个词来形容：
1. 网络经济的复苏
2. 网站和用户之间更高水平的交互
3. 或一种社会想象，由新型的网上社区和社会网络而形成

Web2.0 式网页先睹为快

如果您没有足够的资源创建自己的2.0式的网站，TemplateMonster 刚发布的web2.0模版频道可以帮到你。当然，购买的模版不一定能完美的契合你的目标，但是为用户定制的设计也常常不能保证。

Tags: Web2.0

我们所作的事情如果不是公益性质的，最终目的都应该是朝着市场方向，为了市场的目的，要产生经济效益。
引导用户最终唯一做的事情就是做我们想让他做的事情。

流量、转化率、收益；相对应的就是： 推广-产品设计、UI设计-销售

推广产生流量。流量转化成订阅量依靠产品设计。首先是策划出方案，这个方案当然是一套逻辑流程，把这个逻辑流程画成产品的草图（也就是产品原型），再把它交给UI设计师来体现。这个环节的关键就是好的产品设计和好的UI设计。产品设计需要在脑中完成用户行为的流程图，而且这个流程是引导的、单向的，整体的想法是怎样的，在网站上不同的着陆点的怎么引导，各种不同的引导点的展现方式，是普通的文字链或者诱惑的按钮或者有趣flash等等。UI设计则需要在深刻理解产品的逻辑基础上准确地表达它… …

Tags: 产品设计, 添加标签

我们做一件事情有个目的。或者我们为什么要去做一件事情。这是我们做一件事情之前不得不解决的问题。
创办一个公司有个目的，创办者不得不解决的问题。
创造一个网站有个目的，创造者不得不解决的问题。

只有清楚的解决了这个问题，才能制订出比较准确的目标，才能在总体上对所作的事情有一个大的逻辑。因此根据这个逻辑制定一套执行方针。根据方针策划出实现方法。
在大逻辑下，执行正确的方针和方法，进而达到我们的目的。

这里有个大的方针问题，就是互联网公司创建过程中，网站建设和公司盈利的关系。回答这个问题需要解决三个问题，就是公司创建和发展的规律，互联网络公司创建和发展的规律，中国互联网络公司创建和发展的规律。
对于网络公司，这些问题涉及到互联网与人们生活的关系，互联网行业发展与社会发展的关系。领导者解决当前的方针问题不得不考虑到这些因素，虽然不可能对后面所有东西都预见到，都是在摸索中发展，但职责是解决这些问题基础上制定相对正确的方针。

Tags: 产品设计

如题，今天写一写标准和规范的东西，这也是这块工作长期以来的经验总结，而且就这个话题本身来说，确信有必要建立一套ui架构的标准规范比这些规范的内容和如何制定标准更加重要。好像这个问题在同行中意见蛮多的（见http://uitony.com/?p=50），我感觉一个是这个问题浮出水面，大家都来讨论了，说明国内UI行业和运营网站公司发展进步了，二个是大部分网站UI部门的运作都不成熟，从demo设计到最终效果评估、从人员素质（包括产品经理和ui人员的专业知识储备）到工作流程都不成熟，所以关于这个问题在uitony.com那篇文章中有那么多叽叽喳喳的声音。

Tags: 标准规范

最近看了一个案例,深受启发,该案例讲述的是一个美国的健身产品零售网站(Bodybuilding.com),雇佣了400个写手,写了 1.6万篇文章,创造了16万独立访问人数/天的业绩,实现了全年销售额达到了500万美元.

　　这个网站是一家靠内容推广来取得流量和转化率的B2C网站. 她没有做任何付费搜索引擎推广,但是她在自然搜索结果中获得了很好的表现,从而获得了大量访问者.据说这400个写手个个都是各自主题领域内的专家!那是什么给他们带来了如此大的流量呢?她们巨大的流量来源于1.6万篇关于健康,营养,体重,健身及其它相关主题的内容文章!这些专业的文章,吸引到了对健身等感兴趣的人,他们阅读专业的文章,文章中提到的产品激发了他们购买的欲望!更重要的是,每一篇文章都经过精心的结构设计!

　　1,极富吸引力的摘要.

　　2,具有诱惑力的图片Banner.

meta标签是内嵌在你网页中的特殊html标签，包含着你有关于你网页的一些隐藏信息。Meat标签的作用是向搜索引擎解释你的网页是有关哪方面信息的。对于高级的搜索引擎来说，html 的meta 标签并不是什么新奇的东西。但是无论如何它是一个优秀网页不可缺少的。下面我们就它进行一些讲解吧。

当你计划搜索引擎优化策略是 meta标签是非常重要的。尽管如此，一般的加入meta 并不能帮助你在搜索引擎中获得更好的排名。有好几种meta标签，但重要的有以下几个:description标签, keywords标签, title标签(严格来说title不算是一个标签)。当你不时刷新标签时这几个标签显得特别的重要。如果你希望搜索引擎对你的网站进行索引时就会用到 html标签的重定向(redirect)标签与robots标签.

Tags: meta