提升視頻播放器用戶體驗(yàn)的關(guān)鍵要素

一個(gè)精心設(shè)計(jì)的視頻播放器，可以通過(guò)提供多種控制功能來(lái)吸引更多觀眾，而不僅僅是播放和暫停，例如調(diào)整音量、跳到下一個(gè)視頻、切換字幕和更改視頻質(zhì)量。不同類型的視頻需要不同的控制；教育視頻可能受益于速度控制和書(shū)簽功能，社交視頻需要快速的分享選項(xiàng)，而移動(dòng)視頻則需要更簡(jiǎn)單、更友好的觸摸式設(shè)計(jì)。

鍵盤(pán)快捷鍵可以顯著改善用戶體驗(yàn)，尤其對(duì)于高級(jí)用戶而言。基本的快捷鍵應(yīng)包括：空格鍵用于開(kāi)始/暫停，箭頭鍵用于快進(jìn)和倒退，M 用于靜音，F(xiàn) 用于全屏模式。在設(shè)計(jì)視頻播放器之前，明確你的目標(biāo)受眾至關(guān)重要。了解用戶如何與你的平臺(tái)和視頻播放器互動(dòng)，可以讓你根據(jù)他們的需求定制控件和功能，從而改善整體用戶體驗(yàn)。

本文探討了不同的視頻播放器控件、它們的目的以及針對(duì)特定用例（如學(xué)習(xí)平臺(tái)、社交媒體平臺(tái)、高級(jí)用戶或移動(dòng)用戶）應(yīng)選擇的控件。你知道YouTube有多少酷炫的高級(jí)用戶控件嗎？繼續(xù)閱讀！

引人入勝的視頻播放器可以吸引更多觀眾。 現(xiàn)代視頻播放器可以提供比早期簡(jiǎn)單的播放-暫停按鈕多得多的控件。

看看現(xiàn)在的YouTube。用戶可以使用YouTube的章節(jié)功能來(lái)瀏覽視頻片段。此功能幫助用戶快速搜索與他們相關(guān)的視頻片段。

你多久會(huì)觀看一個(gè)視頻，希望能找到特定信息，卻發(fā)現(xiàn)它沒(méi)有回答你的特定問(wèn)題？這令人沮喪！

精明的YouTuber為此找到了一種臨時(shí)解決方案。他們發(fā)現(xiàn)將不同的片段與時(shí)間戳一起列在視頻描述中非常有用。此解決方案仍然意味著你必須打開(kāi)描述來(lái)掃描你的特定問(wèn)題。最重要的是，谷歌很難索引處理特定主題的不同問(wèn)題的視頻。

視頻播放器的用戶體驗(yàn)遠(yuǎn)不止于添加章節(jié)。在線學(xué)習(xí)平臺(tái)的視頻播放器與YouTube視頻或產(chǎn)品網(wǎng)站上的簡(jiǎn)單預(yù)告視頻所需的控件不同。

為什么視頻播放器的用戶體驗(yàn)很重要？

以YouTube這樣的視頻平臺(tái)為例。用戶以各種方式消費(fèi)內(nèi)容。讓我們探討三種不同的用戶角色如何使用YouTube：

1. Alice使用YouTube快速查找教育信息。她使用章節(jié)功能來(lái)掃描相關(guān)部分。她還使用箭頭鍵以較小的增量步驟快速跳過(guò)片段以查找所需的信息。
2. Ben喜歡觀看游戲視頻。他是一位傳統(tǒng)的高級(jí)用戶，使用F進(jìn)入全屏、M靜音或空格鍵暫停視頻等快捷鍵。
3. Alex喜歡在背景音樂(lè)下學(xué)習(xí)。他使用YouTube的自動(dòng)播放功能，因此無(wú)需擔(dān)心選擇合適的學(xué)習(xí)音樂(lè)。他經(jīng)常選擇一些背景音樂(lè)，并相信YouTube算法會(huì)在視頻結(jié)束時(shí)選擇類似的音樂(lè)。

上述場(chǎng)景說(shuō)明，視頻平臺(tái)擁有許多以各種方式使用它的不同用戶。因此，選擇合適的控件和快捷鍵以提供最佳用戶體驗(yàn)具有挑戰(zhàn)性。

那么，我們可以找到哪些視頻播放器控件？

有哪些視頻播放器控件？

存在許多不同的視頻播放器控件。此列表總結(jié)了您最常找到的控件：

• 播放/暫停按鈕。
• 跳到下一個(gè)視頻。
• 調(diào)整音量。
• 切換字幕。
• 調(diào)整屏幕尺寸（迷你播放器、影院模式或全屏模式）。大多數(shù)情況下，你會(huì)找到一個(gè)進(jìn)入全屏模式的按鈕。但是，YouTube允許你進(jìn)入一個(gè)影院模式，該模式會(huì)將視頻大小調(diào)整為屏幕大小。他們還提供了一個(gè)迷你播放器，因此你可以在使用小型視頻播放器觀看視頻的同時(shí)瀏覽YouTube。
• 更改視頻質(zhì)量。并非每個(gè)人都有良好的互聯(lián)網(wǎng)連接。因此，允許用戶調(diào)整質(zhì)量。確保提供自動(dòng)調(diào)整視頻質(zhì)量的選項(xiàng)。對(duì)于互聯(lián)網(wǎng)連接不穩(wěn)定的用戶，視頻播放器可以根據(jù)連接速度自動(dòng)調(diào)整視頻質(zhì)量。大多數(shù)用戶更喜歡降低質(zhì)量以繼續(xù)觀看視頻而不會(huì)中斷。

不太常見(jiàn)的控件包括以下內(nèi)容：

• 調(diào)整視頻播放器速度。此控件允許你減慢或加快視頻速度。你通?？梢栽?.25到2之間以25%的步長(zhǎng)調(diào)整視頻播放器速度。
• 切換以啟用自動(dòng)播放功能。對(duì)于收聽(tīng)音樂(lè)或你更喜歡內(nèi)容算法來(lái)決定接下來(lái)觀看的內(nèi)容很有用。
• 倒退和快進(jìn)。雖然有用，但此控件大多隱藏。例如，YouTube僅允許你使用鍵盤(pán)快捷鍵使用此控件。很少有視頻播放器將此功能作為其默認(rèn)視頻控件的一部分來(lái)實(shí)現(xiàn)。
• 設(shè)置。YouTube在其默認(rèn)控件集中實(shí)現(xiàn)了齒輪圖標(biāo)。但是，YouTube的視頻播放器很復(fù)雜。他們使用設(shè)置控件來(lái)隱藏很少使用的其他視頻控件。

最后，我們不應(yīng)該忘記我們?nèi)绾物@示當(dāng)前時(shí)間戳和視頻長(zhǎng)度。最簡(jiǎn)單的解決方案是首先顯示當(dāng)前視頻時(shí)間戳，然后顯示總視頻長(zhǎng)度。在此示例中，我們已暫停視頻 40 秒，總視頻長(zhǎng)度為 2 分 13 秒——“0:40 / 2:13”。另一方面，一些視頻播放器顯示視頻的剩余長(zhǎng)度。不要這樣做，因?yàn)樗鼤?huì)讓用戶感到困惑。

下一節(jié)將介紹一些常用和更實(shí)驗(yàn)性的鍵盤(pán)快捷鍵來(lái)瀏覽視頻播放器。

如何為高級(jí)用戶設(shè)計(jì)視頻播放器？

隨著越來(lái)越多的用戶熟悉鍵盤(pán)快捷鍵，它們的缺乏往往會(huì)越來(lái)越導(dǎo)致令人沮喪的視頻播放器體驗(yàn)。

鍵盤(pán)快捷鍵可以改善高級(jí)用戶的用戶體驗(yàn)。

舉個(gè)例子，我喜歡使用他們的視頻平臺(tái)在線觀看比利時(shí)電視。該平臺(tái)實(shí)現(xiàn)了一個(gè)自定義視頻播放器。不幸的是，你無(wú)法使用箭頭鍵來(lái)倒退或快進(jìn)視頻。最重要的是，你無(wú)法通過(guò)按空格鍵來(lái)暫?；蛉∠麜和Ｒ曨l。視頻播放器強(qiáng)迫我使用觸摸板并將鼠標(biāo)導(dǎo)航到小的暫停圖標(biāo)。令人沮喪，對(duì)吧？

現(xiàn)在的視頻播放器至少應(yīng)該實(shí)現(xiàn)一組基本的鍵盤(pán)快捷鍵來(lái)滿足高級(jí)用戶。

• 空格鍵：開(kāi)始/暫停視頻
• 右箭頭鍵：快進(jìn)視頻 5 或 10 秒
• 左箭頭鍵：倒回視頻 5 或 10 秒
• M：靜音或取消靜音視頻聲音
• F：進(jìn)入或退出全屏模式

但是為什么將選項(xiàng)限制為這些鍵盤(pán)快捷鍵？YouTube是實(shí)施鍵盤(pán)快捷鍵的領(lǐng)先者。以下是我們可以從YouTube的高級(jí)用戶那里學(xué)到的：

• 按下J會(huì)將視頻倒回10秒，而左箭頭鍵會(huì)將視頻倒回5秒。
• 按下L會(huì)將視頻快進(jìn)10秒，而右箭頭鍵會(huì)將視頻快進(jìn)5秒。
• 數(shù)字鍵是一個(gè)鮮為人知的鍵盤(pán)快捷鍵。按下0會(huì)將你帶到視頻的開(kāi)頭。YouTube還將每個(gè)視頻分成九個(gè)等長(zhǎng)的部分。無(wú)論長(zhǎng)度如何，按下任何數(shù)字鍵（零除外）都會(huì)將你帶到視頻中的那個(gè)位置。這是跳轉(zhuǎn)到結(jié)尾、返回開(kāi)頭或中間某個(gè)位置的好方法。

YouTube同時(shí)實(shí)現(xiàn) 5 秒或 10 秒的快進(jìn)/倒退功能非常棒。如果你錯(cuò)過(guò)了視頻的一個(gè)小細(xì)節(jié)，你可以使用左箭頭鍵快速倒回。當(dāng)你想掃描視頻時(shí)，你可以按下L鍵以 10 秒的間隔掃描視頻。

不同用途的不同類型的視頻控件

讓我們討論為不同目的實(shí)施的各種控件——例如教育視頻、社交視頻和移動(dòng)視頻。

教育視頻

Udemy或Coursera等平臺(tái)上的教育視頻實(shí)現(xiàn)的控件與普通視頻播放器不同。例如，用戶通常喜歡提高教程視頻的速度。因此，這是你在這些平臺(tái)上找到的常見(jiàn)控件。

此外，教育視頻與書(shū)簽功能密切相關(guān)。用戶可以為視頻中的特定時(shí)刻添加書(shū)簽并添加注釋。此功能允許用戶標(biāo)記視頻中的重要時(shí)刻以供參考。

社交視頻

社交視頻最受益于快速的分享選項(xiàng)。YouTube允許你分享視頻，但它不是其標(biāo)準(zhǔn)控件集的一部分。他們已將其功能添加到視頻播放器下方。

盡管如此，仍然值得將快速分享選項(xiàng)作為視頻播放器控件的一部分來(lái)實(shí)現(xiàn)。不要忘記添加從特定時(shí)間戳分享的功能。大多數(shù)情況下，用戶希望與朋友分享視頻中的特定時(shí)刻。

另一方面，Twitch允許用戶直接從視頻播放器剪輯視頻。

Clips允許Twitch觀眾快速分享廣播中最獨(dú)特的Twitch時(shí)刻，同時(shí)使廣播員能夠通過(guò)社交分享來(lái)發(fā)展他們的頻道！

這是一個(gè)快速剪輯有趣時(shí)刻、精彩游戲或其他值得分享時(shí)刻的絕佳功能。

移動(dòng)視頻播放器

移動(dòng)視頻播放器需要更簡(jiǎn)單的設(shè)計(jì)。不可能將大量控件添加到移動(dòng)設(shè)備的屏幕上。

例如，YouTube的移動(dòng)視頻播放器提供以下控件：

• 進(jìn)入全屏模式
• 轉(zhuǎn)到下一個(gè)或上一個(gè)視頻
• 暫停視頻
• 啟用字幕
• 打開(kāi)視頻設(shè)置

但是，對(duì)于移動(dòng)視頻，快捷鍵可以改善用戶體驗(yàn)。例如，雙擊屏幕右側(cè)可將視頻快進(jìn)十秒。左側(cè)屏幕也一樣，可以將視頻倒回十秒。此外，你可以上下滑動(dòng)以放大視頻或再次顯示搜索結(jié)果。在這里，重點(diǎn)在于使用速度，這會(huì)對(duì)用戶體驗(yàn)產(chǎn)生積極影響。

結(jié)論：定義你的受眾

要設(shè)計(jì)合適的視頻播放器，請(qǐng)務(wù)必定義你的受眾。與你的用戶交談以了解他們?nèi)绾问褂媚愕钠脚_(tái)和視頻播放器。

例如，Twitch的剪輯功能在其他視頻播放器中是獨(dú)一無(wú)二的。此功能完全適合其用戶群，以便在直播期間快速保存精彩時(shí)刻。

不要忘記記住高級(jí)用戶。他們喜歡使用鍵盤(pán)快捷鍵來(lái)執(zhí)行基本的視頻操作，例如靜音視頻聲音、快進(jìn)視頻或進(jìn)入全屏模式。

看看所有可用的YouTube鍵盤(pán)快捷鍵以獲得一些靈感！

最后，如果你有能力構(gòu)建你自己的視頻播放器，請(qǐng)記住上面提供的提示。但是，如果你只是在尋找現(xiàn)成的解決方案，那么上面的討論應(yīng)該在你查看可用選項(xiàng)時(shí)提供一些思考的食物。

關(guān)于在用戶體驗(yàn)中考慮視頻播放器設(shè)計(jì)的常見(jiàn)問(wèn)題解答 (FAQ)

設(shè)計(jì)視頻播放器時(shí)，在用戶體驗(yàn)方面需要考慮哪些關(guān)鍵要素？

設(shè)計(jì)視頻播放器時(shí)，在用戶體驗(yàn)方面需要考慮的關(guān)鍵要素包括簡(jiǎn)潔性、直觀性和響應(yīng)速度。設(shè)計(jì)應(yīng)簡(jiǎn)潔明了，避免不必要的雜亂，以免分散用戶的注意力。即使是第一次使用，控件也應(yīng)直觀易懂。視頻播放器也應(yīng)具有響應(yīng)速度，這意味著它應(yīng)可在不同的設(shè)備和屏幕尺寸上無(wú)縫運(yùn)行。此外，請(qǐng)考慮包含諸如可調(diào)節(jié)播放速度、質(zhì)量選擇和字幕等功能，因?yàn)檫@些功能可以極大地增強(qiáng)用戶體驗(yàn)。

如何使我的視頻播放器更易于用戶使用？

要使你的視頻播放器更易于用戶使用，請(qǐng)確?？丶子谠L問(wèn)且直觀。對(duì)播放、暫停、音量和全屏按鈕使用熟悉的圖標(biāo)。此外，請(qǐng)考慮包含諸如鍵盤(pán)快捷鍵（用于常見(jiàn)操作）、允許用戶輕松跳過(guò)視頻不同部分的進(jìn)度條以及調(diào)整視頻質(zhì)量和播放速度的選項(xiàng)等功能。此外，請(qǐng)確保你的視頻播放器具有響應(yīng)速度，并且可在不同的設(shè)備和屏幕尺寸上運(yùn)行良好。

設(shè)計(jì)視頻播放器時(shí)應(yīng)避免哪些常見(jiàn)錯(cuò)誤？

設(shè)計(jì)視頻播放器時(shí)應(yīng)避免的一些常見(jiàn)錯(cuò)誤包括：界面雜亂無(wú)章、對(duì)控件使用令人困惑或不熟悉的圖標(biāo)以及視頻播放器沒(méi)有響應(yīng)速度。此外，避免自動(dòng)播放視頻，因?yàn)檫@可能會(huì)讓用戶感到厭煩，尤其是在頁(yè)面上有多個(gè)視頻的情況下。相反，讓用戶在準(zhǔn)備好時(shí)控制播放視頻。

如何確保我的視頻播放器對(duì)所有用戶都可訪問(wèn)？

要確保你的視頻播放器對(duì)所有用戶都可訪問(wèn)，請(qǐng)包含諸如字幕或隱藏式字幕（供聽(tīng)力障礙者使用）以及音頻描述（供視力障礙者使用）等功能。此外，請(qǐng)確保所有控件都可以通過(guò)鍵盤(pán)輕松操作，以方便那些無(wú)法使用鼠標(biāo)的用戶。此外，請(qǐng)使用高對(duì)比度的顏色來(lái)顯示控件和文本，以確保所有用戶都能輕松看到它們。

如何測(cè)試視頻播放器的可用性？

你可以通過(guò)進(jìn)行用戶測(cè)試來(lái)測(cè)試視頻播放器的可用性。這包括觀察用戶與視頻播放器的互動(dòng)并記錄他們遇到的任何困難。你還可以通過(guò)調(diào)查或訪談收集用戶的反饋。此外，請(qǐng)使用分析工具來(lái)跟蹤用戶如何與視頻播放器互動(dòng)，例如他們最常使用哪些控件以及他們觀看視頻的時(shí)間長(zhǎng)短。

視頻播放器的加載速度有多重要？

視頻播放器的加載速度極其重要。如果視頻加載時(shí)間過(guò)長(zhǎng)，用戶可能會(huì)放棄觀看。因此，請(qǐng)通過(guò)優(yōu)化視頻文件大小并使用快速可靠的托管服務(wù)來(lái)確保視頻播放器快速加載。此外，請(qǐng)考慮包含加載指示器，以便讓用戶知道視頻正在加載。

我是否應(yīng)該在我的視頻播放器中包含社交分享選項(xiàng)？

在視頻播放器中包含社交分享選項(xiàng)可能會(huì)有益，因?yàn)樗试S用戶輕松地在他們的社交媒體平臺(tái)上分享你的視頻，從而有可能擴(kuò)大你的內(nèi)容的影響范圍。但是，請(qǐng)確保這些選項(xiàng)不會(huì)具有侵入性，并且不會(huì)干擾觀看體驗(yàn)。

如何使我的視頻播放器在競(jìng)爭(zhēng)中脫穎而出？

要使你的視頻播放器在競(jìng)爭(zhēng)中脫穎而出，請(qǐng)專注于提供卓越的用戶體驗(yàn)。這可以通過(guò)獨(dú)特的功能、簡(jiǎn)潔直觀的設(shè)計(jì)、快速的加載時(shí)間或出色的視頻質(zhì)量來(lái)實(shí)現(xiàn)。此外，請(qǐng)傾聽(tīng)用戶的反饋，并根據(jù)他們的需求和偏好不斷改進(jìn)你的視頻播放器。

顏色在視頻播放器設(shè)計(jì)中扮演什么角色？

顏色在視頻播放器設(shè)計(jì)中扮演著重要的角色。它可以用來(lái)吸引人們對(duì)重要控件的注意，指示按鈕的活動(dòng)狀態(tài)，并增強(qiáng)播放器的整體美感。但是，請(qǐng)確保你選擇的顏色不會(huì)過(guò)于分散注意力，并且對(duì)所有用戶（包括色覺(jué)缺陷者）都可訪問(wèn)。

如何為移動(dòng)設(shè)備設(shè)計(jì)視頻播放器？

為移動(dòng)設(shè)備設(shè)計(jì)視頻播放器時(shí)，請(qǐng)考慮較小的屏幕尺寸和基于觸摸的交互。確保控件足夠大，易于點(diǎn)擊，并且不會(huì)過(guò)于靠近，以免意外點(diǎn)擊。此外，請(qǐng)考慮設(shè)備的方向，并確保你的視頻播放器可在縱向和橫向模式下運(yùn)行良好。

以上是如何考慮使用UX設(shè)計(jì)視頻播放器的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！