mabili英国广播公司(BBC)工作后不久,我回答了来自屏幕阅读器用户投诉有困难找到一个最喜欢的节目通过BBC iPlayer的主页。
网站近期历程了一个独立的可访问性审计表明,除去零星的小问题,这是相当容易。
我打电话给顾客打造到底问题是,和大家一块导航主页用屏幕阅读器。 就在那时我意识到,尽管所有些传统配料一个访问页面的地方-标题,围咏叹调地标、文本选择等等,这不是为屏幕阅读器用户很有用。
第一个问题是,子导航是仅有些两个链接:“电视”和“广播”与其他重点范围,如“类别”,“途径”和“Z”埋在内容页面的顺序,使其用户更难找到。
第二个问题是怎么样详细页面的屏幕阅读器用户。 一旦听到的不是链接到一个程序,该程序将宣布两次由于缩略图和标题为程序提出了两个不一样的链接。 这使得页面再听和措辞混淆由于链接到相同的目的地不同。
最后,键盘访问页面上是不合逻辑的。 在“类别”地区,比如,一个点击一个类别将揭示四项旁边的面板。 访问类项目的完整列表,你需要单击第三在同一链接清单页面。 这是一个主要障碍为用户和顾客交谈时,我感到的地方完全舍弃用该应用程序。
非常明显,尽管与可访问性网站建好,不是设计时考虑到可访问性,这是问题的发源地。
在英国广播公司(BBC),很多内部标准和指导方针时,团队需要遵循出货可访问网站和移动应用程序。 重点的是:
可访问性标准和指导方针,
屏幕阅读器测试指南,
移动可访问性标准和指导方针。
还有一个强大的企业文化的可访问性;BBC是一个公共资金资助的组织和可访问性被觉得是其核心职责,是一个更强的司机比法律需要。 那样,这是如何发生的?
问题是,标准和指导方针的一部分总是比设计,更重视代码对产出比的结果,比经验更在合规。 因此,技术兼容的页面可以打造不为残疾用户最实用。
它好像并不明显,但视觉设计可以产生巨大影响的用户没办法看到该页面。 我常常发现移动应用程序和网站的问题进行访问的视觉设计,通过命令结构,不允许它。
这并不意味着标准和指导方针是冗余的,远非这样。 但大家发目前英国广播公司(BBC)是标准需要坐,和公告,一个可访问性框架,贯穿商品管理、客户体验,开发和品质保障。 因此,可访问性来源于客户体验。 大多数的思想和需要应考虑前面,如此可怜的易访问性不是设计。
BBC iPlayer网站重新设计,重新看重给包容性设计,虽然坚持英国广播公司(BBC)的规范和指导方针,是由四个原则(下图)。 然后大家的大家的规范和指导方针来创建一个集中的需要列表客户体验。 大家也开始练习设计师来标注我们的设计可访问性。
大家的四个主要原则如下:
给用户选择。
把用户控制。
设计与熟知牢记于心。
优先考虑的特质,增加价值。
千万不要觉得仅仅由于用户可以访问内容的一种方法,他们期望访问内容的一种方法。 由于BBC的iPlayer“音频描述”和“手语”格式,它从来没在任何怀疑,这两个应该有我们的专用清单页面,通过“类别”下拉链接访问。 (注意所有点播内容是有字幕的,这就是为何没“字幕”的类别。 字幕可以打开媒体播放器)。
然而,用户研究和反馈表示,尽管大家想要专用的类别,他们也期望可以以同样的方法搜索和浏览内容,其他用户将和选择他们喜欢的格式。 多年来我一直联系的绅士,抱怨老iPlayer页面,他一个人说,“不要寄到残疾筒仓!”
这意味着,从刚开始的设计需要路标“音频描述”和“签署”内容通过搜索结果,A到Z,类别和其他清单页面。 不做出任何假设或刻板印象残障人士是非常重要的——比如,一个有着紧急的视力障碍可能不一直用音频描述;新闻、体育、音乐和生活事件的程序一般不支持音频描述由于评论员已经提供丰富的评论。
点播页面也替代格式列表,允许用户选择他们想要的东西。 展望将来,选择也可以包括在选择你的格式标准的媒体播放器——BBC媒体播放器用于所有BBC点播和直播视频商品,包含iPlayer。
从来没离用户控制是至关要紧的。 在iPlayer的一个重点方面,非常灵敏,不抑制触控放大。 一次又一次地在用户测试中,大家发现用户缩放内容,甚至在响应网站,文本或许会故意大。
因为iOS错误,纠正在iOS 6中,触控放大的能力被抑制时因为贫穷很多网站调整方向是景观从肖像。 目前这已经是固定的,没理由继续抑制放大。
控制的另一个方面是自动播放。 在iPlayer现在播放生活内容,这可能是一个问题,由于视频的声音可以让屏幕阅读器用户非常难听到他们的读者的输出。 然而,大家了解的屏幕阅读器用户请求自动播放,由于这意味着他们无需导航到播放器,播放按钮和激活游戏。 答案是看怎么样给用户控制播放选择的或者自动播放,比如用一个弹出和储蓄偏好和饼干。
需要有一种新的和熟知的之间的平衡。 用户知道怎么样与页面交互和应用程序用熟知的设计模式。 这是在为iOS和Android原生应用看上去非常重要,在标准UI组件有内置的可访问性。
同样要紧的是用的语言在BBC的iPlayer的当地应用程序和网站响应。 平台允许的,一致的标签标题、链接和按钮——不止是视觉,但也通过选择屏幕阅读器用户——确保经验是熟知和被认同的“BBC iPlayer,无论平台。
联系到这个,新设计加大逻辑结构内的代码,进而支持导航屏幕阅读器用户。 重点在于确保模式用于跨页面标题结构重复,如此用户在不一样的地方找不到主标题取决于他们的页面。 而结构一般被视为开发商的责任,它需要决定在设计之前签署为了预防贫困结构编码,后面有更详细的描述。
英国广播公司(BBC)不止是会议上可访问性代码,内容和设计需要,但也包括所有用户的有用的功能,增加价值,包含残疾用户。 大多数的反馈大家从残疾用户是可用性问题,在某种程度上可以由其他人历程,但严重干扰残疾用户。 当大家合并功能与特定的障碍,帮助用户获得更丰富的、更容易体验每一个人收益。
出现一次又一次的一个障碍是找到一个最喜欢的节目。 我和很多屏幕阅读器用户说他们他们的桌面快捷方法保存到他们最喜欢的节目,但因为改变url,常常丢失内容。 一个简单的办法来解决这一问题,好处是确保所有用户在网站上有一种机制来保存珍藏。 最爱和选项列表中添加你所期望的方法进一步提升。 这听起来无关的可访问性,但它是最收到残疾用户请求的功能。 简单地访问珍藏夹页面看最新一集的东西,而不必搜索网站,那将让所有完全不同。
想方法叫人们更快地得到他们想要的内容也影响中可用的媒体播放器本身。 一旦完成一集玩,退出媒体播放器和导航回到网站找到一些用户的下一个事件是一个巨大的开销。 添加一个“更多”按钮,玩家本身,显示下一个事件或项目像目前,降低了需要的工作量用户发现新的内容。
“你可能还喜欢“插件显示有关内容和第二集在标准的媒体播放器。 (上述原则存在创建一个心态,帮助商品所有者和客户体验从业者都在塑造和设计的商品。 除去这四个原则,一套准则用于设计更多的访问接口。 以下是一个子集的”28日
)BBC iPlayer一个重点功能,增加了价值的原生iOS和Android应用程序,与网站(当在Chrome)”:
26确保文本和背景超越WCAG 4.5:1的对比最低的两倍。)
的指导方针支持GoogleChromecast色彩对比
查询大版本
颜色和意义
目的需要足够大,以触摸准确(44像素)。变焦
一个不活跃的空间需要围绕所有活跃的元素(除非他们很多超越44像素)。 信息传达与颜色也需要从上下文或可辨别的标记。
订单内容
新iPlayer链接和其他可操作的元素需要明确可辨。间距
联系目的大小控制对象和分组界面元素需要表示为一个单独的组件。
可操作的元素复制链接
在发射,BBC的频道珍藏的iPlayer的导航,一个“热点”和“电视指南,类别。 “这类页面的所有坐在开始,高的内容。 在视觉上容易看到,他们也轻松地发现屏幕阅读器用户通过一个隐藏的标题和标签导航地标:
在之前的“类别”是没办法用屏幕阅读器用户我采访,他们目前著名的页面和全键盘通航。 自推出以来,增加更多的途径意味着频道链接被安置到在我们的下拉菜单。
搜索工具也被添加,让用户进行预测搜索,浏览到Z或查询近期关注的项目。 这是所有键盘可访问,它用的标题,并在适合的地方的地标。
主页旋转木马也完全键盘可访问。 流中的每一个程序提出了作为一个链接,文本的阅读顺序开始与主信息:通道归因,程序名,集信息、抽象和程序持续时间。
工作也一直在进行改进可见焦点和标准带来iPlayer网站和媒体播放器与英国广播公司(BBC)页眉和页脚。 粉红下划线用于悬停和关注国家在主BBC目前导航中用标准的媒体播放器来表示当一个按钮被选中——比如,当字幕开启。 这只替换用颜色来表示选中状况,与徘徊,专注的状况。
你可以阅读更多关于采取了什么手段iPlayer访问和使标准的媒体播放器可访问,包含创建一个可以在Flash媒体播放器,英国广播企业的网络上的博客。
所有些想法在包容性设计,来自商品负责人,UX从业者和设计师需要捕捉和传达给开发职员和工程师。 在英国广播公司(BBC),大家搬到一个模型,设计需要注解的可访问性。 这包含:
标题,
容器,
内容顺序,
色彩对比,
选择颜色和意义,
可见的焦点,
键盘和输入的交互。
带注解的客户体验的一个例子显示标题和标签。
上面的设计,显示一个早期版本的BBC iPlayer主页,概述了的地方来标题应该。 客户体验的大夫无需深入知道代码,而是知道数据在页面的层次结构。 如此,一个同样可以同意的办法是表明“主标题”,“二级标题,”“第三级标题”等等。 开发职员可以把这个翻译成语义标记。
同样,指示内容帮助开发职员代码内容的逻辑顺序正确的序列(即源顺序)——这是至关要紧的屏幕阅读器或发现键盘页面的用户的理解。
注解以这种方法客户体验是辨别重点设计,不允许逻辑页面结构,内容或行为。 这是第一步生成的风格指南文档集中,颜色等等。 进一步的,这类需要也可以用于生成用户验收标准和智能化品质保障测试。
即便你在敏捷的方法工作,在设计迭代出货,而不是一个完整的形式,注解仍能工作。 只须页面的基本框架被非常不错地概念,视觉设计可以进化。
比较容易陷入困境的访问输出和忘记,最后,可访问性是人。 因此,记住以下,无论你是在商品,客户体验,开发或品质保障
设计与选择。
一直给用户控制页面。
为残疾用户优先级功能,增加价值。
设计与熟知。
可访问性融入带注解的客户体验和风格指南。
不要假设。 测试想法和定义。
培养这类重点原则在整个团队将会非常长一段路要确保商品是残疾人的包容性和可用的。 听用户并积极包含他们的反馈,与坚持组织的规范和指导方针,是至关要紧的。
本文内容来自互联网翻译，翻译的不好，请见谅！转载请注明北京网站制作
文章标题客户体验研究:BBC iPlayer案例
