網頁使用者體驗設計:精簡模式的播放器設計

來源:互聯網
上載者:User

網頁製作Webjx文章簡介:視頻網站播放器的精簡設計.

播放視頻時去掉播放器多餘的邊框減少幹擾是體驗中很重要的一步,於是有了播放器的精簡模式,而當顯示器的解析度越來越大時,一般精簡模式提供的1倍、0.5倍的尺寸大小顯然有些不合適

邊看視頻邊做其他事情是很多人在上網時會做的,而播放視頻時去掉播放器多餘的邊框減少幹擾是體驗中很重要的一步,於是有了播放器的精簡模式,而當顯示器的解析度越來越大時,一般精簡模式提供的1倍、0.5倍的尺寸大小顯然有些不合適,這個時候我們需要手動播放器的邊角或是邊框來放大播放器。迅雷看看播放器對此做了一些最佳化,當選擇精簡模式在預設的情況下視頻尺寸是1倍大小的,但此時播放器的工具條會提供0.5倍以及1.5倍兩個尺寸選擇,當通過播放器本身提供的這兩個規格進行綻放時,兩個值都會跟隨著變化,每次變化以0.5為單位遞增或是遞減:

很多線上網頁視頻播放,為了速度會將一部分視頻檔案快取在本地,這個時候就需要使用到外掛程式來協助完成這件事,所以經常可以在訪問視頻網站時在IE瀏覽器的頂部彈出安裝外掛程式的請求,同意之後會快顯視窗來確認安裝,確認之後只到安裝完成後自動重新整理當前頁面,這段安裝的時間是長是短,安裝的結果如何,使用者幾乎是完全不知情的。這個時候來看看迅雷看看的外掛程式安裝過程,利用處於空閑時幾乎無用的工作列來即時的顯示外掛程式的安裝情況:

同樣是視頻播放,本地播放器可以通過精簡模式來消除視頻之外的幹擾,但網頁版的視頻播放顯然就無法通過精簡模式來減少視覺上的幹擾了,於是有些視頻網站的網頁版的播放會提供一個功能——開燈/關燈,當使用關燈時會用黑色來遮蓋所有除視頻之外的元素,使視覺幹擾減小到最少。當然,馬鈴薯網的那個開燈/關燈不算,此類的例子要看奇藝網或是音悅台。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。