您的产品或服务的扩展知识
除了常规的
网站建设产品知识,您还需要对这些知识进行延伸,您可以通 过专业文章,白皮书等方式,发表您在行业中的造诣,扩展知识可以提高您的企业在行业中的权威并赢得话语权,这些内容需要有一定的见地,能赢得行业认可,您也可以将这些文章在别的媒体发表,并提供对您网站上类似内容的链接,这也是提高您站点 SEO 排名的好的途径。
产品的购买和促销信息
要让最终对您的产品动心的用户知道如何去购买您的产品。您可以提供您在各地的经销商的详细联系方式,您的专卖店的地址,电话,交通,营业时间,您的产品的订购细节,指导价格,付款方式,派送或发运方式,这些内容需要精确,细致,这些内容的消费者即将成为您的正式用户,是您前面苦心经营的结果,绝对不应该在这里让他们走掉。
网站帮助信息
一点也不奇怪,常常有一些网站让人摸不着头脑,您不知道应怎样使用它们。对一些界面不是很明显的网站,应该包括方便的帮助信息,帮助用户使用您的网站,这些帮助信息应当非常及时(Handy),您在不知所措地时候,能立即找到。一定不要象传统软件那样,将所有帮助信息编译到一个庞大的文件里,让用户自己找,帮助信息应当就在使用现场或附近。
常见问题及解答(FAQ)
FAQ 内容应该放在非常显眼的位置,FAQ 是帮助用户迅速上手的好途径,因为 FAQ 是绝大多数人关心的问题及解答,有经验的用户来到一个新企业网站会直接去找 FAQ 以便迅速了解他/她想知道的东西,因为绝大多数用户没有耐心去一页一页地浏览您的内容,他们会看看其他人都问过什么,以及您是怎么回答的。
法律声明(版权,隐私条款,使用条款,免责声明等)
虽然不是每个企业都有法律顾问,但您总能找到一些适合您的声明内容,结合您的实际情况,将这些声明放到您网站的底部,它们可能没有多少非常显示用处,但在万一出现纠纷的时候,这些声明可以降低您的麻烦。
职位空缺与招聘信息
如果您曾被评为好雇主,将招聘和职位空缺信息放到自己的网站,比放到专业招聘媒体也许更有效,能主动到您的网站寻找工作机会的人必定对您仰慕已久,您应当重视这些有心人。
专用于大客户和合作伙伴的内容
您可以在网站上开辟专门的区域,供您的 VIP 客户或合作伙伴使用,您可以为不同客户提供个性化内容,这种服务体验是非常让客户舒心的,我的一个 Comsharp CMS 客户便在他的网站上为大客户建立了一个订单跟踪系统,每个客人的每份订单,都发布在上面,包括订单日期,产品,金额,运期,装运资料,装运单据副本,付款情况,一目了然,每个客户只要使用他们自己的帐户登陆,就会看到自己所有订单的执行情况。我另有一个 Comsharp CMS 客户从事工艺礼品出口业务,他们的产品针对不同市场,他为不同市场的客户提供了不同的产品目录区,客户登陆后,只看到与他们相关的产品资料,不仅节省了时间,还避免了竞争对手对机密资料的窃取。
如果您是上市公司,您应该公开上市资料
您的股东,董事会成员,您的股份分布,股票价格,财务报告,利润,分红等等资料,上市公司需要透明感,您需要将这些必须对股东公开的资料发布到网站上,并随时更新。
Blog, BBS, Comments 等动态内容,您的网站上也可以提供团队成员的博客,公众讨论区,员工交流区域,同客户的交流区,用户评论等内容,这些动态内容让您随时了解用户的需求和抱怨,以便及时改进自己的产品和服务。
内容是一个网站最有价值的部分,内容为王就是这个意思,用户访问您的网站的唯一目的是获取有价值的内容,丰富的内容,准确的内容,不断更新的内容是成功企业网站的三个要素。
好企业网站的 101 项指标中,有 23 项是关于内容的,我们把内容放在首位,事实上,您应该把 80% 的重心放在内容上面,这 23 项内容指标分别为:
丰富的内容
一个内容匮乏的企业网站,给用户带来的失望是难以想象的,用户通过搜索引擎,广告,或朋友介绍来到您的网站,是带着需求而来,他们对您的企业,产品,服务缺乏了解,在这个时候,企业网站是最应该发挥价值的时候,好的企业网站的建设者应该揣摸用户的需求,他们为什么来,希望看到什么,他们会遇到什么问题,我们怎么解决,带着疑问而来的用户是最有潜在价值的用户,您的内容无论多么周到都不为过。然而现实的情形是,用户除了一些漂亮画面,什么也没看到,您的产品,产品的特点,价格,包装,生产周期,服务,支持文档,问题及解答等等,用户希望这些内容越详细越好,很多企业具有这样的心理,我们只是放一点产品资料上去,用户感兴趣,自然会和我们联系。
事实上,如果您的这些资料过分简陋,匮乏,用户会对您的实力产生怀疑,我曾经为一个从事机床附件出口的企业提供 IT 咨询服务,那是一个非常成功的公司,有一次,他拿出他们的产品目录给我看,那本目录有 500 页厚,上面密密麻麻地编排着非常详尽产品数据,我看到那本目录的一瞬间就知道他们为什么成功了。企业网站也是一样。
准确的内容
没有用户会容忍您网站上的错误,他们会觉得您不专业,不认真,如果一个企业在网站这些软的东西上都错漏百出,它的产品也不会好到哪里去。您在创作站点内容的时候,需要不断检查,校对,最终,也是最重要的,您要以一个用户的身份经常访问自己的网站,您会发现很多错误,这时您一定不要等待,不要说过两天我就改正,过两天的意思是您永远都不会去改正这些错误,有一些企业,他们网站上提供的电话是永远也打不通的,因为那个号码早就变了,您应该立即更正,现代的 CMS 网站可以让您非常容易地实现这一点。
不断更新的内容
这几乎是目前中小企业网站的通病,这些网站的大多来自企业主管的一次心血来潮,他们花了大量时间和预算建设了网站,以为这样便完事大吉,从此便将这个网站抛在一边。永不更新的网站对只来一次的用户来说没有什么,而只来一次的用户对企业也往往带不来销售,然而,如果用户对您产生兴趣,他们就会再来,只有对您的产品和服务有意购买的用户才会频繁来访,如果您的网站从不更新,对您无意的用户可能不会觉察,对您有意的用户一定会看到,从不更新的网站恰恰是给您最有价值的用户带来疑虑,他们会怀疑您的业务已经停顿。
内容要专业
内容一定要能够体现您的企业素质,用户和您建立消费关系之前,他们会通过网站上的内容揣测您的产品和服务,您网站上内容代表您的产品,专业的内容会让用户相信的产品和服务也足够专业。同时,专业的内容往往具有权威性,您的内容可能会被很多人引用,链接,无形中为您带来广告宣传作用。
具有原创性
这不仅是版权问题,也关系到您的公信力。优秀的企业有自己的见解,有话语权,如果您的网站只是摘录别人的内容,会让人觉得您的企业也毫无建树。原创性的内容是建立您的话语权的最重要途径,任何企业都应该通过专业文章,行业标准,白皮书等内容建立自己的权威。
内容要完整
传统企业网站的建设流程一般是这样,企业事先提供内容给设计人员,设计人员再将这些内容编排发布到网站。很多企业无法一次就把完整的内容收集齐全,大家往往说,这一段暂时没有,等过两天再整理一下,同样,过两天的意思是,这段内容便永远缺失了。我见过无数内容残缺不全的企业网站,或者某个产品缺少图片,或者某段内容在默认语言版本中有,进入别的语言版本却空着,或者点击了某个下载链接却返回404错误。
您需要不断访问自己的网站,仔细检查那些内容不完整的地方,如果某段内容不完整,与其放在那里让用户迷惑,还不如将它拿掉。同样,现代的 CMS 网站允许您随时补充您的内容,要持续地这样做。
内容要包含图文,但以文字为主
有言道,片图抵千言(A PIcture Is Worth A Thousand Words),图片,表格,以及必要的多媒体素材(视频,Flash,音频)等等可以帮您更好地表达,也会让您的用户不至于太枯燥,但这些素材不可过多,您的内容仍然应该以文字为主,过多的媒体会让页面很难迅速打开。
内容要体现企业的价值观
您不可使用有违企业价值观的内容,一个供黑客使用的网站可能包含一些系统破解文章,但这样内容无论如何也不会出现在微软的网站。您的内容应该向访问者传递健康,积极的信息,网站是公众媒体,任何不当的言论都可能为您的企业带舆论方面的问题。
要区分不同地域与文化的受众
最基本的要求,如果您是一家国际性的企业,您的网站至少要包含一个英文版和一个本地语言版本,如果您的主要市场是,比如说德国,那么,提供一个德语版本也不为过。不同语言版本之间的内容不是简单的互译,内容要基于当地的业务状况,文化与风俗,这一点,著名的杀毒软件制作商 Kaspersky 做得非常好。
企业网站最基本的内容包括,企业资料(profile)是用户快速了解企业的重要途径,您的历史,发展,业绩,您的主要业务,市场,雇佣状况等等,只要是可以公开的信息,都应该让用户看到,要尽可能详细。
公司动态,企业或行业新闻
这些内容应该出现在主页,用户一进来就可以看到,这是保持您的网站持续更新的好的方法,您的新产品,新业务,展览计划,促销活动,本行业的新闻,市场观察,产品路线图等等,通过这些新闻动态,让用户时刻觉得您的企业充满活力,您的业务在持续发展。您可以使用企业 Banner 图片的形式,将最新动态制作成吸引人的图片,动画,微软的网站每隔几天就会用一些非常清新的 Banner 图片展示他们企业动态。
团队信息
一定将您的团队资料发布到网上,如果一个用户对您的产品感兴趣,他对您的团队也会充满好奇,为什么不满足他们,同时,如果能亲眼看到产品团队,很多用户会打消对您的产品的疑虑,团队信息可以增强您产品的透明感。团队信息可以包括团队的教育背景,行业经历,专业造诣以及他/她在团队中所起的作用。如果您的团队成员有自己的博客,也可以提供他们的博客链接。
您的产品或服务
这是企业网站必不可少的,产品和服务信息要足够详细,事实上您在这方面的内容投入应该永不停息,只要您的产品在改进,新产品在开发,新服务在开拓,您就应该随时将这些新的内容展示给用户。产品资料包括产品规格,特点,在同类产品中的优势,劣势,产品的尺寸,材质,包装,价格(或者至少是价格范围),图片,生产周期,不要等用户打电话来问,您应该让用户直接在网站上了解到您以为需要在电话中才能说清的东西。
服务与支持
企业网站越来越成为企业提供服务与支持的中心,您在电话中向用户反复解答的各种问题,都应该在服务与支持中体现,这可以使用户在24小时之内随时获得帮助。服务与支持内容可以包括产品文档,使用技巧,疑难排解,安装与维护说明等等,企业应当不断积累服务与支持方面的内容,并对这些内容组织,整理,规范,形成完整的产品知识库,这可以显著降低人工支持的成本和压力。
第二章:易用性
好的内容是用来使用的,不管您的内容多么精彩,如果它们很难访问,用户照样会离开,易用性不仅仅牵扯到技术,更多的是良好的 Web 创作习惯,易用性包含34条规则,它们是:
只使用成熟,简单,兼容的技术
Web 技术一直在发展,因为 Http 协议最初只是为了表现简单的超文本,当人们赋予 Web 越来越多的使命的时候,Web 的局限性就表现出来了,为了解决这些问题,人们在 Web 上面附加了很多新技术以增强 Web 的表现能力,Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到现在炙手可热的 AJAX 技术,然而这些新技术很快带来了兼容性问题,因为 Web 内容要靠浏览器解释,不同的浏览器加不同的安全配置,导致这些新技术并不能被如期地渲染出来,比如,很多在 IE 中成熟运行的 ActiveX 在非 IE 内核的浏览器中根本无法使用,随着众多浏览器以及 Web 用户对这些新技术的拣选,我们慢慢得到了一个大家都认可的清单,现在,各大浏览器都支持,而且用户也乐于接受的 Web 附加技术是:
Cookie, Javascript, CSS
如果您希望您的企业网站能在绝大多数环境下被无障碍的访问,请谨慎使用除此之外的技术,这里我们需要特别说一下 AJAX 和 Flash,它们也被很多人认可,而且 AJAX 事实上是基于 Javascript 的,然而,AJAX 同时要使用在某些浏览器安全配置下容易被禁用的 XMLHTTPRequest 对象,事实上,我的 IE 浏览器的安全配置就禁用 XMLHTTPRequest ,所以,除非加入到可信任站点,否则我连 Google Map 都无法顺畅访问。Flash 是一种伟大技术,在线广告几乎是它最好的使命,作为易用性规则,我们不排斥以 Flash 技术提供广告,但 Flash 绝对不可以用在站点导航等站点基础结构中。
不使用任何网页特效
虽然网页特效并不一定涉及不兼容技术,但网页特效对绝大多数人来说是非常厌烦的,企业网站绝对不应该使用那些仅仅为了好玩的网页特效,除非您还生活在90年代(现在已经是2007年),或者您只有14岁。最令人厌烦的网页特效包括,要求设为主页,接连弹出的窗口,全屏窗口,改变鼠标光标,在状态条上滚动的废话,页面内容禁选,禁止查看源代码,闪烁的文字,离开时的弹窗,颜色古怪的窗口滚动条,声音背景。看看 Builder.com 怎样看待这些愚蠢的网页特效。
需要记住一条,访问者永远都不会因为您使用了一种自认为很 Cool 的特效而觉得您了不起。
清晰,统一的导航
用户在您的企业网站找到有用内容的唯一途径是通过站点的导航系统,您需要花大力气来组织您的内容,保证让用户以最快的速度找到它们。导航系统必须清晰,他们应该和站点的其它内容用不同的颜色搭配以便在网页上突出出来,同时,每个页的导航系统应该完全一致,从一个页面进入另一个页面看到完全陌生的导航系统是非常令人沮丧的。
导航深度不超过三级
虽然很多人觉得这太绝对,事实上,用户需要点三次才能找到自己想要的内容仍然太多,那种一级一级下潜的导航菜单是令人生畏的,很多人会产生进去以后便找不到路回来的恐惧,如果您能够很好地组织自己的内容,结合分页机制,Tag机制,对绝大多数网站,三级导航深度已经足够使用了。
导航链接中必须包含文字
为了美观,许多人喜欢图片按纽式的导航链接,如果您坚持这样做,也无可厚非,但一定在图片上同时加上文字,让文字体现该链接的含义,因为除了设计者,外人往往很难猜测您的图片按纽的含义,文字是最直接,最精确的。
必须有纯文本版本的站点地图
当用户在您的令人眼花缭乱的站点导航中彻底迷失的时候,纯文字版的,简单直接的站点地图还可以救急,站点地图可以帮助用户快速找到他们想要的内容,这是对导航系统的补充,甚至对有些站点来说,比导航系统更有效。另外,纯文本版的站点地图非常容易被搜索引擎抓取并以此遍历您的整个站点。
必须有面包屑导航条
面包屑导航(Breadcrumb Navigation)这个概念来自童话故事"汉泽尔和格雷特尔",当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路,所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。
每页都有自己的标题
许多企业网站的所有页的标题都是企业的名字或者一句口号,这会让用户不知道他们访问的当前页是说什么的,每页都应有一个和本页内容匹配的标题,这样,即使用户打开了很多窗口,仍然可以通过标题知道哪一页是说什么的。从 SEO 的角度看,在标题中使用本页内容中某些关键词是非常好的习惯,而且,当您的页面出现在搜索引擎的搜索结果中时,您的页面标题应当明确地告诉搜索者他们搜到的页面是关于什么的。
任何页都有一个链接指向首页
人们进入一个陌生的地方,当感到迷失或不安的时候,会立刻想到返回入口位置,访问者进入您的网站也是这样,每页都有一个指向首页的链接可以帮助用户在感到迷失的时候,迅速返回入口重新开始。
网站的 Logo 指向首页
这一条似乎没有什么道理,但几乎所有望站都遵守这样的约定,当很多人都这样约定的时候,您没有理由例外。
对于连贯性内容(sequential content),应提供向导式导航,比如说,您在网站上发表很长的系列文章,您应该将文章分成多个章节,用户看完这一章以后,下面应该有两个链接,分别指向上一章和下一章,这样,用户不必滚动回页面上方访问导航系统,他/她可以直接点这两个链接在文章中前进或后退,这样不仅节省用户的时候,还可以带来连贯阅读的快感。
全文搜索
如果用户不愿一页一页地翻看您的网站,您应当提供全文搜索功能,虽然您的搜索功能比起专业的搜索引擎还差很多,但可以帮助您的用户快速找到他们感兴趣的内容,不要使用 Google 等商业引擎的搜索代码进行搜索,与其那样还不如让用户直接到 Google 中去搜索,您应当提供一个本地搜索功能,不需要象 Google 那样强大,因为您不需要支撑那么大的用户量,也不需要搜索那么庞大的海量信息,您网站的本地搜索功能对用户来说,可能比 Google 更有帮助。
不使用欢迎页
当 Flash 如火如荼的时候,设置一个欢迎页,向用户播放一段精美的动画是很多企业网站的追求的模式,然而这种想法实在糟糕,很多人没有耐心等待那段漫长的动画下载完毕便离开了,您能想象去超市买东西前,需要先在门口看一段欢迎影片才能进去吗?您应当让用户直接进来,一进来就看到实质的内容,不要用您的浪漫想法浪费用户的时间,而且,由于搜索引擎也要首先经过这个欢迎页面才能深入到网站内部,一个让搜索引擎无法解读的 Flash 动画会让搜索引擎认为您的网站上什么东西都没有。
任何图片必须设置 ALT 和 TITLE 属性
在您的图片完全下载之前,浏览器无法把它们显示出来,或者,某些浏览器可能关闭了图片显示,或者您的图片资源可能丢失了,这个时候,ALT 或 TITLE 属性会让浏览器将图片的描述性文字显示在图片的位置,让用户至少知道那个位置准备将要显示的是什么。这个属性也帮助搜索引擎更好地理解您的图片。
如果图片要以缩略图形式显示,使用真正的降低了尺寸的缩略图,不要只是改变图片的宽度和高度属性
这可以显著降低页面尺寸。
链接必须拥有可标识的视觉特征
蓝色字体加下划线是所有人都认可的链接的视觉特征,人们会用鼠标去点这样的地方,然而每个网站都有自己的配色风格,您的页面背景可能导致蓝色字体无法清楚地显示,这没有关系,您应当为全站的链接设置一致的视觉特征,已经访问过的链界要与不同的视觉特征。
任何页都有一个打印友好版本
网页是用来在屏幕上显示的,不是设计为用来打印的,所以,使用 IE 浏览器的打印功能打印出来的网页总是不理想,如果您希望用户能顺利地打印您的内容,您应该对每个页面都提供一个打印友好版本,打印友好版本中可以将导航系统等过分浪费空间的东西隐藏起来,让真正的内容成为页面主体,同时,要使用白底黑字,不要使用背景图案。
请注意,如果用户想到要打印您的内容,说明他/她对您已经非常感兴趣了,他们是非常有价值的用户,一定要帮助他们实现这个愿望。
页面都使用一致的配色和一致的结构和全站使用一致的导航系统一样,所有页面使用一致的配色和结构可以帮助用户将注意力只集中在内容上面,您不应该强迫用户在新页面中重新适应新的布局。
您的站点应当避免让绝大多数用户左右滚动窗口
现在(今天是2007年9月1日)的主流显示器尺寸是 1024 x 768,您可以比较安全地假设,绝大多数用户的屏幕尺寸至少是这个值,但我确实看到不少仍然使用 800 x 600 分辨率屏幕的用户,无论如何,您的页面布局应尽量避免让小屏幕用户左右滚动,上下滚动已经够麻烦,再加上左右滚动简直是个噩梦。您可以让您的网业自动适应屏幕尺寸,从技术上说,这并不困难;也可以假设一个宽度,这个假设的宽度照顾到您认为已经适度的用户群,这是一个权衡问题,事实上,对小尺寸屏幕过分绝对地照顾也未必是好事,一个低于 800 像素宽度的页面在 1024 宽度的屏幕上显示尚可,在 1280 宽度的屏幕上会显得很不协调。
但无论如何,90年代盛行的那种使用 Javascript 判断屏幕尺寸,然后根据不同尺寸输出不同布局的做法已经行不通了,现在的屏幕尺寸已经无法严格 QVGA, VGA 那样划分,很多非标准尺寸的屏幕大量出现,您几乎无法预料您的网站将来会遇见什么尺寸的屏幕。
站点必须在第一级导航深度处,让用户看到您的完整联系方式
对于陌生的企业网站,如果不能在第一页就看到企业的联系方式,甚至,联系电话如果不是固定电话号码,我都会感到不放心,您应当在第一级导航深度的页面中,便提供企业的详细联系方式,要让用户看到您的地址,联系电话,同域名下的邮件地址,在到处都有欺骗存在的网络世界,您应当非常确切地将您现实中真实的联系方式体现出来,这会让用户放心。
每个页面的尺寸应当小于50K
必须承受,如果算上图片,外部 Javascript, 外部 CSS,我们自己的网站有很多页面的尺寸也无法低于50K,但这是一个目标,您应当尽可能降低页面尺寸,不管如今的宽度速度已经多么快,要知道,多数人的 ADSL 接入速度不低于 120KBS 并不意味着人们能以这样的速度访问您的网站,不同网络运营商之间还存在着网络瓶颈,您的网站的外地访问速度可能远远低于本地访问速度。
在所有主流浏览器中拥有一致的表现
IE内核的浏览器在今天(今天是2007年9月1日)的市场份额已经降低到 60% 左右,另外的 40% 被 Mozilla,Firefox, Safari, Opera 等占据,您的网站应该服务 W3C 标准,这样,可以被所有主流浏览器无障碍地访问,如果您的网站只支持 IE,就可能将 40% 的用户挡在门外。
在用户操作现场提供帮助,而不是进入专门的帮助系统
网站的帮助系统应当分散到各种操作现场,不需要象常规软件那样使用专门的帮助系统,随时随地为用户提供有用的帮助信息,让帮助简单化,改善用户的访问体验。
用户可以对某些内容进行评论或反馈
在 Web2.0 时代(今天是2007年9月1日),应当注重用户的参与,网站上的绝大多数内容应该允许并鼓励用户参与评论和反馈,让用户不必注册就可以参与评论,如果用户必须注册才可以参与某些内容,注册过程也应该尽可能简单。
页面不可过分拥挤不要象现在的某些门户网站那样,将令人眼花缭乱的信息塞满首页,即使您必须放那么多内容,也要留出足够多的空白和边界,否则用户会觉得很累,Web 页面的媒介是屏幕,不是纸张,您实在没有必要去节省屏幕的空间,让内容之间宽松地分布在页面上,给用户以闲适感。
用不同色彩标识未访问和已访问过的链接
Web 公认的配色为,未访问过的链接使用蓝色(Blue),访问过的链接使用紫色(Purple),但您可以根据您全站的色彩搭配设定自己的配色,只要保持全局一致即可。
使用所有人都可以正确显示的字体
一定不要使用生僻或美术字体,您的访问者使用和您不同的系统,可能是不同版本的 Windows,可能是 Mac 机,或 Linux 甚至掌上电脑,您无法保证在您这里正常显示的某种字体,在用户那里也正常显示,尽可能使用标准字体,并在不同环境下进行测试,保证您的字体不会给任何人带来麻烦。
除非真正必要,否则不用新窗口打开链接
自动用新链接打开窗口常常让很多人生气,因为他们的桌面上会有几十个开启的窗口,如果用户想使用新窗口打开链接,他们可以自己按 SHIFT 键。只有新窗口是用来显示一些提示性的消息,或者辅助性的内容的时候,它们才是必要的。
不使用满屏模式显示网页,让用户自己决定窗口的大小
不要自动为用户打开全屏窗口,很多用户并不知道应该怎样从全屏幕状态转回来,全屏窗口可能让用户感到恐慌,因为出了什么问题,不管怎样,全屏窗口是非常糟糕的事情,一定不要使用。
不要弹出窗口
许多浏览器,或者它们的插件会阻止弹出窗口,如果您必须使用弹出窗口以便向用户显示某个意外消息,如严重错误消息,或者通知等等,您可以考虑使用 Lightbox,Lightbox 是一种具有很好的视觉效果,又兼容各种主流浏览器的技术,适合在网站上显示通知,错误消息等等弹出内容,然而它并不使用弹窗技术,它弹出的内容仍然位于母窗体,任何浏览器弹窗阻止系统都不会组织这种弹出内容。关于 Lightbox 的原理和应用,您可以参考 huddletogether.com 的 Lightbox JS v2.0 项目。
用户注册的时候,只填写必要的内容
事实上,应该只填写用户名和密码就够了,完全没有必要要求用户提供更多详细信息,因为多数人会提供假的。除非您的系统是一些类似 B2B, B2C 的系统,需要用户提供真实身份开展业务。
网页上的广告需要有明确的广告标志
要告诉用户那是广告,广告要和您的内容有一定的分隔边界,免得二者混在一起让用户迷惑,请记住,用户在不知情,或被欺骗时点击的广告是没有任何效用的,带不来任何销售,即使您的广告是来自 Google Adsense 那样的点击付费广告,也不要欺骗用户点击,这是一个从业者最基本的操守。
广告不可使用欺骗伎俩,欺骗不熟练的用户点击
您一定遇到过这样的广告,页面上突然弹出一个小窗口,说您的系统感染了某某流行病毒,请点击该按纽清除;或者说某某人给您发来一个消息云云,这种明显的欺诈性广告是非常低劣的,是对用户明显的愚弄,不要挑战您的用户的智商,尤其当很多人都上过当并怒不可遏的时候。
剥离了 Javascript, CSS 等支持文件,您的网页仍然能准确的显示
在某些情况下,用户可能禁用 Javascript,CSS 文件可能丢失,这时您的网站页面仍能正常显示。
网页设计的一个基本原则是,首先不使用任何 CSS 装饰将内容正确显示,然后套用 CSS 将内容修饰。另外,Javascript 不应该用在导航等关键场合,一旦 Javascript 被禁用,用户可能导航都使用不了。
第三章:设计
设计体现了一个网站的艺术素养,然而并不是说您应当过分设计,设计风格应结合您的行业,要简洁,清新,优雅,平和,设计仅仅是在用户访问您的内容时获得一种外在印象,不可喧宾夺主。设计应遵循以下原则。
为初次访问者传递专业的第一印象
好的设计会给初次访问者带来难忘的第一印象,然而设计的好与坏从来都是仁者见仁,智者见智的,没有统一标准,如果硬要设置一条标准,就是好的设计应给人以专业感,所谓的专业感,通俗地讲,就是设计要象个样子,不妨拿您的网站和世界500强的作个对比,您就会知道专业感是个什么样子。
面向行业设计
如果您是机械行业,使用粉红色系作页面的配色就不恰当,不同的行业有不同行业的风格,您的设计应符合这个行业的风格,不同行业的设计风格一般以不同行业的消费群的口味而定,这就好比以专业摄影师为目标市场的相机一般以黑色,结实,手感重为特点,而消费类相机则以银色或彩色,轻薄时尚为特点。如果您不知道您的行业风格是什么,不妨看看您的成功的竞争对手的网站。
设计不可喧宾夺主或者说,不可过度设计,您需要始终记住,用户来到您的网站,他们真正想看的是内容,而不是您的设计,何况,所谓设计,更多是一种主观的东西,随着这个世界的流行趋势而变,现在的设计多以简洁为美,一定不要将您的网站搞得象巴洛克时代的艺术品。
设计遵循优雅原则(elegant)
一些粗鲁的设计会让用户觉得受到侵犯,所谓优雅,举个例子,您的页面顶部放着20个无颜六色跑马灯在那里闪烁就绝对不是优雅,优雅的设计显得礼貌,有品位,有艺术感,让用户受到尊重,且不可让用户觉得您是在对他们大喊大叫。
设计遵守平和原则(peace)
不要用过分强烈的色彩或字体对比让用户感到不安,或者感到疲劳,好的设计是把自己的设计思想平平常常地展现出来,而不是总害怕人看不到,如果用户用户感觉不到您的设计用心有觉得舒服,您就是在以平和的心态设计。
包含醒目的 Logo
您的公司或网站的 Logo 要非常醒目,它们是您的视觉标志,不要把它们埋藏到一些乱七八糟的色彩中。
包含一套非常吸引人的企业 Banner
企业 Banner 是我自造的一个词汇,所谓企业 Banner 是一组图片或其它视觉元素,放在网站的上部,一般在 Logo 下方,导航条附近,用来展示企业的形象或动态,它类似广告 Banner 但只用于展示企业自身。企业 Banner 要有良好的设计,体现企业的文化,价值观或造诣,要定期更新。
企业 Banner 应当定期更新。
对于长期访问用户,它们应该成为用户注意力的中心,比如,微软每次有新产品,新动向,都会设计全新的企业 Banner 放在首页,如果您没有时间和经理定期对网站内容进行大规模更新,更新企业 Banner 并与企业动态结合起来,会让人觉得您的网站一直在活跃地更新。
企业 Banner 体现企业动态
如果您有一个大型展览会要举行,或者参加某项活动,或者在行业获得某个成就,奖励,或者有重大产品发布,都可以以企业 Banner 的形式告诉用户,如果您自己对这些动态重视,您的用户也会。
合理安排页面重心,不可有头重脚轻的感觉
人类能接受的好构图是三角构图,重心位于页面的左侧偏下,然后重心向右,向上逐渐减轻。否则会有画面不稳的感觉。不要在页面顶部罗列太多视觉元素,那样会给人头重脚轻的感觉。
全站遵守一致的设计风格
全站的配色与页面布局应该是一致的,要给人以连贯感,避免页与页之间有太突兀的变化。
对图片进行优化
图片在网站中地位非常重要,适当地使用图片元素可以避免页面太枯燥,图片比文字更容易理解,但您必须对图片进行设计时优化处理,否则它们的体积将使您的网站变得非常笨重,Photoshop 的 Save for Web 功能可以很好地帮助您对图片进行优化。图片优化的原则是,对于颜色比较丰富细腻的照片,应以 JPG 格式保存,适当选择压缩比例,一个 400x300 像素的图片以 JPG 保存时的尺寸应低于 20K 才合适;对于大色块的图形,以 GIF 格式保存比较好,适当降低颜色数以显著降低图片尺寸。
第四章:安全性
企业网站的安全性尤其重要,如果您的网站中存在需要授权才能访问的内容,保护好这些内容是您的责任,使用安全的数据库技术,对关键数据进行加密,过滤用户上传的数据是保证企业网站安全的重要途径。网站安全性遵从以下规则:
使用安全的数据库技术
目前主流的数据库技术包括 MS SQL Server, Oracle, IBM DB2, MySQL, PostgreSQL,其中 MySQL 和 PostgreSQL 属于开源数据库,其它三种数据库根据不同许可方式有不同的价格。考虑到安全,它们都是非常安全的数据库技术,需要注意的是,我们并不建议采用 Access,首先 Access 是一种桌面数据库,并不适合可能面临海量访问的企业网站,其次,Access 是一种非常不安全的网站数据库,如果您的 Access 数据库文件的路径被获取,人们很容易将这个数据库文件下载下来并看到数据库内的一切内容,包括需要授权才能看到的内容。如果您选择 Access 的原因是因为它免费,您需要知道 MSDE 也是免费的。
用户密码或其它机密数据必须用成熟加密技术加密后再存放到数据库使用明文在数据库中存储用户密码,信用卡号等数据是非常危险的,即使您使用的是非常安全的数据库技术,仍然要非常谨慎,任何机密数据都应该加密存储,这样即使您的数据库被攻破,那些重要的机密数据仍然是安全的。
密码或其它机密数据必须用成熟加密技术加密后才能通过表单传递如果您的网站没有使用 HTTPS 加密技术,那您的网站服务器和访问客户之间的所有数据都是以明文传输的,这些数据很容易在交换机和路由器节点的位置被截获,如果您无法部署 HTTPS,将所有机密数据加密后再通过网络传播是非常有效的办法,密码或其它机密数据必须用成熟加密技术加密后才能写入 Cookie很多网站将用户帐户信息写到 Cookie 中,以便用户下次访问时可以直接登陆。如果用户帐户信息未经加密直接写到 Cookie 中,这些数据很容易通过查看 Cookie 文件获得,尤其当您的用户是和别人共用电脑的时候。
对于访问者提交的任何数据,都要进行恶意代码检查虽然我们要信任用户,但在网络中,我们必须假设所有用户都是危险的,如果您不对他们提交的数据进行检查,就可能出现 SQL Injection, Cross-site scripting 等安全问题。
网站必须有安全备份和恢复机制
任何网站都可能发生硬件或软件灾难,导致您的网站丢失数据,您必须根据您网站的规模和更新周期,定期对网站进行安全备份,在灾难性事故发生以后,您的备份恢复机制需要在很短的时间内将整个网站恢复。需要注意的是,您一定要对您的备份恢复机制进行测试,保证您的备份数据是正确的。
网站的错误信息必须经过处理后再输出错误消息常常包含非常可怕的技术细节,帮助黑客攻破您的网站,您应当对网站底层程序的错误消息进行处理,防止那些调试信息,技术细节暴露给普通访问者。
第五章:性能
网站的性能关乎用户访问体验,让网站支撑更多用户,让每个用户的等待时间更短是我们的目标。性能的提高靠的是数据库优化,高效率的 HTML 代码渲染以及内容缓存。以下是提高网站性能的一些规则:
对数据库进行优化设计
合理使用 Index,使用高效 SQL 语句,减少数据库表的全表扫描,只返回必要的数据,这些都是非常有效的数据库优化方式,数据库往往是一个网站的性能瓶颈,您需要对数据库进行持续地优化,每一点微不足道的性能提高,累积起来都会带来质的改变。
使用 Store Procedure 进行数据库和网站业务层的数据交流
存储过程(Store Procedure )的执行效率远远高于分散的 SQL 语句。只要您的数据库支持 Store Procedure 您就应当使用它作为网站业务逻辑端和数据库端的数据交流通道。
分页返回数据库中的记录,不使用业务层的分页在返回大量数据记录的时候,应该使用分页机制逐页显示这些数据,您需要在数据库端分页,在业务层分页将导致大量重复数据来往于数据层和业务层之间,造成性能瓶颈。
使用成熟优化的 Web 页面渲染技术ASP.NET, PHP, JSP, Ruby 以及 CGI 都可以充当网站表现层的 HTML 渲染引擎,您可以根据自己的需求选择合适的平台。需要注意的是,诸如 ASP.NET 一类的平台,为了满足绝大多数应用场合并尽可能降低用户代码量,使用了很多可能降低性能的技术,如 View State,您可以关闭这些功能以提高页面渲染和执行效率。事实上,我们在 Comsharp CMS 使用了 Direct Render 方式,抛开 ASP.NET 的页面生命周期模型,直接渲染 HTML 代码生成网页,获得了非常理想的性能。
使用 XHTML + External CSS + External Javascript 降低 Http 请求您应当将页面的内容,修饰,行为分开,内容为纯粹的 XHTML,修饰为外部 CSS 文件,行为为外部 Javascript 文件,这种模型的好处是,浏览器可以对外部 CSS 和 Javascript 进行缓存,每次只需从服务器端请求 XHTML 内容,大大降低页面的请求尺寸,对性能的改善有很大的帮助。
使用干净代码(XHTML, Javascript, CSS)
您的 HTML 代码,Javascript 和 CSS 文件需要包含干净的代码,干净,符合 W3C 标准的代码不仅短小,而且降低浏览器的负担,浏览器不需要进行各种容错分析,完全按照标准输出内容,执行效率大大提高。
第六章:W3C标准
W3C 官方网站的一些资料
http://www.w3.org (W3C 官方网站)
http://validator.w3.org/ (HTML 或 XHTML 验证工具)
http://jigsaw.w3.org/css-validator/ (CSS 验证工具)
http://validator.w3.org/checklink (链接有效性验证工具)
国外的一些与 W3C 标准相关的技术站点
http://www.w3schools.com/
http://www.w3c.org/
http://www.24ways.org/
http://www.456bereastreet.com/
http://www.alistapart.com/
国内的一些与 W3C 标准相关的技术站点
http://www.w3cn.org/
http://www.blueidea.com/
符合 W3C 标准是网站的发展趋势,目前,几乎所有的浏览器都使用 W3C 标准,W3C 标准保证您的网站在所有主流浏览器中都获得一致的表现,您再也不需要象90年代末那样,向不同的浏览器输出不同的内容。
本文发布于
成都网站建设公司创新互联https://www.cdcxhl.com/