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

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

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

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

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

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

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

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

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

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

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

1. Alice使用YouTube快速查找教育信息。她使用章節(jié)功能來(lái)掃描相關(guān)部分。她還使用箭頭鍵以較小的增量步驟快速跳過(guò)片段以查找所需的信息。
2. Ben喜歡觀(guān)看遊戲視頻。他是一位傳統(tǒng)的高級(jí)用戶(hù)，使用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èi)似的音樂(lè)。

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

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

有哪些視頻播放器控件？

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

• 播放/暫停按鈕。
• 跳到下一個(gè)視頻。
• 調(diào)整音量。
• 切換字幕。
• 調(diào)整屏幕尺寸（迷你播放器、影院模式或全屏模式）。大多數(shù)情況下，你會(huì)找到一個(gè)進(jìn)入全屏模式的按鈕。但是，YouTube允許你進(jìn)入一個(gè)影院模式，該模式會(huì)將視頻大小調(diào)整為屏幕大小。他們還提供了一個(gè)迷你播放器，因此你可以在使用小型視頻播放器觀(guān)看視頻的同時(shí)瀏覽YouTube。
• 更改視頻質(zhì)量。並非每個(gè)人都有良好的互聯(lián)網(wǎng)連接。因此，允許用戶(hù)調(diào)整質(zhì)量。確保提供自動(dòng)調(diào)整視頻質(zhì)量的選項(xiàng)。對(duì)於互聯(lián)網(wǎng)連接不穩(wěn)定的用戶(hù)，視頻播放器可以根據(jù)連接速度自動(dòng)調(diào)整視頻質(zhì)量。大多數(shù)用戶(hù)更喜歡降低質(zhì)量以繼續(xù)觀(guān)看視頻而不會(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)觀(guān)看的內(nèi)容很有用。
• 倒退和快進(jìn)。雖然有用，但此控件大多隱藏。例如，YouTube僅允許你使用鍵盤(pán)快捷鍵使用此控件。很少有視頻播放器將此功能作為其默認(rèn)視頻控件的一部分來(lái)實(shí)現(xiàn)。
• 設(shè)置。 YouTube在其默認(rèn)控件集中實(shí)現(xiàn)了齒輪圖標(biāo)。但是，YouTube的視頻播放器很複雜。他們使用設(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ì)讓用戶(hù)感到困惑。

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

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

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

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

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

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

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

但是為什麼將選項(xiàng)限制為這些鍵盤(pán)快捷鍵？ YouTube是實(shí)施鍵盤(pán)快捷鍵的領(lǐng)先者。以下是我們可以從YouTube的高級(jí)用戶(hù)那裡學(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 秒的間隔掃描視頻。

不同用途的不同類(lèi)型的視頻控件

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

教育視頻

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

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

社交視頻

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

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

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

Clips允許Twitch觀(guān)眾快速分享廣播中最獨(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)視頻，快捷鍵可以改善用戶(hù)體驗(yàn)。例如，雙擊屏幕右側(cè)可將視頻快進(jìn)十秒。左側(cè)屏幕也一樣，可以將視頻倒回十秒。此外，你可以上下滑動(dòng)以放大視頻或再次顯示搜索結(jié)果。在這裡，重點(diǎn)在於使用速度，這會(huì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生積極影響。

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

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

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

不要忘記記住高級(jí)用戶(hù)。他們喜歡使用鍵盤(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)於在用戶(hù)體驗(yàn)中考慮視頻播放器設(shè)計(jì)的常見(jiàn)問(wèn)題解答 (FAQ)

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

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

如何使我的視頻播放器更易於用戶(hù)使用？

要使你的視頻播放器更易於用戶(hù)使用，請(qǐng)確?？丶嘴对L(fǎng)問(wèn)且直觀(guān)。對(duì)播放、暫停、音量和全屏按鈕使用熟悉的圖標(biāo)。此外，請(qǐng)考慮包含諸如鍵盤(pán)快捷鍵（用於常見(jiàn)操作）、允許用戶(hù)輕鬆跳過(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ì)讓用戶(hù)感到厭煩，尤其是在頁(yè)面上有多個(gè)視頻的情況下。相反，讓用戶(hù)在準(zhǔn)備好時(shí)控製播放視頻。

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

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

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

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

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

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

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

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

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

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

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

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