客户体验科学研究:BBC iPlayer实例

阅读  ·  发布日期 2020-10-11 20:35  ·  admin

mabili英国广播节目企业(BBC)工作中后没多久,我回应了来自显示屏阅读文章器客户投诉有艰难寻找1个最喜爱的节目根据 BBC iPlayer的首页 。

网站近期亲身经历了1个单独的可浏览性财务审计说明,除零星的小难题,这是非常非常容易。

我打电話给顾客创建究竟难题是,和大家1起导航栏首页应用显示屏阅读文章器。 就在那时我观念到,虽然全部的传统式配料1个浏览网页页面的地区-题目, 围咏叹调地标 、文字挑选这些,这并不是为显示屏阅读文章器客户十分有效。


iPlayer的旧首页。 ( 查询大版本号 )

第1个难题是,子导航栏是唯一的两个连接:“电视机”和“广播节目”与别的重要行业,如“种别”,“方式”和“Z”埋在內容网页页面的次序,使其客户更难寻找。


iPlayer旧首页显示信息的“种别”,“方式”和“Z”的內容。 ( 查询大版本号 )

第2个难题是怎样详尽网页页面的显示屏阅读文章器客户。 1旦听到的并不是连接到1个程序流程,该程序流程将公布两次由于缩略图和题目为程序流程提出了两个不一样的连接。 这使得网页页面再听和用语搞混由于连接到同样的目地地不一样。


iPlayer旧首页显示信息反复的连接。 ( 查询大版本号 )

最终,电脑键盘浏览网页页面上是不符合逻辑性的。 在“种别”地区,比如,1个点一下1个种别将揭露4项周围的面板。 浏览类新项目的详细目录,您务必点击再度在同1连接清单网页页面。 这是1个关键阻碍为客户和顾客沟通交流时,我觉得的地区彻底舍弃应用该运用程序流程。


iPlayer的旧首页显示信息突显显示信息的“种别”连接。 ( 查询大版本号 )

很显著,虽然与可浏览性网站建好,并不是设计方案时考虑到到可浏览性,这是难题的起源地。

大家遭遇的挑戰

在英国广播节目企业(BBC),很多內部规范和具体指导战略方针时,精英团队务必遵照交货可浏览网站和挪动运用程序流程。 重要的是:

可浏览性规范和具体指导战略方针 ,

显示屏阅读文章器检测指南 ,

挪动可浏览性规范和具体指导战略方针 。

也有1个强劲的公司文化艺术的可浏览性;BBC是1个 公共性资金支助的机构 和可浏览性被觉得是其关键岗位职责,是1个更强的司机比法律法规规定。 那末,这是如何产生的?

难题是,规范和具体指导战略方针的1一部分常常比设计方案,更重视编码对产出比的結果,比工作经验更在合规。 因而,技术性适配的网页页面能够创建不为残疾客户最好用。

它好像其实不显著,但视觉效果设计方案能够造成极大危害的客户没法看到该网页页面。 我常常发现挪动运用程序流程和网站的难题开展浏览的视觉效果设计方案,根据指令构造,不容许它。

这其实不代表着规范和具体指导战略方针是冗余的,远非这般。 可是大家发如今英国广播节目企业(BBC)是规范必须坐,和通告,1个可浏览性架构,贯穿商品管理方法、客户体验,开发设计和品质确保。 因而,可浏览性源自客户体验。 绝大多数的观念和规定应试虑前面,这样可伶的易浏览性并不是设计方案。

BBC iPlayer网站再次设计方案,再次高度重视给宽容性设计方案,尽管坚持不懈英国广播节目企业(BBC)的规范和具体指导战略方针,是由4个标准(下图)。 随后大家的大家的规范和具体指导战略方针来建立1个集中化的要求目录客户体验。 大家也刚开始训炼设计方案师来标明自身的设计方案可浏览性。

客户体验标准

大家的4个关键标准以下:

给客户 挑选 。

把客户 操纵 。

设计方案与 熟习 铭记于心。

优先选择考虑到的特点, 提升使用价值 。

给客户挑选

干万不必觉得仅仅由于客户能够浏览內容的1种方法,她们期待浏览內容的1种方法。 由于BBC的iPlayer“声频叙述”和“手语”文件格式,它几乎沒有在任何怀疑,这两个应当有自身的专用清单网页页面,根据“种别”往下拉连接浏览。 (留意全部点播內容是有字幕的,这便是为何沒有“字幕”的种别。 字幕能够开启新闻媒体播发器)。


“种别”往下拉“声频叙述”和“签定”一部分。 ( 查询大版本号 )

但是,客户科学研究和意见反馈表明,虽然人们要想专用的种别,她们也期待可以以一样的方法检索和访问內容,别的客户将和挑选她们喜爱的文件格式。 多年来我1直联络的名流,埋怨老iPlayer网页页面,他自身说,“不必寄到残疾筒仓!”

这代表着,从1刚开始的设计方案必须路标“声频叙述”和“签定”內容根据检索結果,A到Z,种别和别的清单网页页面。 不做担任何假定或呆板印象残障人员是很关键的——比如,1个拥有比较严重的眼睛视力阻碍将会不一直用声频叙述;新闻、体育、歌曲和日常生活恶性事件的程序流程一般不适用声频叙述由于评价员早已出示丰富多彩的评价。

如检索目录网页页面,显示信息在这里,说明甚么文件格式程序流程能用。 ( 查询大版本号 )

点播网页页面也取代文件格式目录,容许客户挑选她们要想的物品。 未来展望将来,挑选还可以包括在挑选你的文件格式 规范的新闻媒体播发器 ——BBC新闻媒体播发器用于全部BBC点播和直播间视頻商品,包含iPlayer。

截图显示信息高清的播发网页页面和广告宣传文件格式。 ( 查询大版本号 )

让客户操纵

几乎沒有离客户操纵是相当关键的。 在iPlayer的1个重要层面,很灵巧,不抑止触控变大。 1次又1次地在客户检测中,大家发现客户放缩內容,乃至在回应网站,文字将会会有意大。

因为iOS不正确,改正在iOS 6中,触控变大的工作能力被抑止时因为贫困很多网站调剂方位是园林景观从肖像。 如今这早已是固定不动的,沒有理由再次抑止变大。

操纵的另外一个层面是全自动播发。 在iPlayer现阶段播发日常生活內容,这将会是1个难题,由于视頻的响声可让显示屏阅读文章器客户很不好听到她们的读者的輸出。 但是,大家了解的显示屏阅读文章器客户恳求全自动播发,由于这代表着她们不必须导航栏到播发器,播发按钮和激活手机游戏。 回答是看怎样给客户操纵播发挑选的或全自动播发,比如应用1个弹出和储蓄偏好和饼干。

设计方案与熟习

必须有1种新的和熟习的之间的均衡。 客户掌握怎样与网页页面互动和运用程序流程应用熟习的设计方案方式。 这是在为iOS和Android原生态运用显得尤其关键,在规范UI组件有内嵌的可浏览性。

一样关键的是应用的語言在BBC的iPlayer的当地运用程序流程和网站回应。 服务平台容许的,1致的标识题目、连接和按钮——不仅是视觉效果,但也根据挑选显示屏阅读文章器客户——保证工作经验是熟习和被认同的“BBC iPlayer,不管服务平台。

联络到这个,新设计方案提升逻辑性构造内的编码,进而适用导航栏显示屏阅读文章器客户。 重要在于保证方式用于跨网页页面题目构造反复,这样客户在不一样的地区找不到主题目取决于她们的网页页面。 而构造一般被视作开发设计商的义务,它必须决策在设计方案以前签定以便避免贫苦构造编号,后边有更详尽的叙述。

优先选择级作用,提升使用价值

英国广播节目企业(BBC)不仅是大会上可浏览性编码,內容和设计方案规定,但也包括全部客户的有效的作用,提升使用价值,包含残疾客户。 绝大多数的意见反馈大家从残疾客户属于能用性难题,在某种水平上能够由任何人亲身经历,但比较严重危害残疾客户。 当大家合拼作用与特殊的阻碍,协助客户得到更丰富多彩的、更非常容易体验每一个人盈利。

出現1次又1次的1个阻碍是寻找1个最喜爱的节目。 我和很多显示屏阅读文章器客户说她们她们的桌面上便捷方法储存到她们最喜爱的节目,但因为更改url,常常遗失內容。 1个简易的方式来处理这1难题,益处是保证全部客户在网站上有1种体制来储存个人收藏。 最爱和选项目录中加上你所期待的方法进1步提升。 这听起来不相干的可浏览性,但它是最收到残疾客户恳求的作用。 简易地浏览个人收藏夹网页页面看全新1集的物品,而无须检索网站,那将让1切迥然不一样。

“最爱”网页页面,挑选排列的“Z”和“近期”。 ( 查询大版本号 )

想方法令人们更快地获得她们要想的內容也危害中能用的新闻媒体播发器自身。 1旦进行1集玩,撤出新闻媒体播发器和导航栏返回网站寻找1些客户的下1个恶性事件是1个极大的花销。 加上1个“更多”按钮,玩家自身,显示信息下1个恶性事件或新项目相近于当今,降低了必须的工作中量客户发现新的內容。

“您将会还喜爱“软件显示信息有关內容和第2集在规范的新闻媒体播发器。 ( 上述标准存在建立1个心理状态,协助商品全部者和客户体验从事者都在营造和设计方案的商品。 除这4个标准,1套规则用于设计方案更多的浏览插口。 下列是1个非空子集的” 28日

) BBC iPlayer1个重要作用,提升了使用价值的原生态iOS和Android运用程序流程,和网站(当在Chrome) ”:

26 保证文字和情况超出WCAG 4.5:1的比照最低的两倍。 )

29日

的具体指导战略方针 适用谷歌Chromecast 颜色比照

查询大版本号 

色调和实际意义 

总体目标务必充足大,以触碰精确(44像素)。 
变焦

1个不活跃的室内空间务必紧紧围绕全部活跃的元素(除非她们很多超出44像素)。 
信息内容传递与色调也务必从左右文或可鉴别的标识。

定单內容 

 

新iPlayer 
连接和别的可实际操作的元素务必清楚可辨。

 
间隔

联络总体目标尺寸 
操纵目标和排序页面元素务必表明为1个独立的组件。

可实际操作的元素 
拷贝连接

变焦是适用的服务平台,它不可以抑止。

BBC的iPlayer首页內容有更好的新纪律,检索专用工具、构造和电脑键盘浏览。 ( 查询大版本号 )

在发射,BBC的频道个人收藏的iPlayer的导航栏,1个“热门”和“电视机指南,种别。 “这些网页页面的全部坐在刚开始,高的內容。 在视觉效果上非常容易看到,她们也轻轻松松地发现显示屏阅读文章器客户根据1个掩藏的题目和标识导航栏地标:

iPlayer navigation

在以前的“种别”是没法应用显示屏阅读文章器客户我访谈,她们如今知名的网页页面和全电脑键盘通航。 自推出以来,提升更多的方式代表着频道连接被安装到在自身的往下拉菜单。

检索专用工具也被加上,让客户开展预测分析检索,访问到Z或查询近期关心的新项目。 这是全部电脑键盘可浏览,它应用的题目,并在适度的地区的地标。

首页转动木马也彻底电脑键盘可浏览。 流中的每一个程序流程提出了做为1个连接,文字的阅读文章次序刚开始与主信息内容:安全通道归因,程序流程名,集信息内容、抽象性和程序流程不断時间。

工作中也1直在开展改善可见聚焦点和规范带来iPlayer网站和新闻媒体播发器与英国广播节目企业(BBC)页眉和页脚。 粉红下划线用于悬停和关心我国在主BBC如今导航栏中应用规范的新闻媒体播发器来表明当1个按钮被选定——比如,当字幕打开。 这只更换应用色调来表明选定情况,与彷徨,潜心的情况。

彷徨,潜心粉色下划线用于BBC iPlayer头。 ( 查询大版本号 )活跃的和不活跃的彷徨和我国关心的副题目按钮规范的新闻媒体播发器。 ( 查询大版本号 )

你能够阅读文章更多有关采用了甚么对策 iPlayer浏览 和使 规范的新闻媒体播发器可浏览 ,包含建立1个 能够在Flash新闻媒体播发器 ,英国广播节目企业的互联网技术上的blog。

带注解的客户体验

全部的念头在宽容性设计方案,来自商品责任人,UX从事者和设计方案师必须捕获和传递给开发设计人员和工程项目师。 在英国广播节目企业(BBC),大家搬到1个实体模型,设计方案必须注解的可浏览性。 这包含:

题目,

器皿,

內容次序,

颜色比照,

挑选色调和实际意义,

可见的聚焦点,

电脑键盘和键入的互动。

带注解的客户体验的1个事例显示信息题目和标识。 ( 查询大版本号 )

上面的设计方案,显示信息1个初期版本号的BBC iPlayer首页,简述了的地区  h1 来  替代 题目应当。 客户体验的医师不必须深层次掌握编码,而是掌握数据信息在网页页面的层级构造。 这样,1个一样能够接纳的方式是说明“主题目”,“2级题目,”“第3级题目”这些。 开发设计人员能够把这个汉语翻译成词义标识。

一样,标示內容协助开发设计人员编码內容的逻辑性次序正确的编码序列(即源次序)——这是相当关键的显示屏阅读文章器或发现电脑键盘网页页面的客户的了解。

注解以这类方法客户体验是鉴别重要设计方案,不容许逻辑性网页页面构造,內容或个人行为。 这是第1步转化成的设计风格指南文本文档集中化,色调这些。 进1步的,这些要求还可以用于转化成客户验收规范和全自动化品质确保检测。

即便你在灵巧的方法工作中,在设计方案迭代更新交货,而并不是1个详细的方式,注解仍能工作中。 要是网页页面的基础架构被很好地界定,视觉效果设计方案能够演变。

总结

很非常容易深陷窘境的浏览輸出和忘掉,最后,可浏览性是人。 因而,记牢下列,不管你是在商品,客户体验,开发设计或品质确保:

设计方案与挑选。

一直给客户操纵网页页面。

为残疾客户优先选择级作用,提升使用价值。

设计方案与熟习。

可浏览性融进带注解的客户体验日风格指南。

不必假定。 检测念头和定义。

塑造这些重要标准在全部精英团队可能很长1段路要保证商品是残疾人的宽容性和能用的。 听客户并积极主动包含她们的意见反馈,和坚持不懈机构的规范和具体指导战略方针,是相当关键的。

本文內容来自互联网汉语翻译,汉语翻译的不太好,请见谅!转载请注明x

» 本文连接详细地址: » 转载请注明出处,感谢。
您必须大家为您出示企业网站建设服务吗?

大家将在24小时以内与您获得联络
或致电010⑹2199213 400⑹97⑻610资询