一、体验式网站设计的四个方面

1、视觉体验：呈现给用户视觉上的体验，重在UI设计，强调舒适性。

2、浏览体验：呈现给用户栏目和内容的体验，重在合理规划，强调协调性。

3、信任体验：呈现给用户的信任体验，重在细节斟酌，强调稳定性.

4、互动体验：呈现给用户操作上的体验，重在路径设计，强调易用性。

二、视觉体验的11个关键体验点

视觉体验：呈现给用户视觉上的体验，重在UI设计，强调舒适性。

1. 整体风格：这是网站给用户呈现的第一印象，主要体现在两方面，一是网站质量的权衡，网民第一次看到网站后，首先会根据感觉对网站有个上、中、下额评判，二 是网站类型的归属，例如是资讯型，形象型等。因而网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，网站设计要符合目标客户的 审美预期和类型归属。

2. 网站LOGO：LOGO的设计水平直接体现了站长的审美水平。并且logo是网站整个风格的主导，也是网站对外传播的形象标示，务必要仔细斟酌，不仅要简 洁得体，还要符合网站的定位和目标，最好找家设计公司，或者去toidea.com 威客一下。

3. 页面布局：重点突出，主次分明，图文并茂，声画全面。网站的有效空间是有限的，网站的第一屏画面至关重要，页面布局要与网站的营销目标相结合，将最能吸引 用户的内容，通过合适的表现形式，放置在最重要的位置。

4. 页面色彩：六个务必:网站务必要有个主题色，务必注意冷暖色调的搭配，务必注意主色调、辅助色的使用数量，务必保持网站整体形象相统一，务必注意渐变色的 使用，务必恰当搭配色彩的明度和亮度。

5. 页面大小：最好将网站设置成为自适应的页面，如果无法修正，最好调整为1024*768，照顾到800*600用户，页面主要内容可以偏左设置。此外，还 有一些异性的网站，务必要考虑到核心用户群的使用习惯，可以主要从年龄上来判断，30岁以上用户，还是800*600居多。

6. 动画效果：首先注意动画的放置位置，其次是呈现方式，再次是加载速度，最后也是最关键的是内容的表现形式。动画效果会在第一时间吸引用户的关注，但关注不 是目的，要让用户有兴趣接受动画所传达的内容。在动画表现形式设计时，还要注意与主画面相协调，动画效果节奏适中，不干扰主画面浏览。

7. 图片展示：首要的还是图片栏目的页面位置，要与整体网站比例协调，符合一般用户的浏览习惯;其次是图片的展示形式，现在有很多flash的图片代码，还有 lightbox的js也是不错的选择，再次是图片内容要清晰、不变形，图片选择上也要符合网站的总体风格，不要太突兀。

8. 图标使用：首要考虑与页面整体风格统一，其次是简洁、明了、易懂、准确，再次可以尝试使用一些3D效果图标。

9. 广告位的设计：广告设计最关键是要符合用户对网站广告的预期，不要让用户对广告产生反感。有很多是网民早已认可的广告位置和形式，例如页面上方的 banner条，页面两边的对联形式，页面右下方的文字广告等，这些位置都是网民们默认的广告位，千万不要冲击网民的浏览习惯，避免干扰视线，除非你的广 告创意绝对吸引人，否则结果往往是立刻关闭广告和网站。

10. 背景音乐：除非是活动推广或者是形象推广类主题网站，搞点刺激性的音乐提提神，否则千万不要设置背景音乐，一个字，烦!就算设置背景音乐，最好将开关按钮 及音量控制放在显要位置，免的网民因为找不到控制按钮而立刻关掉页面。

三、浏览体验的八个关键体验点

浏览体验：呈现给用户浏览上的体验，强调吸引性。

1. 页面导航：网站导航如同楼房的地基，是整个网站基础和框架，一切内容和服务都是从导航中延伸出去。页面导航的设计分为两个层次，一是形式层：体现在导航位 置、表现形式(文字、图片、flash等)等方面，二是内容层，页面导航也是对整个网站内容框架的分类和高度概括。形式层的设计，建议参照一下韩国网站的 设计风格，动感、简洁、清晰。至于内容层，就因站而异了，分类条理最关键。但栏目名称尽量简短，栏目层次也不宜过多，两层比较合适，但也要以内容为中心。

1. 页面速度： web2.0，网站中增加了越来越多的视频、动画元素，对网站速度的要求也

越发苛刻。回想一下，这么多视频分享网站中，为什么很多人选择优酷?就一个速度。此外，大一点的网站再考虑一下南北互通，或者教育网的 对接问题，此外选择一家稳定的服务器托管商也至关重要。

2. 页面容量：主要指首页的页面容量，除非是资讯类网站，否则网站首页内容最好不要

超过两屏，最好不要让用户再滚动鼠标就可以浏览到整个页面。再就是页面设计要考虑到文字和图片的搭配，还有不同字号、字体、颜色的搭 配，还有网站留白的设计，以免页面造成视觉抵制，心理学家做过实验，人眼每秒摄入的有效字符最多只有20个，要是页面全是细密的文字，效果就可想而知了。

3. 页面结构 结构就是放置内容的框架，网站的页面结构其实是有章可循的，尤其是现在

大家见的网站越来越多，自然也形成一些列默认的模式。简单分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局， 具体随后会撰文详述，这里要强调的是页面结构的创新也要基于一定的规律，千万不要打破用户的浏览预期。

4. 内容安排 首先是突出重点内容，大标题，大图片塑造视觉冲击，这也是借用报纸的操

作手法，其次是内容协调，每一个栏目应确保足够的信息量，避免栏目无内容情况出现;再次是内容形式，兼顾视频、图片、文字的比例和页面 协调。

5. 内容更新主要包括内容来源、更新频率、更新数量、内容质量三个方面。Web2.0网站

更多强调如何调动用户的积极性，内容更新已经不仅仅是对编辑的考量，也是对网站用户价值的衡量，对于内容质量，主要是从原创、转载、内 容本身价值等方面权衡。

6. 内容形式 现在有个立体化新闻的概念，视频、图片、文字、评论都在一个页面中展示，

而且再加上网民评论的即时更新，表现形式更生动。此外，对于文字部分，字体大小最好设置可调选项，对重点内容进行标注，对关键词设置链 接(seo)，如果没有广告的考虑，最好不要设置多页浏览，很影响阅读体验。

7. 内容呈现方式：更多的是细节的内容，包括新文章的标记、文章导读、相关内容的推荐、

还有网友推荐、打印页面、E-MAIL发送给好友、复制网址等，现在web2.0流行的DIG功能，加入些鲜活的互动元素。

8、路径记录：记录用户的浏览路径，方便用户随时返回和查找，此外对一些重点栏目和页面可以设置快速链接或者设置页面底部导航，为用户 提供明确的快速入口。

三、信任体验的十二个关键体验点

信任体验：呈现给用户的信任体验，重在细节斟酌，强调稳定性。

1、友情链接：对于新兴网站而言，用户对网站信任的判断不仅建立在对网站设计的和功能体验的基础上，而且还有一个对同类或者其他相关网站的评估 上。友情链接的价值不仅在于SEO上，也是一个网站用户定位的重要体现，如果网站链接的都是不知名的小网站，用户对它的评级也不会太高。首页友情链接的设 置不宜过多，更多的链接可以放置在一个单独的友情连接页面中，要特别注重友情连接的质量，哪怕是做些单向链接，也要显示自己的实力。

2、底部信息：网站底部信息内容是网站中每个页面都共同的内容，底部信息为网民提供了很多建立信任体验的内容，例如网站的建立时间、是否备案、 是否经营性网站、是否有网警标示、隐私声明、网站的归属关系(如：xx旗下的网站)这部分虽然是细节的内容，但又是最为标准化和普遍的内容，最好留心设 计。

3、关于我们：这是一个用户了解网站背景的最直接途径，对很多有趣的web2.0网站，对于很多喜欢刨根问底的网民，关于我们还是很重要的一个 栏目，因为这是网站站长必须的一个原创内容，对关于我们栏目和内容的设计和安排，往往会体现了站长的做事态度和风格。

4、联系方式：并不是有事找网站的时候才会关注网站的联系方式，一般情况下，联系方式在网站中出现的频率也是网站自信程度的一种侧面体现。联系 方式不一定非要是详细的电话传真，通讯地址，哪怕一个邮箱，或者是一个联系人的姓名。对于初创网站而言，翔实或者高曝光率的联系方式，比较容易给网民建立 踏实、信任的额感觉，总之放心、负责、能找到人。如果有实力，整个400电话也成，现在400电话已经是白菜价了，但公信力还不错，而且方便易记。

5、帮助中心：对于web2.0新兴网站，尤其是功能型网站而言，最好是有一个翔实的帮助中心，或者FAQ栏目，千万别相当然的认为网民对新东 西一看就会，新东西总会有出问题的时候，再加上国内网民的背景和层次差距较大，帮助中心还是必须的。此外，帮助中心的功能和内容丰富程度也是网站客户服务 意识的一种体现，值得重视。

6、网站备案：最基本也是必须的一道程序，说啥先把网站备案搞定，至少要确认一下网站的合法地位，如果有条件和需要，最好是申请一个B字头的经 营性网站备案，此外如果涉及到视频、新闻还要到相关部门申请一下其他备案。备案这东西，看似小事，但关键时刻对网站就会有致命的影响，别的不说，看看这两 个月56.com和vodone.com的差别就知道了。

7、内容格式：内容的规范程度也是网站建立信任体验的重要方面，主要体现在资讯类内容标准化展现上。一方面每条信息是否包含了来源、作者、编 辑、发布时间、还有点击量和评论。全面的辅助信息是网站质量的主要参照，因为现在能把这几点完全列出来的网站越来越少了，对于点击量也可以都设置一定的初 始值，但最好还是带着。另一方面就是个性化细节，例如设置页面颜色、设置字体大小、点击直接发送到邮箱，复制页面地址等。

8、内容订阅：无论是用feedsky、rss、还是传统的邮件新闻列表，内容订阅的设置不仅仅是要提高用户的黏度，推动用户再次访问，而且也 是大型网站和正规网站的重要标示，只有那些有实力和细心的网站才会提供定期的资讯服务，其实这部分在功能上已经很晚上了，网络中也有很多工具和服务商，只 需站长每天(每周)梳理一下重要资讯即可。此外这也是盘活注册用户的重要一环。

9、网站地图：对web2.0的新站，无论网站规模大小，一定要做个网站地图，一方面搜索引擎容易抓取到网站信息，而且网民使用起来也会很快了 解到整站架构，又是细节，但很重要。

10、加入收藏：加入收藏和设为首页是传统网站设计中必须的环节，现在而言设为首页的意义几乎没有了，但加入收藏还相当重要的，一般是在网站的 右上方，最好将加入收藏的位置放在最前面，用醒目的颜色标注。

11、用户登录：这也算是互动体验一部分，用户导向是web2.0设计的一个核心理念，只有用户登陆才能享有更多的个性化服务，用户登录就无处 不在，随处可见，而且还要设计的方便合理，最好不要打开新的登陆页面，具体情况各异。

12、论坛人气：无论网站做的再花哨，如果有论坛这个栏目，打开论坛一看，没几个在线用户，没几条热点内容，很容易直接就把网站否定掉了，因 此，论坛千万要注意，要么不做，开设了就得注意人气的经验，哪怕自己每天狂灌水，也得先把网站人气拖起来。

三、互动体验的十个关键体验点

互动体验：呈现给用户操作上的体验，重在路径设计，强调易用性。

1. 会员申请：会员申请务必要贯穿在网站的每个页面，将随机性用户转变成注册用户是提高网站流量和用户黏度的重要一环，会员申请的按钮或者位置最好设计的醒目 一些。此外，会员功能的核心是权限控制，网站必然要有一些只有注册用户或者是高级用户才能浏览到的内容，但还要保证展现给非注册用户的信息也具有一定的吸 引力，否则，网民怎么会有动力去注册呢?扪心自问，为什么值得注册?用什么吸引注册用户?用什么稳定注册用户的定期访问?

2 会员注册：web2.0网站最好设计多级注册方式，只填写注册名、邮箱、密码等就可以完成第一层次注册，让后再进一步吸引用户补充内容，第一层主次，务必 要流程清晰、简洁，为用户节省时间。其实更为关键的还在于后面，如何吸引用户补充全面的信息?这里就有一个web2.0的理念，“你分享出去的内容越多， 得到的权利和尊重也会越多”，要让网民明确他们补充信息的价值在哪?此外，还要注意提示用户信息的完整程度。

3. 表单填写：表单填写有多种方式，但最好不要将所有项目分为两个阶段，必填项在第一页，或者提供明显的标示，千万不要将所有项目全部列出来，用户一定会吓坏 的。Web2.0就要人性化一点，考虑一下用户的接受程度，简单一点还是没错的。提交成功后，感谢提示页面务必要精心设计，尤为注意应该将注册后的用户引 向何处?是回首页?还是个人界面?还是前一个浏览页面?感谢页面在内容和形式上最好设计的有个性一点。

4. 点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。对于图片，最好设置图片标注，鼠标滚动到图片时能显示图片标 题。

5. 错误提示：设置错误提示页面，对错误页面以合适的引导。无论是什么原因，网民只要在网站上遇到了错误页面肯定会非常不爽，甚至会直接关闭网站，要充分考虑 到此时用户的访问心理，设置一点真诚的解释说明，最好将网民重新引向网站，或者可以设置个报错的反馈，细心处之。

6. 在线问答：在线问答有太多中形式，从用户的使用预期出发，既然是在线问答，消费者希望得到最快的答复，但现在的情况是，往往网站提供了很多方式的问答渠 道，但往往没有人回应，毕竟工作人员不能24小时守候啊，建议搞个小I机器人训练一下，顶个美女客服了。还有一种误区，认为在线问答就是解答问题，其实还 有一个重要作用是收集信息，还要设置在线问答流程和话术时，务必要注意到如何了解更多的客户信息，或者使用体会以便于后踢调整，还要定期对在线问答出现的 问题进行汇总分析。

7. 在线搜索：首先是搜索条位置，最常见的位置是在右上方，资讯类网站一般中上方显要位置;其次是搜索分类，例如按作者，按标题等设置最好设计为下拉菜单，默 认为全文检索;再次是搜索结果的呈现方式。呈现方式有很多细节的地方，包括排列的标准，方式，关键词颜色区分，出现的数量。此外还要注意高级检索和检索选 项的设计。

8. 页面效果：web2.0在技术层的一大改进就是提供了很多又酷又炫的新技术，尤其是在页面层的应用最为明显，例如ajex，lightbox js等，对建议站长多关注一下流行的java代码，选择一些合适的潮流型技术应用一下，新、奇、炫，与时俱进啊!

9. 新开窗口：现在用maxthon、firefox等的多线程浏览器的网民越来越多，建议web2.0网站的设计最好多采用，新窗口打开，方便用户返回和查 找。

10. 路径设计：说到体验，最直接的就是用户在网站上产生的有效点击，每一次点击也意味着一个新体验的开始，而在众多点击之间，路径的设计和记录也体现了 web2.0个性化服务的精神。每个网民的访问习惯和浏览习惯都有所不同，第一要设计最直接有效的浏览路径;第二要记录网民的浏览路径，便于随时返回;第 三，要试图寻找与网民浏览路径的匹配，这一点集中可以体现在亚马逊的图书浏览和购买流程上，大家自己来关注吧.

让我们看看有关Ajax的几个误区，拨开迷雾、发掘真相。

误区一：AJAX 是Asynchronous JavaScript and XML 的缩写。你写这个词时，应该用大写字母拼写，要不就显得很无知。

事 实上，根据 Ajax 这个词的 创造者Jesse James的介绍，Ajax可不仅仅是个缩写词。它是一系列技术用特定方式结合在一起的整 体。它包括JavaScript，CSS, DOM 和运用 XMLHttpRequest 对象进行客户端与服务器间的数据传输。从服务器传到客户端的数据格式不一定是XML，还可以是 JSON（Javascript 中的对象）或其他数据格式。总之数据的传输是少量、递增的（译者：而不是传统的刷新整个页面）。所以，你要是想显摆一下自己是很懂的技术高手，用 Ajax，而不是AJAX。您自己判断是不是想显摆自己吧。

误区二：看看Gmail和Google Map吧，Ajax 会让你的网站可用性更强。

事实上，使用Ajax 有可能让你的网站可用性增强，但也可能使你的网站变得让人可憎得难用。全新设计的Yahoo 电视节目列表就是这样一个 反面教材。（译者：对新版Yahoo电视节目列表的反面评价主要认为Ajax的翻页功能让原来一页上列出所 有电视节目的可用性变得更差，比如不能在一页中进行查找等，虽然翻页功能本身做得很漂亮。）

误区三：Ajax只是面子工 程－－仅仅是表面上看着挺酷和视觉效果。

事实上，如果有正确的设计和实施，Ajax 的网络应用应该比传统的CGI类型的，以服务器端处理为主体的（如ASP.NET或Java Server Pages,JSP）网络应用具有更好的可扩展性，和让用户体验到更快的反应速度。如需要了解技术细节，请参见IBM的Bill Higgins写的 有关Ajax和REST的第一部分（译者：欢迎翻译本文）。这是我的总结：传统的CGI类型的，以服务器端处理为主体的网络应用，客户端不保存（网络应用 执行的）状态（Stateless），状态的保存完全由服务器实施（Stateful server）。这使得服务器产生的结果（译者：比如动态从数据库读取的数据）只能一次性使用而不能被缓存(cache)下来再利用。这破坏了REST构 架中的可扩展性原则。而Ajax能将状态保存在客户端，从而实现常用资源，如重复使用的数据和源程序（译者：应该是指Javascript），可以有效被 缓存和再利用。

误区四：Ajax 对于一般网络开发人员很难掌握

Ajax 确实不容易。但它的使用难度正在逐步降低。有若干因素造成Ajax的实施难度：对不同浏览器兼容性的支持，开发工具的不足，以及对开发人员思维方式转变的 要求－－从过去以服务器端处理为主体的网络应用，转变到新的在客户端保存状态、逐步上传数据的应用。但由于Ajax越来越普及，很多开发工具和平台提供商 以及开源软件开发者都在着力解决这一问题。这里列出若干对Ajax开发员有用的工具：Google 网络开发工具箱（给 Java开发员的），dojo跨浏览器 平台，script.aculo.us 长于提供视觉效果，以及用来调试JavaScript 程序、监视XMLHttpRequest的（FireFox插件）Firebug， 等等。

误区五：Ajax 会破坏用户使用浏览器的体验（Ajax breaks the browser model）

确 实，Ajax的应用有可能造成浏览器使用的问题，如破坏“返回键” 功能，让用户不知所以，让有残障的用户完全无法使用网站。但传统技术也可能产生类似问题：如使用框架（frames）或者Flash往往也会破坏“返回 键” 功能；即便不用Ajax，糟糕的设计也能让一个网站把用户完全搞晕；即便使用最单纯的HTML也很难做到让有残障的用户顺利使用网站。这些是需要有意识地 去注意和学习的方面，并不是仅存在于Ajax应用中的问题。

误区六：Ajax　是web2.0的关键组成部分

这 要看你如何定义web2.0了。我认为web2.0和web1.0的区别主要在于社会层面而不是技术层面。从web1.0 到web2.0最重要的范式转变（paradigm shift）在于web2.0是双向的网络，可读写的网络和社会网络。而不是“让我们开家网上商店”的那个网络。按照这个定义，我们可以完全不用Ajax 来实施web2.0。大多数博客不用Ajax；没有Ajax，维基百科照样能焕发它的异彩；社会化网络也不需要Ajax；Flickr 之所以吸引人是因为它是一个照片的社会化平台，而不是它使用的DHTML技术。

(以下所讨论的推广中仅从正常途径出发，不包含那些通过捆绑软件、嵌套木马、病毒攻击的推广行为)

一、新闻稿推广：根据网站的特点整理一些有深度、可传播性强的资讯(如交友网可发布交友报告等)，然后透过强有力的媒介资源平台向各网媒、平媒进行新闻式推广，当网友是通过阅读新闻而了解这个网站时，会更容易在消费者中树立起正面形象；比如说像315投诉网发布的汽车投诉统计分析报告就是一个很好的案例。

二、互补性战略联盟合作推广：比如说软件站与视频网站，要制作出一辑好的视频，还是需要有一定的专业知识的，这时软件站就可以和一些视频站进行合作，把视频软件的下载、教程这一部分整合到自己的软件站来，而对于视频站来说，既有了帮助这个功能，又节约了这一部分的开支，可谓之为双赢；

三、事件营销：一个策划得当的事件营销就足以让网站声名大震。大家看看当前的社会热点话题：以前的木子美、芙蓉姐姐，到现在的石靖、马六迫哭悍马等等，无一不存在着策划的痕迹，事件当中的网站、个人也因此受益非浅。其实事件营销隐藏在生活的每一个角落，就看大家能不能发挥自己的想像力，把零散的一些元素通过组合形成强有力的冲击了。当然了，要做出一个好的事件营销，不但需要有好的素材，需要有强有力的媒介资源优势，更需要有敏锐的反应能力。像DELL的缺货事件，如果某个网站能够及时反应的话，那也绝对是一个爆炸性的营销事件。从5月底开始在网上有抱怨，一直到8月份的时间里都不见有任何一家网站有动静。而此时在一些网站的论坛上的联合投诉人名单已经达到上千人。还有类似贤贤网的一折机票，其实也是一种事件营销，而贤贤网也正是靠着这个营销一炮而红。可以说事件营销是用最少的钱产生最大的收益的典范！

四、活动推广：不管是做企业，还是做网站，永远要记住一点：中国人其实都挺贪小便宜的。因此建议一个网站上线，要想吸引更多的人参予，就一定要想方设法的开展一些活动，如果是一些能够延续的活动就更好，这样网友的粘性就会随着活动的开展而产生。如果有条件的话，甚至可以发展成为事件营销，这就绝对是高手中的高手了。

五、邮件推广：里面又分定向邮件推广和许可邮件推广，不管是定向邮件推广还是许可邮件推广，最关键的部分都是在邮件内容上，要想邮件推广的成功率加大，那么先仔细研究一下怎么样的邮件内容才是网友喜欢的吧？这一点至关重要。

六、社区、论坛推广：在这些地方进行推广，一是可以直接找到相应负责人进行合作式推广，二是自行在社区、论坛上自发进行推广，不过如果是第二种的话，就需要注意推广的方式，以避免推广的主题成为广告帖而被删除。一般是建议不要注册后马上就开始推广工作，而是先在该社区、论坛混一段时间，混个脸熟再行推广，这样比较不容易被删除。

七、竞争排名：一个未经证实的传言说在百度、Google购买过竞价排名后，收录的情况以及排名的情况都会比未进行过竞价排名的很多。但是不管怎么说，在网站的发展初期作一些竞价排名还是比较有好处的，因为这也是体现一个公司实力的具体表现。

八、流量购买：流量购买无疑是目前性价比最高的推广手段之一。进行此类推广唯一要注意的就是不要片面追求低价，而应该是有所筛选的进行投放，这样才可以避免在流量增加的同时不会损害网站的形象。

所谓网站“交互体验”，就是用户对网站浏览和操作过程的感受，是对网站设计和功能安排的认知和体会。它包括感官体验、情感体验、思考体验、行为体验四个方面。

感官体验

感官体验，主要指网站给用户留下的第一印象，是漂亮、古朴、还是简洁等等这些用来形容风景、图画的词语都可以用来概括用户的感官体验。

作为网站交互体验设计的第一层，感官体验主要通过网站的整体形象来创造，核心是网站的主题风格和UI（USER INTERFACE）设计。

UI设计主要有三个方面。一是色彩，色彩本身是有感情属性的，也是网站给人们的首要感觉，网站色彩的设计要与网站主题和理念相匹配。如红色的可口可乐、蓝调三星、白色GE等等。二是结构，体现在网站的整体布局，体现的是网站的主题和定位，如阿迪达斯的产品体验站和雪花啤酒的活动网站在结构上完全不同，给人们的印象和感觉也是同样的。三是网站元素，包括网站使用的flash、图片、文字等数量和搭配，体现网站的整体风格。

主题风格是指感官形象中独特、持续、一致的品质，这是最能体现网站差异化的地方，UI的设计很多网站都有共同之处，但网站主题风格的提炼和表现都是独一无二的。如可口可乐公司的交互式界面设计以红色、激情、简洁风格为主，而三星的网站则是蓝调、时尚、素雅为主。

情感体验

情感体验关系到人们访问网站时的好恶情绪和态度心情。情感体验设计的核心是激发用户的共鸣心理。这需要深刻理解用户的访问期待，找到那些能够刺激用户情况的设计要素，才能吸引用户进一步的关注和参与。然而由于网民的需求各异，体验式网站所引发的情感也因人而异，“萝卜咸菜各有所爱”，但仍有一些规律可循。所有的情感都是与人有关，网站设计能否激发起人们的感情共鸣主要从以下两个方面考虑：

一是关于核心用户特征的关注和表现。共性才能引发共鸣，因而对核心用户特征的研究必不可少。交互体验设计前应该充分了解潜在用户，包括年龄层次、文化背景、审美情趣、时代观念、心理需求等，并且应充分了解用户的使用环境，以便设计出的网页界面能够真正融入到用户的生活和使用环境中。设计目标就是通过感官刺激用户共鸣，让用户在网站浏览中感受到愉快、兴奋、以及满意。

二是人物案例，现身说法。这是广告软文中常用的伎俩，用户交互体验设计中主要是展示成功案例、忠实客户现身说法、企业创办人讲述历史等等，这些看似是内容的东西，但却很容易吸引用户的注意，如今可以更多的采用视频、flash等动态的形式展示这部分内容，这也是欧美网站常用的方法，目的就是通过网民都熟悉和了解的人或事，建立信任、激发共鸣、促进参与。

思考体验

思考是用户参与的前提。之前的感官和情感体验更多的是一种条件反射式的流露，而用户的思考体验则是一个相对理性的过程。如何出乎意料的激发用户的兴趣，引起用户的好奇心，并激励用户去思考，去了解和使用你的网站？是这一层次主要考虑的问题。考虑这个问题之前，首先要扪心自问一下，网站中有什么值得用户思考？

这一层次最核心的有两个部分，一是思考点挖掘，二是期望管理。

对于思考点的挖掘就是在网站交互体验中设置值得用户停留和思考的环节，其实思考并不是目的，关键是加深用户对网站的认识，强化网站印象。一个值得注意的是，如果设置思考性环节，最好要给出引导性答案。Web2.0时代，每个人都是“快思手”，没有答案往往会立刻放弃。通俗一点，就是让用户了解通过网站记住了什么？收获了什么？

二是期望管理。用户对网站的满意与否取决于体验前的期望与使用后的评价。而网站能够控制的只有对网民期望的设计。如果能够通过出色的创意达成一些出乎意料的惊喜是最好的结果，但却很难做到。必须要注意的是，对网站交互体验的设计一定是一个由浅入深的递进过程，要让用户在不断深入体验的过程中，逐渐感受到更多的乐趣，而不能仅靠一个花哨的首页唬唬人。

行为体验

行为体验就是网民使用网站过程中的感受。这种感受来源于很多方面：包括功能、视觉和可用性等多个方面。但如果分析网民在网站上的所有操作行为，无非就两类：一类是需要点击鼠标的，一类是需要键盘输入的。

行为体验是web2.0网站交互体验设计的最后一个层次，其实施效果与之前三个层次密切相关，是一个统筹协作的阶段，这个层次的行为体验设计核心在于用户行为优化。

用户行为优化，也就是网站操作的便捷程度。主要体现在减少无效点击、简化注册流程、理清访问路径这三个方面。然而行为体验很难找到一个明确的量化标准，其效果衡量主要来自同类网站的比较。当你考虑到测试网站的行为体验时，可以尝试着浏览和关注一下同类的网站，同一时间注册和体验一下，行为体验往往来自于网站的比较优势。

3. MyFolio 2 by edumicro

4. Aquaffect by BboyWicked

5. Template 14 for 4T by nodethirtythree

6. Creative Wroclaw by hinok

7. Ejsing Graphics – White layout by ejsing

8. Ambiground by ECP-Pro

9. FreshPress by AlxDesign

10. Zanimation Portfolio 2009 by z-design
<p>Author’a comment: “Designed to be developed entirely in flash, which will be   done over the next few months.”

11. Edge by AlxDesign

12. smfyoo by SencerBugrahan

13. easo by osec

14. TopBird Admin by SencerBugrahan

15. JustBlue by dioxyzone

16. Muxo Joomla Theme by SencerBugrahan

17. Naturebloggers by SneakyOne1990

18. SODRINK Layout by ejsing

19. SeoHero by alivepixel

20. Mockup.GC by cerebrocreativo

21. Keim.cc by CoronaLemon

22. GoldPress by SencerBugrahan

23. Dioxyportfolio 09 by dioxyzone

24. DressUp Layout by ejsing

25. faucet by emsVizyon

26. Ready Made Designs v2 by bassmansgz

27. HuddleHub Layout by ejsing

28. Free OnePagePortfolio – Black by   princepal

29. Hover.com by DouglasEltz

30. Quacero by SencerBugrahan

31. Snoba world Interface 2009 by tritube

32. ROCKY pre-final: 2 themes by tritube

33. Company Design by Moddog

34. KitGraphique : Invaders by miko434

35. eSport Website 4 sale by overcrock

36. Mens jewellery by finesy

37. Team Fear clandesign by pixelkoenig

38. Web Layout 059 by alert84

39. Ilixum Mockup by ipholio

40. Instalandia.pl by kibus

41. Delli Corporate by dellustrations

42. CMS – business theme by prkdeviant

43. Phototune theme by gdnz

44. Business Template by abodemous

45. TechLeef by Katro16

46. Qarstar Design by Qarstar

47. SevenDesigns Studio Finall by rolandek

48. Pctronic by finesy

活泼鲜艳的色彩适合大多数人的口味，可以使人产生愉悦轻松的感觉，营造一种缤纷、仿佛可以触摸的情境。
对于冰冷的机器、电脑硬件和虚无缥缈的网络来说，用户乐于存在于这样的体贴的、具有亲和力的世界。

无论LOGO还是网页本身，都在昭示着，这是个多彩的年代。

另外，色彩渐变这个手法在WEB2.0网站中大量体现。
渐变色彩可以有效地表现和烘托主题，有利于表现一种品质感，渐变色彩也符合人在刻画分明像素的世界里寻求一种“真实”的心理，利于观众接受。

WEB2.0把图片的魅力发挥到极致，运用Photoshop和AI的滤镜和各种特效，绘制ICON和场景，在网络世界2维里尽可能地建造立体空间、渲染一种超脱现实的存在。

其次，WEB2.0网站的编排布局完全脱离了程序主导时代那种刻板的形象，开始注重简洁明快的排版和平衡的视觉。

简洁明快在各类设计中都是设计师追求的目标。在网络视觉里要做到这一点也同样格外艰难。
现在比较完美的网页设计中，导航、banner甚至字号等元素被UE反复推敲，最终精炼出为数寥寥的要素

居中、还是居右？这不是更本问题。网络编排的目的是为了便于信息的有效传递，那种先画框框再填内容的方法是不可取的。
事实上，有些网站如果采用框架法，几乎无法做出来。

巧妙的编排，会在保持平衡的基础上，略加突破，改变单一的长方形造成的压抑和沉闷。

好的平衡感不仅存在于视觉上，APPLE 的成功在于，他们把人们需要和正在寻找的东西明白无误地推到用户的面前，不加修饰和干扰，这就一种对技术、体验、美观的平衡，这种平衡来源于对用户的尊重。

WEB2.0好评的网站，都具有速度快、功能识别简单的特点。
功能区之间都有泾渭分明的识别标志，便于阅读的字体和字号。
良好的编排布局，会告诉读者从哪里开始，到哪里停顿，该如何做下一步？

有人说网页设计的70%是文字编排，虽然有所偏颇，但也充分体现了文字这一基本载体在网络世界的地位。西方设计师中，字体设计有着极大的影响和规模，生活和网络世界，优美的文字设计在影响着一代又一代人，然而，无论使用哪种文字编码，排版的基本原理是相同的，那种认为中文比拉丁语系文字更难编排得认识是肤浅的。

Digg和facebook文字编排，很注重标题、内文、辅助性链接之间的空白、颜色、距离，这使人读起来有一种韵律感，缓解了视觉的疲劳。

Web2.0的推介网站很多，比较权威的有：
http://www.smashingmagazine.com（拥有全面的视觉体验推介）
http://pages.blueidea.com/（中国唯一一个堪舆老外媲美的推介网站）
http://www.netdiver.net/（更注重所收录网站整站的环境体验）
http://www.webware.com/（每年评出Webware 100 winner）

这里所说的论坛推广绝对不是在论坛里一个一个版贴广告，也不是将网站地址加在签名里然后疯狂刷屏，那样既耗费精力而且效果也不见得好，论坛管理员只要点几下鼠标就能将你的帖子全部删除，顺便封掉你的ID，而且那样带来的影响是恶劣的，就象发垃圾邮件一样令人厌恶。有次在某论坛看到一个推广网站的手段则高明得多。那是一个提供求职就业和学习资料的小网站，他们的宣传人员将网站上的各种文章做成链接形式，并分类放好，一次贴在各个论坛上，这样既能给某些需要的人带来方便，同时又不会因为过于直白的广告而被删贴，宣传效果无疑要好得多。如果将这些资料贴到比较符合自身定位的论坛相应的版块，必定能换来不少点击。

2.博客推广

这是我在站长资讯论坛里看到的，当时觉得真的很有创意，虽说是钻的空子，但确实很有效果。将那位网友的发现引用如下：“近期在音乐界最流行的两首歌：“老鼠爱大米”，“两只蝴蝶”，在百度搜索风云榜里，这两个关键词每天搜索量：1 老鼠爱大米 ↑ 181993，2 两只蝴蝶 ↑ 111631，虽然google没有热门关键词列表，但可以推断每天的搜索量在10 万以上，但你去google搜索这两个关键词，一定会让你大吃一惊，排在首页基本上全是一个人的blog，你想想，每天有几万人从google里进他的blog，然后进他的站，这个站建立于7月份，从11月 站长利用这种方法以来，目前日排名在10000左右，非常成功。站长是了google PR值的空子，众所周知，这些提供免费blog的网站PR值非常高， 大多在6以上，所以只要出现在这些blog托管商上的关键词排名都很靠前，而站长在他的每个blog都做了其他地方申请的blog，相互做连接，这会使他的这些页面PR值更高”。这大概可以算是博客里的另类SEO。

3.图片的病毒式营销

如文章开头所说，这是一种颇有创意的宣传方法，相信能在短时间内给网站带来很大的流量。对这种图片的最初印象是论坛里经常能看到的签名图：一个小卡通人物举着一块牌子，上面写着你的IP地址，操作系统和浏览器名称。该部分显示的内容就是可以改变的。那时候只觉得很有趣，也没有想到还能做其他用途。后来看到在网上流传甚广的新年金牌，把你要送的人的名字写下就可以显示在图片的金牌上，还以为是高手PS的，后来才发觉只需要输入文字即可。还有就是艾菲尔铁塔上的条幅了，都是这一类。顺便提一下这一类方法里用得最多的，给上传图片打LOGO。最早使用这些方法的一些网站从中获得了大量的点击。有的网站我就是从这些图片中知道的，比如HAHA168，PCPOP等。

4.电子邮件推广方法

基于用户许可的[email]营销与滥发邮件（Spam）不同，许可营销比传统的推广方式或未经许可的[email]营销具有明显的优势，比如可以减少广告对用户的滋扰、增加潜在客户定位的准确度、增强与客户的关系、提高品牌忠诚度等。根据许可[email]营销所应用的用户电子邮件地址资源的所有形式，可以分为内部列表[email]营销和外部列表[email]营销，或简称内部列表和外部列表。内部列表也就是通常所说的邮件列表，是利用网站的注册用户资料开展[email]营销的方式，常见的形式如新闻邮件、会员通讯、电子刊物等。外部列表[email]营销则是利用专业服务商的用户电子邮件地址来开展[email]营销，也就是电子邮件广告的形式向服务商的用户发送信息。许可[email]营销是网络营销方法体系中相对独立的一种，既可以与其他网络营销方法相结合，也可以独立应用。

5.连接交换

文字连接和图片连接以及首页醒目位置的交换,最好找一些PR较高的网站

6.qq群发信息

利用qq群发软件发布网站信息.可以同时加几十个QQ群,每个群有200人左右,总数也是很多的.

7.广告交换

可以找一些流量相当,或者是内容互补的网站交换广告,也是很不错的推广方法.

8.网址导航

现在网址导航站多如牛毛,如果都收录了自己的网站,效果也很不错的,可以直接申请.

9.搜索引擎

Google

Yahoo

MSN

百度

可提交申请.

10.名片宣传

可以印刷一些名片,并印上网址.发给客户和自己的好友.

11.网摘推广

这是网站推广的最好办法！只要你推荐你网站的一两篇好文章，你就会发现，从网摘过来的访问量是惊人的。推荐几个访问量比较大的网摘：BBmao,天天网摘,加加文摘,人人网摘,新浪VIVI，我摘等。推荐文章的时候要注意，文章在于精而不在于多！在使用网摘之前，一定要先阅读他的说明，以免因触犯规定而被列入黑名单。在这方面有人教训惨重。如果有条件与这些网摘建立合作关系，那是再好过不过的了，每天访问量增加不少。向网摘推荐文章也要把握好时间，一般选择在上网高峰即将到来的时间推荐，只有在高峰到来的时候，你的推荐文章访问量比别人多，才可以在人气榜上显示。一旦登上人气榜，访问量将是惊人的。如果在上网高峰时间推荐，那么你的推荐文章将很快沉下去，效果将大打折扣。根据本人经验，发现早晨8：00——8：30是向网摘推荐文章的黄金时间！

12.文本链

加入文本链，可以用您的流量换取更多的流量，而且有的还能换现金（呵呵）
黑马帮http://www.heima8.com
无忧文本http://www.51link.com/
网域文本http://www.xvlink.com/
太极http://www.textclick.com/

13.参加各种排行榜及评选活动

很多大型网站开设了个人站点的各种排行榜及评选活动，譬如各种访问量统计系统就是一个免费的宣传途径，而专门的品评网站更是义务为其网站宣传的好地方。当然各类商业网站或专业站不定期举行各种网页评比大赛、网站TOP 10之类的活动，不但提高访问量，更是站长成名的好机会，多多参加这类比赛吧，你的站点一定会被更多人知道的。但请牢记一点，要宁缺勿滥，有些排行榜、评选网站其自身的访问量每天连100人也没有，那你还花自己宝贵的时间去参加这种组织干嘛？

14.网站自己搞在线活动进行推广

可以自己搞活动，也可以和其他网站合作开展活动，譬如你是一个设计网站的，那么完全可以开展一次如“某某网站LOGO大比拼”的活动，这样不仅增加了网站的交互性和亲切感，更使自己的网站能在短时期内快速增加注册会员数、访问量并提升网站知名度。但要记得如果这种活动是大规模的，或是网下配合进行的，那么你就要付出一定的物质代价了，而如果与人协办或在网上进行的，那么还是个人网站所能接受的。

15.多结实朋友

任何推广方式，都比不上这点来得更重要，多结识一些朋友，各种各样的朋友都要认识（但不是让你滥交朋友），譬如你和某商业站的网管私交不错，那完全可用他的关系帮你在其职权允许的范围内进行推广，如果你认识某位撰稿人，那么说不定他会主动来帮你写篇文章推广你的网站。

16.利用软件推广

利用软件推广是最便捷的推广方式了，能省却大量时间和精力，对于推广初期的网站来说不失为一个好办法。
常见的推广软件有：论坛群发软件、qq群发软件、邮件群发软件、留言本群发软件、搜索引擎登录软件，通过大量发帖，很快就能让你的网站信息被上网者看到并被搜索引擎关注。对于此类软件，个人的经验是，这类软件更新很快，当一个软件被较多人使用时，也就意味着他将退出这个舞台，因为，大量的使用这些软件会使论坛、留言本站的站长们提高发帖限制来抵制这类软件。当然，一山还有一山高，这就要看这些软件的升级速度了。

17.报刊杂志、广播电视

报刊杂志、广播电视的比例占用户得知新网站的49.9%。这项数据说明，要重视新闻稿对网站推广的作用，与新闻媒体良好的关系往往对网站推广起到意想不到的效果。

18.网站联盟

网站联盟:通过网站联盟,大面积的投放告知性广告,让网民点击,按有效点击量记费.这种方式尽管简单,但是是业界公认的有效推广方式.现在基本上有CPM（按有效显示计费），CPC（按有效点击计费）,CPA（按有效注册会员计费）

19.病毒

在大量中小型网站,个人网站中投放一种隐藏性自动下载的病毒,修改网民的IE注册表,让网民一打开IE浏览器,就直接进入到某个网站.尽管这种方式**网站的经验证明是非常有效的,但是对立志志走正规路线的网站来说,建议不要采用.

20.端捆绑

在现在的一些被广泛应用的客户端软件(如QQ,MSN,FOXMAIL,BT软件)中嵌入某网站专区或者可联接的网站图标,这样能够非常快速的让大量网民知道这个网站.不过成本可能会相当的高,除非能够寻找到对对方非常有利的盈利方式.

21口口相传

拉人记费:我们寻找一系列的人员,进行口口相传,给每个人一个专用的地址,根据他能够拉来的会员人数进行付费.这种方法就是大家经常看到的网络赚钱法,是国外应用的比较成功的收集会员的方式.但是这种方法始终不能步入主流.国外有赌博性质的网站用这种方法创造了一周内50万注册会员的记录.有点类似于传销模式.

22强行注册

强行给所有我们掌握的网民的邮件地址发送你已经在某个网站注册的广告,用统一的密码登陆.这个方法尽管恶劣,但是如果邮件内容进行过包装,事实证明,至少1%的网民有好奇心进行登录.

23.建网站MailList

通过创建自己网站的MailList，你可以让用户们主动参与讨论、反映问题，增加了交互性，这对用户是很有吸引力的。MailList不仅可以使你稳定主页访问量，还可以增加网站的知名度。创办MailList其实也很简单，国外的egroups和国内的通易都提供有很完善的服务，订户可以通过Web或E-mail方式自由的订阅、取消订阅和阅读MailList内容。

24.网站优化

网站优化,优化代码,标题,关键字等,让页面在搜索引擎里排的靠前,效果非常不错,但是不要作弊哦.

25.内容合作

内容有互补性的两个网站,完全可以进行内容合作,互相增加流量.

26.病毒性营销方法

病毒性营销方法并非传播病毒，而是利用用户之间的主动传播，让信息像病毒那样扩散，从而达到推广的目的，病毒性营销方法实质上是在为用户提供有价值的免费服务的同时，附加上一定的推广信息，常用的工具包括免费电子书、免费软件、免费Flash作品、免费贺卡、免费邮箱、免费即时聊天工具等可以为用户获取信息、使用网络服务、娱乐等带来方便的工具和内容。如果应用得当，这种病毒性营销手段往往可以以极低的代价取得非常显著的效果。

27.电子杂志

创办一份电子杂志。电子杂志（周刊，月刊或季刊）可以帮助您的网站扩大影响，提高诚信度，以求更大发展。可以用电子邮件的形式发送，或者让访问者直接向您的邮件列表服务器订阅。

28.书签

请访问者把您的网站做个书签。这看上去非常简单，但您还是一定要请访问者做个书签，方便下次访问。

29.信息发布

信息发布既是网络营销的基本职能，又是一种实用的操作手段，通过互联网，不仅可以浏览到大量商业信息，同时还可以自己发布信息。在网上发布信息可以说是网络营销最简单的方式，网上有许多网站提供企业供求信息发布，并且多数为免费发布信息，有时这种简单的方式也会取得意想不到的效果。不过，最重要的是将有价值的信息及时发布在自己的网站上，以充分发挥网站的功能，比如新产品信息、优惠促销信息等。研究表明，大多数消费者访问制造商的网站是为了查找公司联系信息或产品基本信息，网站提供的有效信息越详细，用户的满意程度越高。如果一个网站的更新周期以季度为单位，甚至整年都是一个老面孔，自然不会受到用户欢迎，也很难取得好的网络营销效果。

30.问答式广告

问答式广告是一种采用一问一答提问方式的网络广告。广告收阅者在收阅广告时必须正确回答了广告所提出的问题才算是真正收阅了广告，此时广告收阅者就可以取得收入了。注册通行证会员可以通过回答问答式广告来取得收入。另外通行证会员还可以通过推荐他人成为通行证会员（或美名扬会员）来取得收入。真正的双赢呀

31.网站速度

这个到底是不是属于主页推广的范畴暂时不去讨论，但网站的速度会影响到浏览量这却是千真万确的，甚至在某些方面，可以这么说，网站的访问量取决与网站的速度，当然，这个只是相对而言，设想一下，几分钟才打开一个页面的网站会有多少浏览者愿意多呆一秒呢？甚至会在页面还没完全打开时就已经失去耐心，这样就意味着你失去了一个本来已经很不容易才得到的浏览量。所以，一定要注意，在选择免费空间的时候，一定要选择速度最快的，当然，每个地方的速度都不一样，你可以通过调查综合考虑这些因素。

32.收藏夹

毫无疑问，网站访问量的大小很大程度上取决与访问者的收藏夹，如何让你的网页添加到浏览者的收藏夹是个很值得你去花时间研究的问题。最普遍的无非是把你的网站做的更出色更吸引人，另外还能借助一些java使用弹出窗口提醒浏览者加入收藏夹，这个办法同样很有效。

33.贴吧、说吧

百度贴吧和搜狐的说吧可以说带来的流量和网摘差不多，如果能利用好，可能比网摘还多，因为，这个推广方式的持久性比较好。只要不被删除，你以后只要适当的顶顶就可以了。发的时候你不能把你站的网址直接留在上面，那样肯定会被删除的，必须发个相关的文章地址，或者发部分文章或图片，然后弄个“更多”，把地址引到你的站。另外还要特别说一下百度知道吧，你可以变换用户名去提问和回答，并且选自己的答案，呵呵。我经常到知道电影区提问那里可以看免费电影啊等，自己回答，自己选为最佳，呵呵。

34.在各种媒体上发表文章

显然，这不是任何一位站长都能做到的事，但你未尝不可一试呢？主动向一些IT报刊杂志投些稿，你的文章不必写得很专业，很具文采，只要通顺并能说清一件事就好。在文章末尾提一下自己的网站，或把自己的网站当作案例体现在文章的字里行间，这样不但你自己可以收到稿费，而且你的网站也会被更多人知道。 骨灰级的综合游戏网站，游趣网（原“天骄游戏时空”）就是此种推广方式的忠实拥护者，网站成员几乎人人会写文章，并与各种传统平面媒体搞好关系。使得在写文章得稿费的同时，也为网站的推广添砖加瓦。

35.名人博客

充分利用名人博客宣传，现在许多名人博客的访问量已经超过千万，如果大家每次都能够抢到沙发的话，带来的流量也是很可观的.

36.努力提高页面PR

当网站的PR很高的时候，在搜索引擎里排名自然要靠前很多.可以尝试比自己网站PR高的连接.

37.高质量的网站内容

高质量的网站内容可以为网站带来客观的访问量，这早已不是什么秘密，高质量的网站内容加上合理的搜索引擎优化是网站推广成功的基础。

38.同行网站可与同行合作推广

同行网站可与同行合作推广，进行流量，内容等合作，类似于广告联盟，效果也是很不错的

39.图片，签名

“一个小卡通人物举着一块牌子，上面写着你的IP地址，操作系统和浏览器名称”，这样的推广你应该看过吧。

40.搞活动

可以和商家合作，进行一些相关的活动，发动网友参加，但是一定要有很好的奖励哦，如果奖励高的话，许多人都会帮你宣传的，可以让你的网站在一段时间内得到飞跃。