`
wolferill
  • 浏览: 58349 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

对Web可用性的一些认识

阅读更多

前端开发最常提到的个词大概是:

可用性可访问性、可维护性

  • Web可用性也称为网站的易用性,是用来衡量用户使用网站时所获得的体验质量的指标;
  • 可访问性是指网站对任何人、在任何环境下都是可持续访问的(特别是针对一些特殊人群、特殊的阅读设备);
  • 可维护性就好说了,结构合理,易拓展,以维护,Flexible~

这里我先主要说说Web的可用性。

Web可用性的基本出发点是让用户更方便、快速的找到自己需要的信息(或服务),并用最简单的操作方法来完成所有操作。Important!

1、关于Web使用的事实

普通用户在浏览网页的时候有以下几个特点:

a.不是阅读,而是扫描

人们在浏览网页的时候一般是带有目的性的(使用某种服务或者寻找某些资讯),他们不希望在无关的网页停留太久;

他们不必阅读完网页上的所有内容(所以文字多了他们会烦);

他们喜欢扫描,在最短时间内获得尽可能多的信息(就像面试官看简历一样);

b.不做最佳选择,而是满意即可

在网页中对选择进行权衡是没有意义的,不如直接点击下去,因为猜错并不会有什么严重后果(用户的点击是凭直觉的),如,在北京大学的网站上找到“院系设置”:

我对身边的一些朋友进行了测试,大多数人的第一反应就是去点一下“北大概况”的链接(我问他们为啥想也不想就点,回答是点一下又不会死~囧~),但实际上真正的链接是在右下角。用户看到和他目的相似的链接就会“义无反顾”的点下去,不会多考虑什么(有点像无头苍蝇)。

给北京大学首页挑挑刺~

c.不追根究底,而是勉强应付

用户习惯一般都是先入为主的,他不会追究这样使用是否方便,后面的原理是什么,能够用就行了。如果单纯为了视觉上的体验,忽视用户习惯,可能会大大降低可用性。如果你提供了变化很大的新版本,纵使他更为好用,但最好保留原始版本的入口,给用户一个习惯改变的缓冲期。

 

2、可用性三大定律(个人理解版)

在Web可用性方面有一个非常出名的定律: 

Krug可用性三大定律(原版)

a.别让我思考(Don't make me think,终极法则 );
b.要点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择;
c.去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。

 

 

    这个定律是Krug在《Don’t make me think》这本书中提出的,虽然说这本书看起来挺废话,一看过去好像都是自己知道的,但是实践起来没谁能保证自己不犯错。 它描述的是Web设计的游戏规则,可能会玩游戏的有不少,但是真正清楚理解游戏规则的有几个?能把游戏规则说清楚的,更是寥寥无几。

    我说说我对这三条定律的看法吧。


    关于 a.别让我思考

    我相信所有人都会举双手双脚表示赞同吧。

    关于 b.要点击多少次都没关系

    我觉得这句话有点问题,无需思考是必须的,但是点击的次数还是越少越好,要给用户提供便捷的途径到达他想去的地方

    我们比较一下下面下面两种信息寻找方式:

    在淘宝上找 联想 8G u盘

    第一种方式,目录查找,不断进入细分类目,直到找到想要的东西,每次点击都不需要怎么思考,但要经过5次页面跳转(并且是假设目标明确,寻找链接不花时间,没有点错的情况下);

    第二种方式,直接搜索,从搜索结果中寻找想要的东西,只需经过一次页面跳转。

    我想多数人的第一选择都是直接搜索吧,所以在网站导航区提供一个搜索栏是非常必要的

    就算是要使用目录查找,也要通过更好的展示方式,减少用户的点击次数,例如:

    通过浮动列表进行信息展示就是一种减少点击次数的好方法。

    另外还有提供预览自动加载啥的……

    所以,我对第二条定律表示不感冒,个人觉得正解应该为:

    点击次数尽可能的少,利用Javascript或者其他Web2.0技术将网站内涵尽早展现出来,同时,每个点击处的描述都做到准确,无须思考。

    关于c.去掉每个页面上四分之三的文字

    这个夸张了点,本意应该是尽量减少文字,以更加图形化、直观化的方式,让用户理解网站的使用。所谓的消灭指示性文字、消灭欢迎词,我觉得也是不正确的。

    例如,下面的欢迎词、指示性文字等我觉得都是不可少的:

    如果真想减少点文字,还不如用“隐藏”的办法(举WordPress的后台管理为例):

    还有些什么Tab幻灯片的方法,都可以用于减少界面上的文字。

    因此,我对第三点的看法为:

    利用Javascript或者其他Web2.0技术将多余的东西合理的隐藏起来,不影响用户视野,但在需要的时候也能够方便的找到。

    综上所述,我对于Web可用性三定律的看法为:

    Web可用性三大定律(个人理解版)

    • a.别让我思考;
    • b.将网站内涵尽早展现出来;
    • c.将多余的东西合理的隐藏起来。

     

    3、题外话

    可用性和可访问性,有时(甚至大多数时候)却是互相矛盾的。

    可用性的提高意味着对于多数群体在正常情况下,网站更容易使用,然而这很有可能是以可访问性作为牺牲的。对于一些特殊用户,他们的浏览器可能不支持js脚本,没有鼠标,或者是用屏幕阅读器(用于朗读页面内容),这时候我们的Web可用性层(JavaScript)可能不但没有提升易用性,反而会给他们带来很多阻碍与困惑,例如:

    盲人站长深恶痛绝的onfocus=”this.blur()”

    另外,在一些表单验证、网站导航(鼠标下拉菜单)等地方常常很有可能都会发生一些可访问性的问题(例如手机用户访问)。

    但是,我们不应该让可访问性限制了可用性,完美的可访问性不代表为所有用户在所有环境下提供完全一样的功能(这是几乎不可能的),只要保证JavaScript失效的情况下,网站依旧可以使用即可(不会因此缺失重要功能)。

     

    分享到:
    评论

    相关推荐

      Don't make me think

      可用性设计是Web设计中最重要也是难度最大的一项任务。本书作者根据多年从业的经验,剖析用户的心理,在用户使用模式、为扫描进行设计、导航设计、主页布局、可用性测试等方面提出了许多独特的观点,并给出了大量...

      Web2.0站点构建技术初探

      一、 web2.0网站常用可用性功能模块分析 二、 Flickr的幕后故事 三、 YouTube 的架构扩展 四、 mixi.jp:使用开源软件搭建的可扩展SNS网站 五、 Technorati的后台数据库架构 六、 通过了解MySpace的六次重构...

      赢在用户-Web人物角色创建和应用实践指南

      您要怎样保证您的网站确实给...本书通过大量网站的实际案例,详尽地介绍了人物角色创建和应用的完整流程,适合对UCD方法有一定了解和认识的产品设计人员,包括功能、用户体检、交互、视觉等方面。样章阅读,第一二三章

      数据库设计文档(样例).doc

      现在,随着企业对数据可用性认识的加深,关键业务不允许出现哪怕是1%的灾难威胁 ,因而,异地数据备份已成为数据可用性解决方案的重要组成部分。异地容灾系统提供 一个远程的应用备份现场,能有效地防止因本地毁灭...

      CSS网站布局实录 (第二版)PDF版

      4.4.5 使用label标签提升表单可用性 4.4.6 表单设计的其他建议 4.5 字体及段落样式设计 4.5.1 应用字体样式 4.5.2 应用段落样式 4.6 图片样式设计 4.6.1 图片定位 4.6.2 图片剪切 4.6.3 图片替代文本 4.6.4 Flash...

      BerLocIn:使用Web数据集成管道集成有关柏林位置数据的多个数据集

      由于此信息的可用性和可访问性对于本地企业提高客户的知名度和关注度至关重要,因此许多Web服务和网站都将这些信息存储并提供给客户。 但是,客户可能会错过重要信息,而只考虑一个孤立的位置或兴趣点信息提供者。 ...

      论文研究 - 基于图论的系统文献网络分析

      回顾现有文献是任何研究工作... 社会学和心理学等领域已经认识到图论这一数学分支的有用性,并将其原理应用于社交网络分析(SNA)。 SNA调整度中心性,亲近性中心性,中间性中心性,特征向量中心性,聚类分析和模块性等

      人机交互期末复习要点.pdf

      人机交互复习的要点,主要包括绪论,感知和认识基础,交互设备,交互技术,界面设计,人机交互界面表示模型和实现,Web界面设计,移动界面设计,可用性与用户体验评价

      基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文)

      我们掌握了数据库及其应用技术、数据库原理、计算机网络技术等课程,对数据库的设计、应用、维护及局域网的组成有了深刻的认识与一定的动手实践能力,考取了信息处理、程序设计、数据库技术等国家IT认证。...

      企业网络安全防护技术措施.doc

      企业网络安全防护技术措施 目 录 第1章 绪论 1 第2章 企业网络安全概述 3 2.1 网络安全 3 2.2 安全隐患 3 2.2.1 完整性 3 2.2.2 机密性 3 2.2.3 可用性 4 2.3 安全分类 4 2.4 网络安全的目标 4 2.4.1 消除盗窃 4 ...

      浅谈网络安全的重要性.docx

      网络的安全是指通过采用各种技术和管理措施,使网络系统正常运行,从而确保网络数据的可用性、完整性和保密性。网络安全的具体含义会随着"角度"的变化而变化。众所周知,Internet是开放的,而开放的信息系统必然...

      物联网安全_实验9 信息保密性、完整性和不可抵赖性的综合应用.doc

      (3)可以免费得到运行于多种平台上的PGP版本,具有广泛的可用性;(4)不由任一政府或标准化组织所控制,使得PGP得到了广泛信任;(5)与商业公司(Network Associates)合作,提供一个全面兼容的、低价位的商业版本...

      基于J2EE框架的个人博客系统项目毕业设计论...

      我们掌握了数据库及其应用技术、数据库原理、计算机网络技术等课程,对数据库的设计、应用、维护及局域网的组成有了深刻的认识与一定的动手实践能力,考取了信息处理、程序设计、数据库技术等国家IT认证。...

      互联网法的大众时代-研究论文

      尽管认识到Web自创建以来就一直是“用户生成的”,但有人认为,对音频/视频Web的小规模和个人贡献以及已建立的媒体提供商对此类材料的使用引起了商业上和商业上的极大兴趣(在线和离线)对那些对Internet监管和Web...

      building_storage_networks_chsSAN存储区域网络 .rar

      这个方案将提供对最广泛的服务器平台、操作系统和应用的支持,事实上,在容量、连接性、性能和可用性等方面,它也有着广阔的发展空间。 存储价格:容量增长的催化剂 国际数据公司(IDC)预言:若按磁盘的每兆...

      腾讯开源的分布式毫秒服务引擎 msec.zip

      负载自动均衡与容错,对于单机故障、局部网络波动等状况自动应对,服务高可用性。支持C/C 与Java语言,后续还将继续丰富;如果选择C/C 语言,支持协程,兼具开发和运行效率。Web化的管理界面,在web界面完成配置、...

      asp.net知识库

      事务隔离性的一些基础知识 在组件之间实现事务和异步提交事务(NET2.0) 其它 在.NET访问MySql数据库时的几点经验! 自动代码生成器 关于能自定义格式的、支持多语言的、支持多数据库的代码生成器的想法 发布Oracle...

      关于计算机网络安全与防范论文.docx

      上述计算机安全的定义包含物理安全和逻辑安全两方面的 内容 ,其逻辑安全的内容可理解为我们常说的信息安全,是指对信息的保密性、完整性和可用性的保护,而网络安全性的含义是信息安全的引申,即网络安全是对网络...

      java8集合源码分析-JavaArchitect:「Java架构师知识积累」

      Availability(可用性) Partition Tolerance(分区容错性) BASE理论 Basically Available(基本可用) Soft-state(软状态) Eventually Consistent(最终一致性) 高并发 分布式 id 在复杂分布式系统中,往往需要...

      企业网络安全方案的设计.doc

      这些数据大多集中在公司总部数据 中心,因此有必要加强各计算机应用系统的用户管理和身份的认证,加强对数据的备份 ,并运用技术手段,提高数据的机密性、完整性和可用性。 由以上分析可知该公司信息系统存在较大的...

    Global site tag (gtag.js) - Google Analytics