网站易用性规则34条

合集下载

制作网站的10个原则

制作网站的10个原则

制作网站的10个原则在当今数字化时代,网站是企业、个人展示自己的重要手段和渠道。

一个好的网站能够有效的提高企业品牌形象和产品销售力,也能给用户提供更好的信息服务和购物体验。

所以在设计和制作网站时,我们需要遵循一些基本原则,下面将为大家详细介绍制作网站的10个原则。

一、简洁明了的设计简洁明了的设计是设计网站时最为基本的要素。

在设计过程中,每个细节都要尽量精益求精,对于需要展示的内容应该以最简单的方式进行呈现。

网页布局逻辑清晰,样式整洁统一,颜色搭配协调,能够更好的吸引用户并保证用户的阅读习惯。

二、用户友好的交互设计良好的用户体验设计是网站设计中不可忽视的重要因素。

用户的需求应该是网站设计的核心。

需要设置合理的页面导航和反馈机制来引导用户,让用户能够方便的找到所需要的信息或者产品。

同时需要合理所设置的按钮位置,色彩,大小等元素,以保证整个网站的可操作性和便捷性。

三、全面而精确的站内搜索设计一个好的内部搜索系统是网站设计不可或缺的功能。

站内搜索可以为用户提供更快捷、全面的信息查找服务。

当用户在网站内客观的进行信息检索时,搜索引擎需要全面而精确的智能定位搜索内容,避免用户在搜索结果中浪费时间和精力。

四、扁平化设计扁平化设计是一种将设计简化而使之更符合使用者需求的设计方式。

它强调的是将图像降低到最简单、最基本的表现形式。

在设计中应该尽量减少过多的图形、颜色,简单而干净的页面风格,更容易引导用户查找信息和页面跳转。

五、响应式设计“响应式”是指网站不仅可以在桌面电脑上浏览,在任何设备包括手机、平板电脑上,都可以自动适应页面完美展现。

随着移动设备的广泛使用,响应式设计可以有效地解决网站布局不整齐、页面内容不全等问题,更好地适应不同尺寸的终端设备。

六、可读性设计可读性是指文字和图片在网页上的易读性和易理解度。

考虑到网站页面的可读性,我们需要选择清晰的字体和适当的字号、行距和缩进式。

高品质的图片和合适的插件也是设计过程中需要考虑的因素。

网站设计的7个原则

网站设计的7个原则

网站设计的7个原则网站设计是数字时代中一项非常重要的工作,良好的网站设计可以带来很多好处,例如吸引更多的用户、提升品牌形象等。

但是要想设计一个好的网站需要掌握一些基本的原则。

本文将会介绍网站设计的七个原则,希望能对网站设计者有所帮助。

一、简洁性原则简洁性是网站设计中非常基本的原则之一。

首先要保证网站的整洁性,减少不必要的文字、动画和图像。

其次,保持网站的排版简单明了,使用户能够轻松地找到所需的信息。

最后,确保用户界面简单,避免过多的链接和按钮,以免混淆用户视线和打扰他们的预期操作。

二、易用性原则易用性是另一个非常重要的原则,确保网站的布局和操作流程是简单而直观的。

为此,设计者需要考虑许多因素,例如字体大小、颜色和间距,按钮和链接的位置和大小等等。

此外,界面设计也必须符合用户的思维模式,让用户感到自然和直观,而不是困惑和不安。

三、一致性原则一致性也是网站设计的重要原则之一。

设计师必须确保每个网页的设计风格和布局都是相似的,尤其是重要页面,例如主页、搜索页面、购物车页面等等。

这种一致性可以帮助用户马上识别出新信息,并快速进行操作。

四、可访问性原则可访问性指的是网站能够被不同能力和条件的用户访问。

包括视力、听力、行动能力等各个方面。

网站设计师需要确保网站使用普通词汇、简单的语法、明确的标注以及图片描述,以便轻易理解信息。

此外,网站应该提供屏幕阅读器支持,以方便视觉障碍用户访问。

五、美学价值原则一个网站的外观和感觉必须令人瞩目。

通过使用一致的配色方案、优秀的图像和动画等方法创建网站,可以提高用户的体验。

同时,保持文本清晰、字体明显和对比明显的背景色使之易读,从而利于阅读。

六、快速加载原则网站应该快速加载内容,以便于用户不用浪费太多的时间去等待页面加载。

不管是设计网站时使用的语言还是媒体库,一切都应该确保尽可能快地加载。

此外,设计师可以通过减少文件大小、图像大小等方法来加速网站的下载速度。

七、可更新性原则设计网站时还要考虑网站的可更新性。

人机交互界面规范

人机交互界面规范

人机交互界面规范人机交互界面规范是指在设计和开发软件、网站或其他数字产品时,为了提供一致化、友好化的用户体验,制定的一系列指导原则和规则。

遵循人机交互界面规范可以使用户更容易理解和操作数字产品,提高用户满意度和产品的可用性。

一、设计原则1. 易用性:界面应该设计得简单直观,用户能够轻松找到功能和信息,减少学习成本和操作困难。

2. 一致性:界面的布局、标识、图标和交互方式应该保持一致,避免用户在不同界面之间产生混淆。

3. 可见性:重要的功能和信息应该以醒目的方式展示在界面上,避免用户需求被埋没和忽略。

4. 反馈性:界面应该及时、准确地给予用户反馈,告知其操作是否成功或失败,并提供相关提示。

5. 响应性:界面的操作应该迅速响应用户的输入,避免用户长时间等待或产生不必要的焦虑。

二、布局设计1. 界面布局应该有明确的层次结构,便于用户理解和导航。

2. 放置重要功能和信息的位置应该更加突出,方便用户快速找到。

3. 合理利用屏幕空间,避免界面过于拥挤或过于稀疏。

4. 使用合适的字体、字号和行间距,确保文字清晰可读。

5. 界面要求具备自适应能力,能够适应不同设备和屏幕尺寸。

三、交互设计1. 按钮、链接等交互元素应该有明确的边界和可点击状态的视觉提示。

2. 提供直观的导航和退出途径,确保用户可以轻松地从一个页面或功能返回到另一个页面或功能。

3. 避免使用模糊、模棱两可或易混淆的表达方式,减少用户产生歧义的可能性。

4. 合理设计输入框和表单,提供合适的提示和格式要求,确保用户输入的准确性。

5. 提供适当的动画效果,增加界面的生动性和交互性,但避免过度装饰和滥用动画效果。

四、视觉设计1. 使用明亮、柔和的颜色进行界面设计,避免过于刺眼和极端对比。

2. 合理运用图标、图片和图表等视觉元素,使界面更加直观和易于识别。

3. 保持界面的整洁与平衡,避免过多的装饰和杂乱的布局。

4. 使用合适的字体和字号,确保文字在不同设备和屏幕上的可读性。

ace规则

ace规则

ace规则ACE规则是指可扩展的关键字元素(Accessible Rich Internet Applications)的规则,旨在确保Web内容和应用程序在各种设备和浏览器中都可以访问和使用。

这些规则是由W3C组织开发的,并通过国际标准化的方法来确保它们得到广泛采纳。

在本文中,我们将讨论ACE规则的基本概念、作用、实现方式以及遵循它们的好处。

1、什么是ACE规则?ACE规则是帮助 Web 开发人员和设计师开发无障碍Web 应用程序的指南。

它们基于人类因素设计和使用Web的基本原理。

这些规则适用于广泛的人群,包括身体残障人士、老年人以及那些使用各种设备和浏览器的人。

ACE规则包括15个基本的指导原则和11个主要的技术要求,它们被设计成能够在整个 Web 应用程序的生命周期中使用。

ACE规则的基本原则包括:1.1、可找到性(Perceivable)Web内容和界面中的信息必须能够被所有人感知。

这意味着所有的文本、图形、图像、音频和视频内容必须能够被大多数人接收。

1.2、可操作性(Operable)Web内容和界面必须能够轻松地操作。

这意味着任何人都应该能够通过任何机器或任何设备来实现其目标。

1.3、理解性和可用性(Understandable)Web内容和界面必须能够轻松地理解和使用。

这意味着它必须清晰、简洁,并且易于理解。

1.4、鲁棒性(Robust)Web应用程序必须能够鲁棒运行,并且能够处理各种不正确的输入。

这包括对不同的浏览器、设备、应用程序的支持。

2、影响ACE规则能够让Web内容和应用程序更加容易使用和访问,尤其对身体残障人士来说更是如此。

它为那些缺少大部分感官能力的人提供了一个机会来访问和使用Web内容和应用程序。

此外,由于ACE规则强调Web内容和界面的可用性和易用性,因此它们也可以帮助企业吸引更多的客户并提高销售额。

3、实现ACE规则要遵循ACE规则,Web开发人员和设计师需要了解如何编写HTML、CSS、JavaScript等技术,同时使用浏览器扩展和工具。

网站WEB应用安全措施要求规范

网站WEB应用安全措施要求规范

网站WEB应用安全措施要求规范随着互联网的快速发展,Web应用安全越来越重要。

攻击者利用Web应用的漏洞来获取用户的敏感信息或者破坏系统的安全已经成为一种普遍现象。

为了保护网站的安全,必须采取一定的安全措施。

下面是一些常见的网站Web应用安全措施要求规范:1.输入验证:对于用户输入的数据,要进行有效的验证和过滤,防止恶意用户输入恶意代码或者执行攻击。

常见的验证包括长度验证、格式验证、数据类型验证等。

2. 跨站脚本攻击(XSS)防御:XSS是指攻击者通过在Web应用中注入恶意脚本来获取用户信息的一种攻击方式。

要防御XSS攻击,可以对用户输入进行过滤和编码,以及合理设置浏览器的安全相关头部。

3. SQL注入防御:SQL注入是指攻击者通过在Web应用中注入恶意SQL代码来获取敏感信息或者破坏数据库的一种攻击方式。

要防御SQL注入,可以使用参数化查询和绑定变量等方式来构建SQL查询。

4. 跨站请求伪造(CSRF)防御:CSRF是指攻击者通过在Web应用中伪造合法用户的请求来进行非法操作的一种攻击方式。

要防御CSRF攻击,可以使用Token验证、Referer验证等方式来确保请求的合法性。

6.认证和授权:对于涉及用户身份认证和权限控制的功能,必须采用安全的认证和授权机制,以防止非法用户获取权限。

7. 安全配置和漏洞修复:对于Web应用的服务器、数据库、操作系统等,要进行安全配置,关闭不必要的服务和端口,及时更新补丁和漏洞修复。

8. 安全日志和监控:要记录Web应用的安全事件和异常行为,及时监控和响应安全事件,以及进行安全事件的分析和溯源,以便及时发现和应对安全威胁。

9. 安全培训和意识:为所有开发人员、测试人员和维护人员提供相关的安全培训,提高他们对Web应用安全的意识和知识水平。

安全是一个团队的责任,每个人都要有安全意识。

10. 定期安全审计和测试:定期对Web应用进行安全审计和测试,发现和修复潜在的安全漏洞,提高Web应用的安全性。

应用系统易用性设计浅析

应用系统易用性设计浅析

1.页面上菜单纵深、菜单层级、菜单横排都应适中,纵深一般应控制在七个以内,层级一般应控制在三层以内,横排应 尽可能控制在单排排列且不超过屏幕宽度 2.某一组菜单纵深或层级过长或过深时,可通过调整菜单横排方式进行适当控制,工具栏(条)要与业务菜单有清晰界 限,且样式应有较明显区别 3.若一组菜单无顺序要求,应按照菜单项使用频率和重要性进行排列,通常采用“常用——主要——次要——工具—— 菜单工具 帮助”的顺序进行横排,若因业务规则有顺序要求或有向导作用,应按照业务规则顺序进行横排 4.对左侧设有导航树的页面,导航树所属框体大小应有默认值,且可手工拖动边框来调整框体大小 5.若界面中显示功能菜单层级时,对层级过多的内容应给出返回主页面、主窗口、主分支的快捷链接 6.下拉菜单长度过长时,应根据业务要求进行分组、排列,并用横线隔开 7.菜单应可见即可用,对无权限操作菜单应隐藏或者屏蔽的方式加以处理,仅显示可用菜单,或采用动态加载方式只显 示需要使用的菜单
控件的操作。在布局合理的情况下,易 用的控件不但应输入便捷,既支持鼠标 操作又支持键盘操作,而且应使用方 便、明了、易于操作。表2从控件操
表2 控件操作易用性要点
分类
易用性要点
1.必输项应给出清晰的标识,例如框体后使用红色的星号(*) 2.对必输项或有校验规则的输入项,在失去焦点时,应采用Ajax等技术实现无刷新的自动校验,若不符合校验规则应给 出简单易懂的提示并自动获得焦点,例如:将输入内容变为红色字体并提示错误原因 3.对输入内容前、后有空格时,系统应能自动判断并除去空格后将数据保存,非必输项内只有空格时,应能自动识别并 去除后保存数据,对于输入内容为汉字或数字(不含字母)及组合时,若中间有空格,系统应能自动去除空格后将数据 保存 4.对身份证号码、手机号码、电子邮件等具有通用校验规则的输入项应有清晰、正确的校验规则,如涉及身份证号输入 时,15位或18位皆为正确位数并能自动进行身份证号校验位验证 5.对日期输入项,要采用简便易用的日期控件,并支持手工输入,对于具体格式应给出简单易懂的提示,对于输入截止 输入控件 日期小于开始日期时应给出提示,且同一系统中日期格式应保持一致,如:YYYY-MM-DD 6.应当尽可能避免用户重复录入隐含的重复信息或者无意录入无效的数据,例如:用户已录入了身份证号码,已无需再 录入性别、出生年月等信息 7.对录入的数字、字母应仅能以半角输入限制全角输入,或对全角字符进行识别并自动转化作为半角字符进行保存,例 如:输入为“A139”或“A139”都应识别并转化为“A139”进行存储 8.对录入字母能自动识别大小写并按照统一格式进行存储,例如:用户录入身份证号码末位为字符X时,不管录入者是 大写还是小写,都统一按照大写存储和读取; 9.若录入内容包含系统保留字符或可能引起错误字符时,系统应能自动识别、转化、保存并正确读取,若无法实现应加 以限制并应提示

软件易用性测试(精)

软件易用性测试(精)

软件易用性测试考察评定软件的易学易用性,各个功能是否易于完成,软件界面是否友好等方面进行测试,这点在很多类型的管理类软件中是非常重要的。

通常对易用性有如下定义:易见Easy to discover:单单凭观察,用户就应知道设备的状态,该设备供选择可以采取的行动。

易学Easy to learn:不通过帮助文件或通过简单的帮助文件,用户就能对一个陌生的产品有清晰的认识。

易用Easy to use:用户不翻阅手册就能使用软件。

对于易用性测试可遵循以下原则:1、完成相同或相近功能的按钮用Frame 框起来,常用按钮要支持快捷方式。

2、完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。

3、按功能将界面划分局域块,用Frame 框起来,并要有功能说明或标题。

4、界面要支持键盘自动浏览按钮功能,即按Tab 键的自动切换功能。

5、界面上首先应输入的信息和重要信息的控件在Tab 顺序中应当靠前,位置也应放在窗口上较醒目的位置。

6、同一界面上的控件数最好不要超过10 个,多于10 个时可以考虑使用分页界面显示。

7、分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab8、默认按钮要支持Enter 操作,即按Enter 后自动执行默认按钮对应操作。

9、可输入控件检测到非法输入后应给出说明信息并能自动获得焦点。

10、Tab 键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。

11、复选框和选项框按选择几率的高底而先后排列。

12、复选框和选项框要有默认选项,并支持Tab 选择。

13、选项数相同时多用选项框而不用下拉列表框。

14、界面空间较小时使用下拉框而不用选项框。

15、选项数较少时使用选项框,相反使用下拉列表框。

16、专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。

17、对于界面输入重复性高的情况,该界面应全面支持键盘操作,即在不使用鼠标的情况下采用键盘进行操作。

网站使用性测试的56问清单列表

网站使用性测试的56问清单列表

网站使用性测试的56问清单列表是的,你拥有了自己的电子商务网站,但是您的网站是否够有效?在成功的网站和被人忽略的网站,答案是不相同的!通过下面的问题清单,您可以确认您的网站是否正常。

1.你回答了用户的问题么?用户浏览一个网站,是因为他们要答案。

所以,你的网站是否提供了用户所需要的答案是极为重要的。

2.你的导航是否清楚简单?要确定你的导航可以让用户很明确知道他们在那里,他们可以做什么,可以去那里!3.你是否提供了链接文字?确定用户在你提示用户点击这里之前,用户总是知道那些带有标题的链接在那里。

4.网站的设计够吸引人么?良好的设计,会给你带来固定的流量。

5.你是否在链接中添加关键字?在你的链接中添加关键字,这样用户可以确认他们知道了他们想要的信息。

6.你的措辞够通俗易懂么?检查下你的语言,确认它足够简单,让所有的用户都明白7.你的作品是否看起来像一个倒金字塔?通过更早的提供最重要的消息给网络用户,满足他们所要的瞬间喜悦。

8.你是否拥有足够的空白?内容排列的太过紧密,可能会淹没用户真正所要的。

请留一些空隙!9.你有提供联系方式么?如果用户找不到他们所要的全部,那么他们很有可能会想要同你联系。

提供你的联系方式,让他们更容易联系到你吧。

10.你改变你的网址么?别改变!这样不仅会造成页面链接出错,还会阻碍原来对你网站的链接。

11.你拥有网站地图么?一个站点地图,对于大型的网站十分重要。

它不仅可以帮助迷失的用户找到他们的防线,还可以让你的网站更好的被搜索引擎纳入。

12.你的信息看起来像个广告么?用户会忽略那些看起来像是推销的信息,请避免使用大红字体和其它看其像是广告的元素。

13.你的网站是否需要一些不必要的类目?请意识到不是每个导航栏都要布置满。

只有在它很有用而且是完全必须的时候插入一个类目。

14.你是否启用优雅降级?确定即使您的网站不能显示某些特定的元素,但其它的很可能起作用!15.你的LOGO链接到主页么?用户总是期望你的网站LOGO链接到您的主页,确认你有这到这点。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

完美的内容是用来使用的,不管您的内容多么精彩,如果它们很难访问,用户照样会离开,易用性不仅仅牵扯到技术,更多的是良好的Web 创作习惯以及易用性。

以下就介绍34条实用的网站建设规则,希望能对建站朋友们有用。

1、只使用成熟,简单,兼容的技术Web 技术一直在发展,因为 Http 协议最初只是为了表现简单的超文本,当人们赋予Web 越来越多的使命的时候,Web 的局限性就表现出来了,为了解决这些问题,人们在 Web 上面附加了很多新技术以增强 Web 的表现能力,Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到现在炙手可热的 AJAX 技术,然而这些新技术很快带来了兼容性问题,因为 Web 内容要靠浏览器解释,不同的浏览器加不同的安全配置,导致这些新技术并不能被如期地渲染出来。

2、Cookie, Javascript, CSS如果您希望您的企业网站能在绝大多数环境下被无障碍的访问,请谨慎使用除此之外的技术,这里我们需要特别说一下 AJAX 和 Flash,它们也被很多人认可,而且 AJAX 事实上是基于 Javascript 的,然而,AJAX 同时要使用在某些浏览器安全配置下容易被禁用的XMLHTTPRequest 对象,事实上,我的 IE 浏览器的安全配置就禁用 XMLHTTPRequest ,所以,除非加入到可信任站点,否则我连 Google Map 都无法顺畅访问。

Flash 是一种伟大技术,在线广告几乎是它最完美的使命,作为易用性规则,我们不排斥以 Flash 技术提供广告,但 Flash 绝对不可以用在站点导航等站点基础结构中。

3、不使用任何网页特效虽然网页特效并不一定涉及不兼容技术,但网页特效对绝大多数人来说是非常厌烦的,企业网站绝对不应该使用那些仅仅为了好玩的网页特效,除非您还生活在90年代(现在已经是2009年),或者您只有14岁。

最令人厌烦的网页特效包括,要求设为主页,接连弹出的窗口,全屏窗口,改变鼠标光标,在状态条上滚动的废话,页面内容禁选,禁止查看源代码,闪烁的文字,离开时的弹窗,颜色古怪的窗口滚动条,声音背景。

需要记住一条,访问者永远都不会因为您使用了一种自认为很 Cool 的特效而觉得您了不起。

4、清晰,统一的导航用户在您的企业网站找到有用内容的唯一途径是通过站点的导航系统,您需要花大力气来组织您的内容,保证让用户以最快的速度找到它们。

导航系统必须清晰,他们应该和站点的其它内容用不同的颜色搭配以便在网页上突出出来,同时,每个页的导航系统应该完全一致,从一个页面进入另一个页面看到完全陌生的导航系统是非常令人沮丧的。

5、导航深度不超过三级虽然很多人觉得这太绝对,事实上,用户需要点三次才能找到自己想要的内容仍然太多,那种一级一级下潜的导航菜单是令人生畏的,很多人会产生进去以后便找不到路回来的恐惧,如果您能够很好地组织自己的内容,结合分页机制,Tag机制,对绝大多数网站,三级导航深度已经足够使用了。

6、导航链接中必须包含文字为了美观,许多人喜欢图片按纽式的导航链接,如果您坚持这样做,也无可厚非,但一定在图片上同时加上文字,让文字体现该链接的含义,因为除了设计者,外人往往很难猜测您的图片按纽的含义,文字是最直接,最精确的。

7、必须有纯文本版本的站点地图当用户在您的令人眼花缭乱的站点导航中彻底迷失的时候,纯文字版的,简单直接的站点地图还可以救急,站点地图可以帮助用户快速找到他们想要的内容,这是对导航系统的补充,甚至对有些站点来说,比导航系统更有效。

另外,纯文本版的站点地图非常容易被搜索引擎抓取并以此遍历您的整个站点。

8、必须有面包屑导航条面包屑导航(Breadcrumb Navigation)这个概念来自童话故事"汉泽尔和格雷特尔",当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路,所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

9、每页都有自己的标题许多企业网站的所有页的标题都是企业的名字或者一句口号,这会让用户不知道他们访问的当前页是说什么的,每页都应有一个和本页内容匹配的标题,这样,即使用户打开了很多窗口,仍然可以通过标题知道哪一页是说什么的。

从 SEO 的角度看,在标题中使用本页内容中某些关键词是非常好的习惯,而且,当您的页面出现在搜索引擎的搜索结果中时,您的页面标题应当明确地告诉搜索者他们搜到的页面是关于什么的。

10、任何页都有一个链接指向首页人们进入一个陌生的地方,当感到迷失或不安的时候,会立刻想到返回入口位置,访问者进入您的网站也是这样,每页都有一个指向首页的链接可以帮助用户在感到迷失的时候,迅速返回入口重新开始。

应用规则(2)11、网站的 Logo 指向首页这一条似乎没有什么道理,但几乎所有望站都遵守这样的约定,当很多人都这样约定的时候,您没有理由例外。

12、对于连贯性内容(sequential content),应提供向导式导航比如说,您在网站上发表很长的系列文章,您应该将文章分成多个章节,用户看完这一章以后,下面应该有两个链接,分别指向上一章和下一章,这样,用户不必滚动回页面上方访问导航系统,他/她可以直接点这两个链接在文章中前进或后退,这样不仅节省用户的时候,还可以带来连贯阅读的快感。

13、全文搜索如果用户不愿一页一页地翻看您的网站,您应当提供全文搜索功能,虽然您的搜索功能比起专业的搜索引擎还差很多,但可以帮助您的用户快速找到他们感兴趣的内容,不要使用Google 等商业引擎的搜索代码进行搜索,与其那样还不如让用户直接到 Google 中去搜索,您应当提供一个本地搜索功能,不需要象 Google 那样强大,因为您不需要支撑那么大的用户量,也不需要搜索那么庞大的海量信息,您网站的本地搜索功能对用户来说,可能比Google 更有帮助。

14、不使用欢迎页当 Flash 如火如荼的时候,设置一个欢迎页,向用户播放一段精美的动画是很多企业网站的追求的模式,然而这种想法实在糟糕,很多人没有耐心等待那段漫长的动画下载完毕便离开了,您能想象去超市买东西前,需要先在门口看一段欢迎影片才能进去吗?您应当让用户直接进来,一进来就看到实质的内容,不要用您的浪漫想法浪费用户的时间,而且,由于搜索引擎也要首先经过这个欢迎页面才能深入到网站内部,一个让搜索引擎无法解读的Flash 动画会让搜索引擎认为您的网站上什么东西都没有。

15、任何图片必须设置 ALT 和 TITLE 属性在您的图片完全下载之前,浏览器无法把它们显示出来,或者,某些浏览器可能关闭了图片显示,或者您的图片资源可能丢失了,这个时候,ALT 或 TITLE 属性会让浏览器将图片的描述性文字显示在图片的位置,让用户至少知道那个位置准备将要显示的是什么。

这个属性也帮助搜索引擎更好地理解您的图片。

如果图片要以缩略图形式显示,使用真正的降低了尺寸的缩略图,不要只是改变图片的宽度和高度属性。

这可以显著降低页面尺寸。

16、链接必须拥有可标识的视觉特征蓝色字体加下划线是所有人都认可的链接的视觉特征,人们会用鼠标去点这样的地方,然而每个网站都有自己的配色风格,您的页面背景可能导致蓝色字体无法清楚地显示,这没有关系,您应当为全站的链接设置一致的视觉特征,已经访问过的链界要与不同的视觉特征。

17、任何页都有一个打印友好版本网页是用来在屏幕上显示的,不是设计为用来打印的,所以,使用 IE 浏览器的打印功能打印出来的网页总是不理想,如果您希望用户能顺利地打印您的内容,您应该对每个页面都提供一个打印友好版本,打印友好版本中可以将导航系统等过分浪费空间的东西隐藏起来,让真正的内容成为页面主体,同时,要使用白底黑字,不要使用背景图案。

请注意,如果用户想到要打印您的内容,说明他/她对您已经非常感兴趣了,他们是非常有价值的用户,一定要帮助他们实现这个愿望。

18、页面都使用一致的配色和一致的结构和全站使用一致的导航系统一样,所有页面使用一致的配色和结构可以帮助用户将注意力只集中在内容上面,您不应该强迫用户在新页面中重新适应新的布局。

19、您的站点应当避免让绝大多数用户左右滚动窗口例如,如果目前主流显示器尺寸是 1024 x 768,即绝大多数用户的屏幕尺寸至少是这个值,那么对于仍然使用 800 x 600 分辨率屏幕的用户,在您的页面布局中应尽量避免让小屏幕用户左右滚动,上下滚动已经够麻烦,再加上左右滚动简直是个噩梦。

您可以让您的网业自动适应屏幕尺寸,从技术上说,这并不困难;也可以假设一个宽度,这个假设的宽度照顾到您认为已经适度的用户群,这是一个权衡问题,事实上,对小尺寸屏幕过分绝对地照顾也未必是好事,一个低于 800 像素宽度的页面在 1024 宽度的屏幕上显示尚可,在 1280 宽度的屏幕上会显得很不协调。

20、站点必须在第一级导航深度处,让用户看到您的完整联系方式对于陌生的企业网站,如果不能在第一页就看到企业的联系方式,甚至,联系电话如果不是固定电话号码,我都会感到不放心,您应当在第一级导航深度的页面中,便提供企业的详细联系方式,要让用户看到您的地址,联系电话,同域名下的邮件地址,在到处都有欺骗存在的网络世界,您应当非常确切地将您现实中真实的联系方式体现出来,这会让用户放心。

21、每个页面的尺寸应当小于50K必须承受,如果算上图片,外部 Javascript, 外部 CSS,我们自己的网站有很多页面的尺寸也无法低于50K,但这是一个目标,您应当尽可能降低页面尺寸,不管如今的宽度速度已经多么快,要知道,多数人的 ADSL 接入速度不低于 120KBS 并不意味着人们能以这样的速度访问您的网站,不同网络运营商之间还存在着网络瓶颈,您的网站的外地访问速度可能远远低于本地访问速度。

22、在所有主流浏览器中拥有一致的表现IE内核的浏览器在目前的市场份额已经降低到60% 左右,另外的40% 被Mozilla,Firefox, Safari, Opera 等占据,您的网站应该服务 W3C 标准,这样,可以被所有主流浏览器无障碍地访问,如果您的网站只支持 IE,就可能将 40% 的用户挡在门外。

应用规则(3)23、在用户操作现场提供帮助,而不是进入专门的帮助系统网站的帮助系统应当分散到各种操作现场,不需要象常规软件那样使用专门的帮助系统,随时随地为用户提供有用的帮助信息,让帮助简单化,改善用户的访问体验。

24、用户可以对某些内容进行评论或反馈在时代,应当注重用户的参与,网站上的绝大多数内容应该允许并鼓励用户参与评论和反馈,让用户不必注册就可以参与评论,如果用户必须注册才可以参与某些内容,注册过程也应该尽可能简单。

相关文档
最新文档