Web2.0 体验式网站设计的41个关键点
作者:蓝调 来源:蓝调生活日记 发布时间:2008-08-10 17:49:00
Web2.0时代,体验式营销,体验式网站设计开始走向主流,那么体验式网站到底意味着什么?具体表现在那些地方?周末,根据建站的一点经验和观察,也参照了网友的一些建议,总结了体验式网站设计的四各方面,41个关键体验点,将其梳理概况,但仍是较为粗浅,与大家分享,欢迎补充建议。
一、体验式网站设计的四个方面
1、视觉体验:呈现给用户视觉上的体验,重在UI设计,强调舒适性。
2、浏览体验:呈现给用户栏目和内容的体验,重在合理规划,强调协调性。
3、信任体验:呈现给用户的信任体验,重在细节斟酌,强调稳定性。(详见文章二)
4、互动体验:呈现给用户操作上的体验,重在路径设计,强调易用性。(详见文章二)
二、视觉体验的11个关键体验点
视觉体验:呈现给用户视觉上的体验,重在UI设计,强调舒适性。
1. 整体风格:这是网站给用户呈现的第一印象,主要体现在两方面,
一是网站质量的权衡,网民第一次看到网站后,首先会根据感觉对网站有个上、中、下额评判,
二是网站类型的归属,例如是资讯型,形象型等。因而网站在设计之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,网站设计要符合目标客户的审美预期和类型归属。
2. 网站LOGO:LOGO的设计水平直接体现了站长的审美水平。并且logo是网站整个风格的主导,也是网站对外传播的形象标示,务必要仔细斟酌,不仅要简洁得体,还要符合网站的定位和目标。
3. 页面布局:重点突出,主次分明,图文并茂,声画全面。网站的有效空间是有限的,网站的第一屏画面至关重要,页面布局要与网站的营销目标相结合,将最能吸引用户的内容,通过合适的表现形式,放置在最重要的位置。
4. 页面色彩:六个务必:网站务必要有个主题色,务必注意冷暖色调的搭配,务必注意主色调、辅助色的使用数量,务必保持网站整体形象相统一,务必注意渐变色的使用,务必恰当搭配色彩的明度和亮度。
5. 页面大小:最好将网站设置成为自适应的页面,如果无法修正,最好调整为1024*768,照顾到800*600用户,页面主要内容可以偏左设置。此外,还有一些异性的网站,务必要考虑到核心用户群的使用习惯,可以主要从年龄上来判断,30岁以上用户,还是800*600居多。
6. 动画效果:首先注意动画的放置位置,其次是呈现方式,再次是加载速度,最后也是最关键的是内容的表现形式。动画效果会在第一时间吸引用户的关注,但关注不是目的,要让用户有兴趣接受动画所传达的内容。在动画表现形式设计时,还要注意与主画面相协调,动画效果节奏适中,不干扰主画面浏览。
8. 图片展示:首要的还是图片栏目的页面位置,要与整体网站比例协调,符合一般用户的浏览习惯;其次是图片的展示形式,现在有很多flash的图片代码,还有lightbox的js也是不错的选择,再次是图片内容要清晰、不变形,图片选择上也要符合网站的总体风格,不要太突兀。
9. 图标使用:首要考虑与页面整体风格统一,其次是简洁、明了、易懂、准确,再次可以尝试使用一些3D效果图标。
10. 广告位的设计:广告设计最关键是要符合用户对网站广告的预期,不要让用户对广告产生反感。有很多是网民早已认可的广告位置和形式,例如页面上方的banner条,页面两边的对联形式,页面右下方的文字广告等,这些位置都是网民们默认的广告位,千万不要冲击网民的浏览习惯,避免干扰视线,除非你的广告创意绝对吸引人,否则结果往往是立刻关闭广告和网站。
11. 背景音乐:除非是活动推广或者是形象推广类主题网站,搞点刺激性的音乐提提神,否则千万不要设置背景音乐,一个字,烦!就算设置背景音乐,最好将开关按钮及音量控制放在显要位置,免的网民因为找不到控制按钮而立刻关掉页面。
猜你喜欢
- 开门见山,直接以例子介绍: 代码如下:CREATE TABLE [dbo].[course]( [id] [int] NULL,
- 作者: Terrance译者:Sheneyan(子乌)时间:2010.2.6英文原文:13 Useful WordPress SQL Que
- 问题:在论坛发表回复时出现“The table is full”的提示,字面意义上是数据表已满的意思。因为很少有开发者遭遇单一表超过4G的情
- SQL Server内存会不断增加当 SQL Server 数据库引擎在 Microsoft? Windows NT? 或 Windows?
- 在 Google 搜索结果页面中,将其 Logo 图标右键另存为后可以发现,它并非单纯的
- 本文介绍如何建立基于Web的日历,同时为不熟悉Active Server Pages(ASP)、SQL和ADO的开发者提供建立Web站点的过
- 目前,我们要在网页中使用圆角效果,总是通过切图然后嵌套很多div,用背景来实现圆角效果。对于前端开发工程师来说,圆角的确是一个让人又爱又恨的
- 我想大家在用Sql2005一般都是.NET2005自带的SQL Server 2005是SQL Server2005 Express版本的,
- 相信为数不少的系统管理员每天都在做着同一样的工作——对数据进行备份。一旦哪一天疏忽了,而这一天系统又恰恰发生了故障,需要进行数据恢复,那么此
- 对数据库的管理常规就是进行预防性的维护,以及修复那些出现问题的内容。进行检查和修复通常具有四个主要的任务:1. 对表进行优化2. 对表进行分
- 我们经常会在登录一个网站的时候被引导页挡住前进的脚步,这一点在上个世纪到本世纪初的网站中尤其明显,特别是在企业网站里,几乎每个企业网站都会有
- 这些列举的网站,站内还有大量的效果,希望大家多去找找,对于研究的朋友来说,更是很棒的源码参考。第5款的东东,很强很震撼...1、$fx()简
- 下面是asp代码实现列出sql数据库中存储过程的功能,可自行添加其它功能:< HTML >< 
- 最近在开发项目的过程中遇到一个问题,就是在插入一条记录的后要立即获取所在数据库中ID,而该ID是自增的,怎么做?在sql server 20
- 在开始安装SQL Server 2005数据库过程中,出现了下面的错误,安装不能继续进行:The SQL Server System Con
- asp中使用addnew方法添加一条记录后,我们经常使用取得自递增的ID,而使用bookmark很容易实现这样的功能。rs.open&nbs
- 最近在用fso,读取txt文本文件的内容时碰到了“输入超出了文件尾 ”的运行错误,当txt中的内容为空的时候就出现这个问题了,查了
- 今天彬Go将和大家一起讨论网页设计趋势中很重要的环节,那就是”勾引”用户的按钮。所谓”勾引”用户的按钮,其实对于Web设计师来说,就是如何设
- 第三章 XML的术语提纲:导言 一.XML文档的有关术语 二.DTD的有关术语导言初学XML最令人头疼的就是有一大堆新的术语概念要理解。由于
- 今天萌发一个想法,用css来实现透视效果。起初,我想到的是我们常见的添加阴影效果的方法,用多个div通过偏移来实现,但这需要很多 div,不