《渐进增强——跨平台用户体验设计》一1.7 提升Web的可访问性

1.7 提升Web的可访问性

Tim关于Web的看法是:任何Web页面,我们都可以把它看成一个文档。同样内容的文档,我们只需要保留一份就够了。不论用户通过何种浏览器或设备访问,内容是唯一的,不同的只是呈现形式。这样做的好处显而易见——Web世界是由“超媒体”[17]联系起来的庞大网络,我在一个页面中添加了一个超链接,却不能预料到用户是通过什么设备访问并点击的这个链接。如果文档是唯一的,那么入口链接也一定是唯一的。我只需要添加一个链接,用户无论从任何设备点击它,都能获得最佳的访问体验。

总体来说,Tim反复强调的是:确保Web的可访问性,Web的可访问性,Web的可访问性!——重要的话说三遍。

可访问性这个概念近年来逐渐被重视起来了,与之伴随,大家近几年都在说“以用户为中心”,很多交互设计师也会在各种场合分享相关话题,比如为视觉有障碍的用户提供优化体验等(比较常见的技术就是兼容屏幕阅读器,如国内杨永全推广的“争渡读屏软件”——译者注)。大家开始重视可访问性了,这是一个好的现象。

但是我们也要知道,提升可访问性和兼容屏幕阅读器并不是划等号的。就算是盲人,也有各种各样获取内容的方式。比方说有人使用盲文触摸反馈阅读器,有人用盲文打印机,有的盲人重度依赖键盘,也有人使用一个带有声音反馈的触摸屏,甚至他们可能会使用相机拍下内容,然后导入到OCR光学字符识别系统里,然后把文本转换成语音来获取他想要的内容。存在视觉障碍的用户其数量非常多(考虑到随着每个人的长大变老,每个人都可能会遇到视觉障碍的问题),但是解决视觉障碍的可访问性,也只是广义“可访问性”要解决的问题的一小部分。

每个人都是不同的个体,彼此有着不同的特点。所以设计师所面对的用户也是千变万化的。用户总有一些特殊的情况,比如惯用左手、色弱等。首先,设计师需要考虑这些人的需求,在设计中考虑是否可以为这些用户提供一些便利的设置。然后,再结合各种设备的不同特点,来优化不同的交互方式——这样做,Web的可访问性无疑会大大提升。

下面,我们来举例谈谈Web的可访问性都体现在哪些方面。

在交互设计方面,我们的Web页面上,总有一些链接、按钮等,这些需要用户操作的元素,它们之间的布局关系可能会影响到你的产品的可访问性。设想一下,如果你是一个经常使用右手操作鼠标的人,某一天你的右手受伤了而不得不使用左手来操作,那些网站上的按钮设计得那么小,按钮又靠得那么近,你点击起来多费劲啊!所以,交互设计对于实现可访问性来说,是非常重要的。

在视觉设计方面,Web页面上的文字和页面的背景颜色的对比度也是需要考虑的。我们要保证在不同的照明条件下文字在页面上清晰可读。这个是可以通过做实验来反复推敲的。有些网站的内容在PC上阅读没有问题,但是如果用户拿着手机跑到户外的大太阳下看,文字却基本不可读。文本颜色的考虑也是非常重要的。

在文案设计方面,语文上的考虑对于提升可访问性来说也是非常重要的。文本的可读性决定了你想要传达的信息是不是可以为用户所理解,这是网站必须要重视,却最容易被忽略的。举例来说,有谁好好读过任意网站的注册协议吗?这种臭长的东西没有人愿意读,因为没有人好好考虑过注册协议的文案设计[18]。文案设计的缺位,对Web的可访问性的影响是非常巨大的。

在网页资源方面,如果页面请求的资源过多过大,用户的体验是非常不好的,千万不要考验用户的耐心,也千万不要认为用户的流量是免费的。一次,我在国外不小心打开了一个视频网站,因为这个网站是自动播放[19]的,所以那个月运营商直接扣了我30美元的流量,心都碎了啊。所以,我的建议是,根据用户的使用环境去提供不同的体验,至少,在户外3G环境下,不要让视频自动加载吧(腾讯视频是这么做的——译者注)?提升可访问性,网页资源的优化也是应该重视的。

类似的例子还可以举出很多,但是我想你们应该明白“可访问性”大概包含哪些内容了。

每个人可以有不同的理解,我个人认为,可访问性就是确保每个人都能平等地访问Web上的内容,无论用户是有一些生理上的缺陷,还是受网络条件或设备条件的限制。作为Web设计师,我们要考虑到不同的用户体验场景,有针对性地优化Web设计,让大家通过同一个链接入口进来,都能访问到为他优化过的,他想要看到的内容。

当通过手机访问一个网站的时候,我会受到很多限制。首先,我受到屏幕分辨率的限制,尽管我可以缩放页面来放大我要看的内容,但是和PC上的感觉还是相差很多。其次,我会受到交互手段的限制。在PC上,我已经很熟悉使用鼠标了,点击很小的按钮也没有困难。但是在手机上,我的手指傻大笨粗,如果页面的链接密密麻麻,我想要准确点击一个链接,也是非常困难的。我希望获得一个针对移动设备优化过的页面,我相信这是很多手机用户的呼声。

用户会抱怨。收集这种抱怨,提炼出问题,并且解决问题,这一过程就是用户体验的优化。

针对不同的用户,我们可以有不同的优化方法,而前提是,我们不应该抛弃任何用户。渐进增强,就是这种不抛弃、不放弃的用户体验优化的方法之一。

时间: 2024-08-04 04:17:44

《渐进增强——跨平台用户体验设计》一1.7 提升Web的可访问性的相关文章

《渐进增强——跨平台用户体验设计》一第1章 为体验而设计1.1 优秀的代码,麻烦的设备

第1章 为体验而设计 渐进增强--跨平台用户体验设计"总有些人干过这种事,在网页顶部或底部搞一个小黄条,写上'请使用XX浏览器(如IE6)访问本网站以获得最佳访问效果'.要我说,这种人到底是多么想回到过去啊,回到Web诞生之前吗?那样你就不可能在别的电脑.别的文字处理器,或者别的网络来访问你这个不想让别人看的网站啦!" --Tim Berners Lee 互联网中,唯一不变的就是变化.四下观望,永远都有新的设计风格,新的语言.框架.工具.新的上网设备在博人眼球.乱花渐欲迷人眼,城头变幻

《渐进增强——跨平台用户体验设计》一1.9 渐进增强的设计思想

1.9 渐进增强的设计思想 渐进增强是一种设计思想.运用这种设计思想进行设计实践,会让每个设计师和开发者节省大量的时间和成本.这种设计思想帮助你了解你所面对的真实用户和设备环境,让他们获得最适合的用户体验,从而体现出Web与生俱来的适应性. 渐进增强是一种无间断,连续的设计思想,不是为了某些设备而特殊优化,而是面向不同类型的设备,累加地提供用户体验的提升.在接下来的章节中,你会学习到如何把这种思想应用到Web设计的实践当中. [1] 作者的分析代码详见https://perma.cc/4EAE-

《渐进增强——跨平台用户体验设计》一1.5 向后兼容,向前适应

1.5 向后兼容,向前适应 中学时代,我经常用MS-DOS系统上的Word文字编辑软件写作业.这是个特别专业的软件,因为打开它就只能写字,别的什么都干不了[11].那时的Word软件没有太多的编辑选项,却也能满足大部分的需要,对于我来说,足够用了. 然而,当时我写的作业,用现在的Word软件已经打不开了.二十多年过去,这个软件已经不再支持MS-DOS版本的DOC文件. 有人说,都20多年过去了,你还惦记那些中学写的作业啊--我不是这个意思.我相信除了我之外,很多人都用过MS-DOS下的Word软

《渐进增强——跨平台用户体验设计》一1.6 适应未知的设备

1.6 适应未知的设备 然而,还是有人认为,设计思想这东西看不见摸不着,扯那些没用的是在浪费时间.在Web设计师Tim Kadlec的博文"我们的设计并没有真正理解Web"的后面,有个读者的留言是这么说的[15]: "说得好听,但是不接地气.你得算一下捕捉用户的成本.如果一些用户根本不是你的目标用户,不能为你带来任何收益,那么,干嘛为他们进行优化?根据这种设计思想,本质上你是要为所有用户的体验负责,无形中会大量增加开发成本.但是,恕我打个比方--我们都知道成衣的尺码分大中小号

《渐进增强——跨平台用户体验设计》一1.8 分层次设计

1.8 分层次设计 渐进增强是一种设计的思考方式,关于这种思考方式,我经常拿M&M豆来打比方(图1-5).我特别喜欢吃M&M豆,所以我们想一下,是不是所有的M&M豆最里面都有一颗花生啊?M&M豆为什么要在最里面包含一颗花生,而不是别的什么东西呢?我猜,因为花生是一种普遍都能接受的食品,除了少数过敏者,很少有人不喜欢吃花生.所以,花生是M&M豆的核心,正如一个网页的内容是网页的核心.广告啊.导航啊,这些都是次要的,大家来到你的网页是来看内容的,别的都不重要. 发明M&

《渐进增强——跨平台用户体验设计》一1.3 技术实现和用户体验

1.3 技术实现和用户体验 早期的Web技术更新得非常快.比方说,HTML的标准还未统一,微软和Netscape两家公司争相往HTML里面添加新的元素和行为,以证明自家技术比对方更厉害.后来又有了Java applets[6].RealMedia.Shockwave.Flash和其他的私有技术,我们的网页变得很复杂,同时用户需要安装很多插件来支持这些技术. 各家标准和技术的不统一导致了"优雅降级"概念的诞生.所谓优雅降级,指的是在用户的浏览器不能完全支持某项功能的时候,为用户提供一个在

《渐进增强——跨平台用户体验设计》一1.2 早期的Web是什么样

1.2 早期的Web是什么样 最初,我们的电脑是没有图形界面的[3],我们看到的,只是黑色屏幕上的一行行绿色的命令行和文字[4](图1-1),上网的用户个个看起来都和程序员没什么区别. 命令行模式的浏览器仅支持一些基本的文本格式,如缩进.对齐等,但是在1990年,Web上传输的内容基本都是些文本和用于发表的内容,所以这样的内容渲染程度也是能够满足人们的需要的. 我是从1990年开始上网的,本来一直用着这种命令行模式的浏览器,用着用着,我发现情况有了一些变化.1993年,美国国家超级计算应用中心(

《渐进增强——跨平台用户体验设计》一1.4 你满足不了所有的人

1.4 你满足不了所有的人 在今天的Web环境中,按照PSD文件的像素去还原一个网页,然后在任何设备上都展示成一个模样的时代已经过去了.我们要考虑的因素越来越多. 在技术实现方面,屏幕尺寸.像素密度.CPU运算速度.内存大小.传感器的支持程度.功能差异.不同接口,乃至不同的操作系统.同一操作系统的不同版本.不同的浏览器,同一浏览器的不同版本.插件.插件版本.网速.网络延迟.防火墙.用户自己设置的代理.路由器,以及日新月异的技术发展,让我们的Web环境愈发复杂起来. 技术实现方面之外,我们还要考虑

用户体验设计:表格可读性的提升

前边写了个大框架,好像有点笼统,因为没有各点的图文分析.最近用表格比较多,本文具体对表格可读性的提升做个系统总结,顺便把Readability Framework更新到了v1.1.如下图: 追溯表格(Table)的历史,最早设计师们喜欢用表格来布局,因为可视化简单直观,从而大大降低了web design的技术难度.在错误理解表格的基础上,不仅用错,而且模糊了表格的真正用途.到后来web standards改革,某些不实观点又把表格打入冷宫,认为<table>是罪恶之源. 实际上,用户会有各种复