用戶體驗(yàn)研究:BBC iPlayer案例

mabili英國(guó)廣播公司(BBC)工作后不久,我回答了來(lái)自屏幕閱讀器用戶投訴有困難找到一個(gè)最喜歡的節(jié)目通過(guò) BBC iPlayer的主頁(yè) 。

網(wǎng)站最近經(jīng)歷了一個(gè)獨(dú)立的可訪問(wèn)性審計(jì)表明,除了零星的小問(wèn)題,這是相當(dāng)容易。

我打電話給客戶建立到底問(wèn)題是,和我們一起導(dǎo)航主頁(yè)使用屏幕閱讀器。 就在那時(shí)我意識(shí)到,盡管所有的傳統(tǒng)配料一個(gè)訪問(wèn)頁(yè)面的地方-標(biāo)題, 圍詠嘆調(diào)地標(biāo) 、文本選擇等等,這不是為屏幕閱讀器用戶非常有用。

第一個(gè)問(wèn)題是,子導(dǎo)航是僅有的兩個(gè)鏈接:“電視”和“廣播”與其他關(guān)鍵領(lǐng)域,如“類(lèi)別”,“渠道”和“Z”埋在內(nèi)容頁(yè)面的順序,使其用戶更難找到。

第二個(gè)問(wèn)題是如何詳細(xì)頁(yè)面的屏幕閱讀器用戶。 一旦聽(tīng)到的不是鏈接到一個(gè)程序,該程序?qū)⑿純纱我驗(yàn)榭s略圖和標(biāo)題為程序提出了兩個(gè)不同的鏈接。 這使得頁(yè)面再聽(tīng)和措辭混淆因?yàn)殒溄拥较嗤哪康牡夭煌?/p>

最后,鍵盤(pán)訪問(wèn)頁(yè)面上是不合邏輯的。 在“類(lèi)別”區(qū)域,例如,一個(gè)點(diǎn)擊一個(gè)類(lèi)別將揭示四項(xiàng)旁邊的面板。 訪問(wèn)類(lèi)項(xiàng)目的完整列表,您必須單擊再次在同一鏈接清單頁(yè)面。 這是一個(gè)主要障礙為用戶和客戶交談時(shí),我感到的地方完全放棄使用該應(yīng)用程序。

很明顯,盡管與可訪問(wèn)性網(wǎng)站建好,不是設(shè)計(jì)時(shí)考慮到可訪問(wèn)性,這是問(wèn)題的發(fā)源地。

我們面臨的挑戰(zhàn)

在英國(guó)廣播公司(BBC),許多內(nèi)部標(biāo)準(zhǔn)和指導(dǎo)方針時(shí),團(tuán)隊(duì)必須遵循交付可訪問(wèn)網(wǎng)站和移動(dòng)應(yīng)用程序。 關(guān)鍵的是:

• 可訪問(wèn)性標(biāo)準(zhǔn)和指導(dǎo)方針 ,

• 屏幕閱讀器測(cè)試指南 ,

• 移動(dòng)可訪問(wèn)性標(biāo)準(zhǔn)和指導(dǎo)方針 。

還有一個(gè)強(qiáng)大的企業(yè)文化的可訪問(wèn)性;BBC是一個(gè) 公共資金資助的組織 和可訪問(wèn)性被認(rèn)為是其核心職責(zé),是一個(gè)更強(qiáng)的司機(jī)比法律要求。 那么,這是怎么發(fā)生的?

問(wèn)題是,標(biāo)準(zhǔn)和指導(dǎo)方針的一部分往往比設(shè)計(jì),更注重代碼對(duì)產(chǎn)出比的結(jié)果,比經(jīng)驗(yàn)更在合規(guī)。 因此,技術(shù)兼容的頁(yè)面可以建立不為殘疾用戶最實(shí)用。

它似乎并不明顯,但視覺(jué)設(shè)計(jì)可以產(chǎn)生巨大影響的用戶無(wú)法看到該頁(yè)面。 我經(jīng)常發(fā)現(xiàn)移動(dòng)應(yīng)用程序和網(wǎng)站的問(wèn)題進(jìn)行訪問(wèn)的視覺(jué)設(shè)計(jì),通過(guò)命令結(jié)構(gòu),不允許它。

這并不意味著標(biāo)準(zhǔn)和指導(dǎo)方針是冗余的,遠(yuǎn)非如此。 但是我們發(fā)現(xiàn)在英國(guó)廣播公司(BBC)是標(biāo)準(zhǔn)需要坐,和通知,一個(gè)可訪問(wèn)性框架,貫穿產(chǎn)品管理、用戶體驗(yàn),開(kāi)發(fā)和質(zhì)量保證。 因此,可訪問(wèn)性源自用戶體驗(yàn)。 大部分的思想和要求應(yīng)考慮前面,這樣可憐的易訪問(wèn)性不是設(shè)計(jì)。

BBC iPlayer網(wǎng)站重新設(shè)計(jì),重新重視給包容性設(shè)計(jì),雖然堅(jiān)持英國(guó)廣播公司(BBC)的標(biāo)準(zhǔn)和指導(dǎo)方針,是由四個(gè)原則(下圖)。 然后我們的我們的標(biāo)準(zhǔn)和指導(dǎo)方針來(lái)創(chuàng)建一個(gè)集中的需求列表用戶體驗(yàn)。 我們也開(kāi)始訓(xùn)練設(shè)計(jì)師來(lái)標(biāo)注自己的設(shè)計(jì)可訪問(wèn)性。

用戶體驗(yàn)原則

我們的四個(gè)主要原則如下:

• 給用戶 選擇 。

• 把用戶 控制 。

• 設(shè)計(jì)與 熟悉 牢記于心。

• 優(yōu)先考慮的特性, 增加價(jià)值 。

給用戶選擇

千萬(wàn)不要認(rèn)為僅僅因?yàn)橛脩艨梢栽L問(wèn)內(nèi)容的一種方式,他們希望訪問(wèn)內(nèi)容的一種方式。 因?yàn)锽BC的iPlayer“音頻描述”和“手語(yǔ)”格式,它從來(lái)沒(méi)有在任何懷疑,這兩個(gè)應(yīng)該有自己的專(zhuān)用清單頁(yè)面,通過(guò)“類(lèi)別”下拉鏈接訪問(wèn)。 (注意所有點(diǎn)播內(nèi)容是有字幕的,這就是為什么沒(méi)有“字幕”的類(lèi)別。 字幕可以打開(kāi)媒體播放器)。

然而,用戶研究和反饋表示,盡管人們想要專(zhuān)用的類(lèi)別,他們也希望能夠以同樣的方式搜索和瀏覽內(nèi)容,其他用戶將和選擇他們喜歡的格式。 多年來(lái)我一直聯(lián)系的紳士,抱怨老iPlayer頁(yè)面,他自己說(shuō),“不要寄到殘疾筒倉(cāng)!”

這意味著,從一開(kāi)始的設(shè)計(jì)需要路標(biāo)“音頻描述”和“簽署”內(nèi)容通過(guò)搜索結(jié)果,A到Z,類(lèi)別和其他清單頁(yè)面。 不做出任何假設(shè)或刻板印象殘障人士是很重要的——例如,一個(gè)有著嚴(yán)重的視力障礙可能不總是用音頻描述;新聞、體育、音樂(lè)和生活事件的程序通常不支持音頻描述因?yàn)樵u(píng)論員已經(jīng)提供豐富的評(píng)論。

點(diǎn)播頁(yè)面也替代格式列表,允許用戶選擇他們想要的東西。 展望未來(lái),選擇也可以包含在選擇你的格式 標(biāo)準(zhǔn)的媒體播放器 ——BBC媒體播放器用于所有BBC點(diǎn)播和直播視頻產(chǎn)品,包括iPlayer。

讓用戶控制

從來(lái)沒(méi)有離用戶控制是至關(guān)重要的。 在iPlayer的一個(gè)關(guān)鍵方面,很靈敏,不抑制觸控放大。 一次又一次地在用戶測(cè)試中,我們發(fā)現(xiàn)用戶縮放內(nèi)容,甚至在響應(yīng)網(wǎng)站,文本可能會(huì)故意大。

由于iOS錯(cuò)誤,糾正在iOS 6中,觸控放大的能力被抑制時(shí)由于貧窮許多網(wǎng)站調(diào)整方向是景觀從肖像。 現(xiàn)在這已經(jīng)是固定的,沒(méi)有理由繼續(xù)抑制放大。

控制的另一個(gè)方面是自動(dòng)播放。 在iPlayer目前播放生活內(nèi)容,這可能是一個(gè)問(wèn)題,因?yàn)橐曨l的聲音可以讓屏幕閱讀器用戶很難聽(tīng)到他們的讀者的輸出。 然而,我們知道的屏幕閱讀器用戶請(qǐng)求自動(dòng)播放,因?yàn)檫@意味著他們不需要導(dǎo)航到播放器,播放按鈕和激活游戲。 答案是看如何給用戶控制播放選擇的或者自動(dòng)播放,例如使用一個(gè)彈出和儲(chǔ)蓄偏好和餅干。

設(shè)計(jì)與熟悉

需要有一種新的和熟悉的之間的平衡。 用戶了解如何與頁(yè)面交互和應(yīng)用程序使用熟悉的設(shè)計(jì)模式。 這是在為iOS和Android原生應(yīng)用顯得尤為重要,在標(biāo)準(zhǔn)UI組件有內(nèi)置的可訪問(wèn)性。

同樣重要的是使用的語(yǔ)言在BBC的iPlayer的本地應(yīng)用程序和網(wǎng)站響應(yīng)。 平臺(tái)允許的,一致的標(biāo)簽標(biāo)題、鏈接和按鈕——不僅僅是視覺(jué),但也通過(guò)選擇屏幕閱讀器用戶——確保經(jīng)驗(yàn)是熟悉和被認(rèn)可的“BBC iPlayer,無(wú)論平臺(tái)。

聯(lián)系到這個(gè),新設(shè)計(jì)加強(qiáng)邏輯結(jié)構(gòu)內(nèi)的代碼,進(jìn)而支持導(dǎo)航屏幕閱讀器用戶。 關(guān)鍵在于確保模式用于跨頁(yè)面標(biāo)題結(jié)構(gòu)重復(fù),這樣用戶在不同的地方找不到主標(biāo)題取決于他們的頁(yè)面。 而結(jié)構(gòu)通常被視為開(kāi)發(fā)商的責(zé)任,它需要決定在設(shè)計(jì)之前簽署為了防止貧困結(jié)構(gòu)編碼,后面有更詳細(xì)的描述。

優(yōu)先級(jí)功能,增加價(jià)值

英國(guó)廣播公司(BBC)不僅僅是會(huì)議上可訪問(wèn)性代碼,內(nèi)容和設(shè)計(jì)要求,但也包含所有用戶的有用的功能,增加價(jià)值,包括殘疾用戶。 大部分的反饋我們從殘疾用戶屬于可用性問(wèn)題,在某種程度上可以由任何人經(jīng)歷,但嚴(yán)重影響殘疾用戶。 當(dāng)我們合并功能與特定的障礙,幫助用戶獲得更豐富的、更容易體驗(yàn)每個(gè)人收益。

出現(xiàn)一次又一次的一個(gè)障礙是找到一個(gè)最喜歡的節(jié)目。 我和許多屏幕閱讀器用戶說(shuō)他們他們的桌面快捷方式保存到他們最喜歡的節(jié)目,但由于改變url,經(jīng)常丟失內(nèi)容。 一個(gè)簡(jiǎn)單的方法來(lái)解決這一問(wèn)題,好處是確保所有用戶在網(wǎng)站上有一種機(jī)制來(lái)保存收藏。 最?lèi)?ài)和選項(xiàng)列表中添加你所希望的方式進(jìn)一步提高。 這聽(tīng)起來(lái)無(wú)關(guān)的可訪問(wèn)性,但它是最收到殘疾用戶請(qǐng)求的功能。 簡(jiǎn)單地訪問(wèn)收藏夾頁(yè)面看最新一集的東西,而不必搜索網(wǎng)站,那將讓一切截然不同。

想辦法讓人們更快地得到他們想要的內(nèi)容也影響中可用的媒體播放器本身。 一旦完成一集玩,退出媒體播放器和導(dǎo)航回到網(wǎng)站找到一些用戶的下一個(gè)事件是一個(gè)巨大的開(kāi)銷(xiāo)。 添加一個(gè)“更多”按鈕,玩家本身,顯示下一個(gè)事件或項(xiàng)目類(lèi)似于當(dāng)前,減少了需要的工作量用戶發(fā)現(xiàn)新的內(nèi)容。

“您可能還喜歡“插件顯示相關(guān)內(nèi)容和第二集在標(biāo)準(zhǔn)的媒體播放器。 ( 上述原則存在創(chuàng)建一個(gè)心態(tài),幫助產(chǎn)品所有者和用戶體驗(yàn)從業(yè)者都在塑造和設(shè)計(jì)的產(chǎn)品。 除了這四個(gè)原則,一套準(zhǔn)則用于設(shè)計(jì)更多的訪問(wèn)接口。 以下是一個(gè)子集的” 28日

) BBC iPlayer一個(gè)關(guān)鍵功能,增加了價(jià)值的原生iOS和Android應(yīng)用程序,以及網(wǎng)站(當(dāng)在Chrome) ”:

26 確保文本和背景超過(guò)WCAG 4.5:1的對(duì)比最低的兩倍。 )

29日

的指導(dǎo)方針 支持谷歌Chromecast 色彩對(duì)比

1. 查看大版本

2. 顏色和意義

3. 目標(biāo)必須足夠大,以觸摸準(zhǔn)確(44像素)。變焦

4. 一個(gè)不活躍的空間必須圍繞所有活躍的元素(除非他們大量超過(guò)44像素)。
   信息傳達(dá)與顏色也必須從上下文或可識(shí)別的標(biāo)記。

5. 訂單內(nèi)容

6. 新iPlayer鏈接和其他可操作的元素必須清晰可辨。

7. 間距

8. 聯(lián)系目標(biāo)大小控制對(duì)象和分組界面元素必須表示為一個(gè)單獨(dú)的組件。

9. 可操作的元素復(fù)制鏈接

變焦是支持的平臺(tái),它不能抑制。

在發(fā)射,BBC的頻道收藏的iPlayer的導(dǎo)航,一個(gè)“熱門(mén)”和“電視指南,類(lèi)別。 “這些頁(yè)面的所有坐在開(kāi)始,高的內(nèi)容。 在視覺(jué)上容易看到,他們也輕松地發(fā)現(xiàn)屏幕閱讀器用戶通過(guò)一個(gè)隱藏的標(biāo)題和標(biāo)簽導(dǎo)航地標(biāo):

iPlayer navigation

在之前的“類(lèi)別”是無(wú)法使用屏幕閱讀器用戶我采訪,他們現(xiàn)在著名的頁(yè)面和全鍵盤(pán)通航。 自推出以來(lái),增加更多的渠道意味著頻道鏈接被安置到在自己的下拉菜單。

搜索工具也被添加,讓用戶進(jìn)行預(yù)測(cè)搜索,瀏覽到Z或查看最近關(guān)注的項(xiàng)目。 這是所有鍵盤(pán)可訪問(wèn),它使用的標(biāo)題,并在適當(dāng)?shù)牡胤降牡貥?biāo)。

主頁(yè)旋轉(zhuǎn)木馬也完全鍵盤(pán)可訪問(wèn)。 流中的每個(gè)程序提出了作為一個(gè)鏈接,文本的閱讀順序開(kāi)始與主信息:通道歸因,程序名,集信息、抽象和程序持續(xù)時(shí)間。

工作也一直在進(jìn)行改進(jìn)可見(jiàn)焦點(diǎn)和標(biāo)準(zhǔn)帶來(lái)iPlayer網(wǎng)站和媒體播放器與英國(guó)廣播公司(BBC)頁(yè)眉和頁(yè)腳。 粉紅下劃線用于懸停和關(guān)注國(guó)家在主BBC現(xiàn)在導(dǎo)航中使用標(biāo)準(zhǔn)的媒體播放器來(lái)表示當(dāng)一個(gè)按鈕被選中——例如,當(dāng)字幕開(kāi)啟。 這只替換使用顏色來(lái)表示選中狀態(tài),與徘徊,專(zhuān)注的狀態(tài)。

你可以閱讀更多關(guān)于采取了什么措施 iPlayer訪問(wèn) 和使 標(biāo)準(zhǔn)的媒體播放器可訪問(wèn) ,包括創(chuàng)建一個(gè) 可以在Flash媒體播放器 ,英國(guó)廣播公司的互聯(lián)網(wǎng)上的博客。

帶注釋的用戶體驗(yàn)

所有的想法在包容性設(shè)計(jì),來(lái)自產(chǎn)品負(fù)責(zé)人,UX從業(yè)者和設(shè)計(jì)師需要捕捉和傳達(dá)給開(kāi)發(fā)人員和工程師。 在英國(guó)廣播公司(BBC),我們搬到一個(gè)模型,設(shè)計(jì)需要注釋的可訪問(wèn)性。 這包括:

• 標(biāo)題,

• 容器,

• 內(nèi)容順序,

• 色彩對(duì)比,

• 選擇顏色和意義,

• 可見(jiàn)的焦點(diǎn),

• 鍵盤(pán)和輸入的交互。

帶注釋的用戶體驗(yàn)的一個(gè)例子顯示標(biāo)題和標(biāo)簽。

上面的設(shè)計(jì),顯示一個(gè)早期版本的BBC iPlayer主頁(yè),概述了的地方 < h1>來(lái) <代替>標(biāo)題應(yīng)該。 用戶體驗(yàn)的醫(yī)生不需要深入了解代碼,而是了解數(shù)據(jù)在頁(yè)面的層次結(jié)構(gòu)。 這樣,一個(gè)同樣可以接受的方法是表明“主標(biāo)題”,“二級(jí)標(biāo)題,”“第三級(jí)標(biāo)題”等等。 開(kāi)發(fā)人員可以把這個(gè)翻譯成語(yǔ)義標(biāo)記。

同樣,指示內(nèi)容幫助開(kāi)發(fā)人員代碼內(nèi)容的邏輯順序正確的序列(即源順序)——這是至關(guān)重要的屏幕閱讀器或發(fā)現(xiàn)鍵盤(pán)頁(yè)面的用戶的理解。

注釋以這種方式用戶體驗(yàn)是識(shí)別關(guān)鍵設(shè)計(jì),不允許邏輯頁(yè)面結(jié)構(gòu),內(nèi)容或行為。 這是第一步生成的風(fēng)格指南文檔集中,顏色等等。 進(jìn)一步的,這些需求也可以用于生成用戶驗(yàn)收標(biāo)準(zhǔn)和自動(dòng)化質(zhì)量保證測(cè)試。

即使你在敏捷的方式工作,在設(shè)計(jì)迭代交付,而不是一個(gè)完整的形式,注釋仍能工作。 只要頁(yè)面的基本框架被很好地定義,視覺(jué)設(shè)計(jì)可以進(jìn)化。

總結(jié)

很容易陷入困境的訪問(wèn)輸出和忘記,最終,可訪問(wèn)性是人。 因此,記住以下,無(wú)論你是在產(chǎn)品,用戶體驗(yàn),開(kāi)發(fā)或質(zhì)量保證

• 設(shè)計(jì)與選擇。

• 總是給用戶控制頁(yè)面。

• 為殘疾用戶優(yōu)先級(jí)功能,增加價(jià)值。

• 設(shè)計(jì)與熟悉。

• 可訪問(wèn)性融入帶注釋的用戶體驗(yàn)和風(fēng)格指南。

• 不要假設(shè)。 測(cè)試想法和概念。

培養(yǎng)這些關(guān)鍵原則在整個(gè)團(tuán)隊(duì)將會(huì)很長(zhǎng)一段路要確保產(chǎn)品是殘疾人的包容性和可用的。 聽(tīng)用戶并積極包括他們的反饋,以及堅(jiān)持組織的標(biāo)準(zhǔn)和指導(dǎo)方針,是至關(guān)重要的。

本文內(nèi)容來(lái)自網(wǎng)絡(luò)翻譯，翻譯的不好，請(qǐng)見(jiàn)諒！轉(zhuǎn)載請(qǐng)注明北京網(wǎng)站建設(shè)

文章標(biāo)題：用戶體驗(yàn)研究:BBC iPlayer案例
鏈接URL：http://muchs.cn/news/80403.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有用戶體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)