吃关晓彤的肉:Web2.0体验式网站设计要点

Web2.0时代，体验式营销，体验式网站设计开始走向主流，那么体验式网站到底意味着什么？具体表现在那些地方？周末，根据建站的一点经验和观 察，也参照了网友的一些建议，总结了体验式网站设计的四各方面，41个关键体验点。
体验式网站设计的四个方面
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. 动画效果：首先注意动画的放置位置，其次是呈现方式，再次是加载速度，最后也是最关键的是内容的表现形式。动画效果会在第一时间吸引用户的关注，但关注不 是目的，要让用户有兴趣接受动画所传达的内容。在动画表现形式设计时，还要注意与主画面相协调，动画效果节奏适中，不干扰主画面浏览。
8. 图片展示：首要的还是图片栏目的页面位置，要与整体网站比例协调，符合一般用户的浏览习惯；其次是图片的展示形式，现在有很多flash的图片代码，还有 lightbox的js也是不错的选择，再次是图片内容要清晰、不变形，图片选择上也要符合网站的总体风格，不要太突兀。
9. 图标使用：首要考虑与页面整体风格统一，其次是简洁、明了、易懂、准确，再次可以尝试使用一些3D效果图标。
10. 广告位的设计：广告设计最关键是要符合用户对网站广告的预期，不要让用户对广告产生反感。有很多是网民早已认可的广告位置和形式，例如页面上方的 banner条，页面两边的对联形式，页面右下方的文字广告等，这些位置都是网民们默认的广告位，千万不要冲击网民的浏览习惯，避免干扰视线，除非你的广 告创意绝对吸引人，否则结果往往是立刻关闭广告和网站。
11. 背景音乐：除非是活动推广或者是形象推广类主题网站，搞点刺激性的音乐提提神，否则千万不要设置背景音乐，一个字，烦！就算设置背景音乐，最好将开关按钮及音量控制放在显要位置，免的网民因为找不到控制按钮而立刻关掉页面。
（二）浏览体验的八个关键体验点
浏览体验：呈现给用户浏览上的体验，强调吸引性。
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、论坛人气：无论网站做的再花哨，如果有论坛这个栏目，打开论坛一看，没几个在线用户，没几条热点内容，很容易直接就把网站否定掉了，因此，论坛千万要注意，要么不做，开设了就得注意人气的经验，哪怕自己每天狂灌水，也得先把网站人气拖起来。