设为首页加入收藏业务一览表公司历程公司介绍联系我们
当前位置网站建设知识 >> 网站可用性设计指南!

网站可用性设计指南!

近年来,Web逐渐成为人们获取信息以及进行交易和交换的重要渠道。但是,我们却感到在网上查找信息或完成某项任务经常会碰到这样那样的艰苦。根据调查显示,目前90%左右的网站存在可用性标题,用户在网上找不到所需信息的几率有约60%。对于网站来说,可用性是指用户能否有效地找到所需的信息或完成他的任务?效率如何?以及是否让人有高兴满足的感受。假如网站可用性较差,会浪用度户的时间,大大下降网站的回头拜访率,还会引起不必要的网络阻塞。这对网站的生存是一个至关重要的标题。因此,为网站开发职员供给可用性设计领导是十分必要的。这些年来,人们从不同侧面提出了很多网站可用性设计准则,对提高网站可用性起到了很好的作用。本文以下部分将首先分析网站设计中存在的可用性标题,然后对目条件出的网站可用性设计原则和指南进行综合,从屏幕布局、内容设计、可拜访性、媒体应用、与用户的沟通、一致性和导航等七个方面进行先容。一、 网站建设中存在的可用性标题目前网站的可用性标题是一个广泛存在的现象,它们重要表现在这样一些方面:1. 应用框架(Frame)框架的应用使得打印网页时得不到用户想要的成果,并且通过珍躲夹中的URL回不到本来的网页。
2. 应用尚未成熟的新技巧由于这些新技巧尚未成熟,很可能给用户带来意想不到的麻烦(如使系统瘫痪等)。3. 转动的文字和持续播放的动画4. 网站的URL与其结构和内容不匹配5. 应用非尺度的链接色彩未拜访链接用蓝色表现,已拜访链接用红色或粉色表现。否则,用户会弄不清哪些链接已拜访过,哪些没拜访过。6. 下载时间过长7. 使“回退”按钮失效“回退”按钮是仅次于链接的、用户应用最频繁的导航功效,所以“回退”按钮失效会让用户感到扫兴。8. 打开新的浏览窗口打开太多的窗口会使全部屏幕看起来很乱,并且使回退按钮失效。9. 违规应用GUI控件(如单选钮,复选框)每个GUI控件都有必定的应用惯例,否则会应用户不知所措。10. 缺乏对网站所有者的先容11. 缺乏历史信息记录12. 链接标题不能准确提示所链接的内容13. 供给时兴而不实用的Internet功效对大多数网站来说,供给网上购物、聊天、拍卖、免费邮件、三维站点结构图等功效,会产生一些负面影响。14. 应用类似广告的表现情势(如标语、动画等)二、提高网站可用性的设计准则1 屏幕布局1)内容应盘踞网页的大部分空间,至少应占一半,最好接近80%,导航部分应不超过20%。2)应用空缺区而不是粗线条或广告来分隔不同内容。3)色彩选择·除了图片和图像之外,不要应用太多的色彩来润饰某个对象。·正文和背风景的对照度要大。·正文区和其它的功效区(如工具条、菜单条等)应应用不同的背风景。4)可读性·标题区、标题行和正文区应应用不同大小的字体。·应用静止的正文,而不要用移动、闪耀或变焦的文字。·字体应足够大,字体太小(小于10个像素单位)会下降可读性。·不要将字体设置成尽对尺寸,应尽量应用相对尺寸。·应用同一的字体,不要混杂应用多种字体,否则会下降浏览速度。5)可浏览性·每个网页都应当有标题,且网页标题应当明白地表明网页的内容。·句子/段落应简短,每句不超过20个词,每段不超过5个句子。·每个网页都应按照“倒金字塔”原则进行编写,即从一个简略的结论开端渐次展开。·应用排版印刷的设计作风,横向排列信息,以符实用户的浏览习惯。2 内容设计1)范畴·网站的内容应既能达到网站设计目标,又能满足用户的期看。·网站的内容应及时更新,以反应当前的最新状态。2)准确性·写作质量要高,没有语法、拼写和排版错误。·文章应当分段,这样用户轻易懂得。·那些既向用户供给信息,又答利用户进行评论的网页,应明白区分信息区和评论区。3)著作权·每篇文章或文档应标明作者姓名等相干信息。·应供给相应的参考文献。·应先容站点拥有者的背景材料,如公司图标、名字、地址、电话号码和email地址等。4)实效性·应标明网站所用资源的产诞辰期。·应指出网页的最近修正时间。5)供给选择功效·应当有输出或打印的格局选择。·让不同的用户选择不同的语言来显示网页。6)链接·指明哪些链接指向本页面,哪些链接指向本站点的其它页面,哪些链接指向其它站点。·应有指向相干网站的链接。·应有指向网站主办单位的链接。3 网页设计1)网页的大小网页的大小不应超过30000字节,以应用户在10秒钟之内能打开网页。2)链接·为链接加上描写信息。·当一个链接被点击后,要把所有指向同一目标的链接都表现成已被拜访过。·在链接旁注明下载文件的大小,帮助用户猜测下载时间。3)框架只有在必要时才应用框架。4)在每一页的雷同地位放置本网站标记。4 可拜访性1)下载速度·下载网页的时间应应用户能够接收,一般来说在10-20秒之间。2)浏览器的兼容性·保证网页能被所有重要的浏览器兼容。·保证网页能被同一浏览器的不同版本兼容。·保证网页能被不同类型的显示器(如单色显示器和数字电视等)兼容。3)搜索功效·供给本网站内的搜索能帮助用户更快地查找到所需的信息。4)网站的可拜访性·利用META标记为搜索引擎供给本网页的关键词和描写信息。·按照规范向搜索引擎提交信息以保证站点能够被搜索到。

5)网站内容的可拜访性• 为多媒体(声音、动画等)供给等价的文本情势,以便使那些只能应用纯文本浏览器的用户能够获得网页的内容。同样,应为那些不能浏览和浏览艰苦的用户(如盲人)供给与文字等价的内容(如声音文件等)。5 媒体的应用1)音频,动画和视频 ·只有在必要时(如示范、教学、演讲等)才应用。·避免循环播放。·下载时应显示文件的类型和大小,以便让用户决定是否有必要等候。2)图形和图像·只有当图形或图像真正有助于用户对信息的懂得时才应用它。·应用图像的缩略图技巧。·不要在搜索页面中应用图形。·在必需应用图形的时候,可多次应用同一个图形。6 与用户的沟通(交互性)·在网站上供给网站所有者的email地址和联机表单,以便获取用户对网站的反馈看法。·供给网上论坛、网络会议等功效,让用户能够共享观点和进行讨论。7 一致性·网页布局应一致。·文本的字型、字体和色彩应保持一致。·导航帮助(如菜单条、按钮等)应一致。8 导航·每页中都应设有返回主页的链接。·应当把站点的内容按种别分组(一般应为7组左右)。·用户找到所需内容的点击链接次数要尽可能少(一般不应超过3次)。·应当保证用户点击链接时不会呈现网页不存在的情况。·应供给站点结构图以帮助用户更快地找到所需的信息。·为用户供给反馈信息,告诉他目前在站点中的地位。三、总结在实际的网站建设中,网站可用性设计指南起到了很好的作用。有人曾做过这样的实验,从网上随机地选择几个网站,按照网站可用性设计指南对它们进行重新设计,然后对新旧两个版本的网站进行比拟性可用性测试,成果发明,新版本网站的可用性明显地提高了。然而,网站可用性设计指南也存在其局限性,重要是很多指南过于原则性,缺乏实际的可把持性,具体的应用后果在很大程度上依附网站开发职员对可用性的悟性,因此不能保证按照这些指南所设计的网站必定具有高可用性。提高网站可用性的基本道路应当是采用以用户为中心的设计方法,在实际的网站开发中,应将这些指南的应用与以用户为中心的设计方法相联合,才干真正达到好的后果

[来源:宁波网站建设] [作者:zx7588] [日期:10-07-05] [阅读:]