作者對(duì)騰訊視頻、愛奇藝、搜狐視頻和芒果TV進(jìn)行界面的整體對(duì)比，希望能給各位帶來一些收獲和啟發(fā)。

視頻app應(yīng)該是每個(gè)手機(jī)上的必裝應(yīng)用，而且一裝就是一打。雖然它不是什么新鮮產(chǎn)品形態(tài)，準(zhǔn)確的說還很老，但是這幾年行業(yè)的改變思路還是很清晰的，比如付費(fèi)會(huì)員制的推行和自制內(nèi)容的崛起。我近幾個(gè)月每天輾轉(zhuǎn)在各個(gè)視頻app之間：打開搜狐看秦明，打開騰訊看蝸牛，打開愛奇藝看余罪，打開芒果TV看很多。。。于是便想和大家聊幾款主流視頻app在交互和產(chǎn)品方面的使用體驗(yàn)。

由于視頻平臺(tái)繼各大電商之后也成長(zhǎng)為了超級(jí)app，功能繁復(fù)又強(qiáng)大，以下將對(duì)6款app的視頻播放功能進(jìn)行闡述，而且是非會(huì)員的情況下（主要是這樣可以吐槽一下廣告）。本文選擇騰訊視頻、愛奇藝、搜狐視頻和芒果TV進(jìn)行界面整體的對(duì)比，在一些局部功能上會(huì)聊到優(yōu)酷和每日開眼。使用設(shè)備為iphone6，各軟件的版本號(hào)如圖0所示，雖然不全是最新版本，但在大版本層面也是比較新的了。本系列文章的敘述順序會(huì)從播放器的豎屏模式聊到橫屏，以及其它一些重要功能如緩存、耳機(jī)與視頻播放的交互等。

很巧的是，就在我籌備本篇文章期間參加了一個(gè)行業(yè)峰會(huì)，峰會(huì)上移動(dòng)研究院以6個(gè)維度對(duì)7款視頻app進(jìn)行了評(píng)測(cè)，評(píng)測(cè)結(jié)果我會(huì)在文末展示給大家。

想提前聲明的是，由于每款應(yīng)用的產(chǎn)品定位服務(wù)用戶都不相同，因此在對(duì)比相似功能時(shí)，小編不會(huì)用絕對(duì)的對(duì)錯(cuò)去評(píng)判設(shè)計(jì)的好壞，而是選擇“更合理”、“好一點(diǎn)”等詞匯去表達(dá)。各位同行如果有不同見解，歡迎提出，大家互相交流，不勝感激。

1. 豎屏模式

點(diǎn)擊信息流里的圖片按鈕會(huì)進(jìn)入視頻播放頁(yè)面，默認(rèn)布局都是非全屏模式，界面上半部分是播放器，播放器下面是輔助功能。播放器為播放狀態(tài)，聲音也是揚(yáng)聲狀態(tài)（無論手機(jī)是否為靜音）。如果用戶本次觀看和上一次的觀看為同一個(gè)視頻，那么播放器不會(huì)播放廣告且直接跳到上一次結(jié)束觀看的位置繼續(xù)播放（但也不是每次都奏效，我猜測(cè)和數(shù)據(jù)記錄有關(guān)，如果上一次播放的數(shù)據(jù)因網(wǎng)絡(luò)問題沒有存儲(chǔ)成功，那么再次點(diǎn)擊還是會(huì)播廣告的）。如果用戶本次觀看不是上一次觀看的視頻且不是會(huì)員，播放器會(huì)放廣告。

?1.1 廣告

廣告的時(shí)長(zhǎng)與視頻長(zhǎng)度相關(guān)，如果是預(yù)告片或者短新聞則廣告時(shí)間是15秒，如果是電視劇則可能是45、60、75、90、105或120秒不等。除此之外，觀看過程中間會(huì)插入15或30秒廣告，有時(shí)觀看結(jié)束后也會(huì)進(jìn)入一小段廣告，然后才是下一集的片頭廣告（真是很逆天呢，也不知道誰起的頭，現(xiàn)在各平臺(tái)都這么做）。

從圖1.1可以看出，豎屏模式下4個(gè)app的播放器高度的差異非常小，但每個(gè)app處理系統(tǒng)狀態(tài)欄的方式很不一樣：芒果TV、騰訊和搜狐的播放器直接頂在屏幕頂部，芒果TV將狀態(tài)欄隱藏，騰訊和搜狐的播放器和狀態(tài)欄共享一個(gè)區(qū)域；愛奇藝的播放器則是讓出了狀態(tài)欄，從屏幕頂部下方20點(diǎn)處放置播放器。

播放廣告時(shí)，播放器上有若干交互按鈕，圖1.1中共有的6個(gè)界面元素是：

1.返回按鈕 廣告剩余時(shí)長(zhǎng)

通常顯示在開通會(huì)員按鈕上，有很強(qiáng)的相關(guān)性，告訴用戶開通會(huì)員可以免廣告。

2.開通會(huì)員按鈕

點(diǎn)擊進(jìn)入會(huì)員購(gòu)買頁(yè)面，購(gòu)買完成后會(huì)回到視頻播放頁(yè)面且免掉廣告。

3.廣告鏈接

點(diǎn)擊播放器上除所有按鈕外的任意位置也可以跳轉(zhuǎn)到廣告產(chǎn)品購(gòu)買頁(yè)面。

4.廣告靜音按鈕

點(diǎn)擊會(huì)使廣告靜音，但只影響廣告的聲音，不影響進(jìn)入正片后的音量。

5.全屏按鈕

切換到全屏顯示。

從圖中可以看出，只有芒果TV的廣告剩余時(shí)長(zhǎng)沒有和開通會(huì)員按鈕形成視覺相關(guān)性；愛奇藝除了上述的6個(gè)功能點(diǎn)之外還多了2個(gè)按鈕：一個(gè)是暫停按鈕，點(diǎn)擊此按鈕廣告被暫停，個(gè)人認(rèn)為這個(gè)按鈕沒有存在的必要；另一個(gè)是投屏按鈕，在可被投影的設(shè)備為開啟狀態(tài)時(shí)就會(huì)顯示此按鈕，點(diǎn)擊可投射到大屏幕且不會(huì)播放廣告。其實(shí)騰訊視頻也有投屏的功能，只不過要在廣告播完才會(huì)顯示，真的很有心機(jī)呢。

1.2 豎屏播放器

圖1.2是播放視頻正片時(shí)播放器的布局，和播放廣告時(shí)一樣，播放器的上下兩側(cè)各有一欄，上側(cè)欄上有回到上一層級(jí)的返回按鈕和當(dāng)前播放視頻的名稱和劇集數(shù)，因此稱上側(cè)欄為導(dǎo)航欄；下側(cè)欄上的若干按鈕用來操作和管理當(dāng)前頁(yè)面內(nèi)容，因此稱下側(cè)欄為工具欄。由于這兩個(gè)欄和ios標(biāo)準(zhǔn)的導(dǎo)航欄和工具欄定義不是完全吻合，因此如果各位小伙伴有其它更恰當(dāng)?shù)拿椒梢愿嬖V我。圖1.2中可看出，兩個(gè)欄上共有的4個(gè)界面元素是：

• 返回按鈕
• 暫停／播放按鈕
• 滑軌、滑塊和兩個(gè)時(shí)間字段
• 全屏按鈕

除此之外，騰訊視頻多了一個(gè)投屏按鈕；愛奇藝多了一個(gè)投屏和VR按鈕。

界面元素1，2，3協(xié)助用戶在非全屏?xí)r也能輕松完成觀看體驗(yàn)，這3個(gè)控件對(duì)應(yīng)的需求是觀看體驗(yàn)中的剛需；全屏、投屏和VR是切換至另一種觀看模式的入口。

導(dǎo)航欄和工具欄都有兩種狀態(tài)：顯示狀態(tài)、臨時(shí)地全部或部分隱藏狀態(tài)，輕擊操作可在兩個(gè)狀態(tài)間切換。4個(gè)app處理欄隱藏的方法都不太一樣：芒果TV把兩個(gè)欄全部隱藏，包括系統(tǒng)狀態(tài)欄；而其它3個(gè)應(yīng)用都一致保留了返回按鈕和狀態(tài)欄；搜狐視頻還顯示了播放進(jìn)度。

騰訊視頻、愛奇藝和搜狐視頻將返回按鈕和欄上其它幾個(gè)交互控件做了很明顯的區(qū)分對(duì)待：如果用戶想離開，只需1次點(diǎn)擊；如果用戶想進(jìn)行與觀看視頻有關(guān)的交互，需先將欄呼出，再進(jìn)行操作，需2次點(diǎn)擊。這樣做使用戶不感興趣時(shí)不用付出更多的邊際成本，因此小編覺得在上下欄隱藏時(shí)顯示返回按鈕會(huì)好一些。

豎屏和全屏是截然不同的觀看決策，全屏使人心無旁騖；豎屏模式下用戶可以獲取其它更多的信息，用戶可以瀏覽書寫評(píng)論、查看演員信息等。因此狀態(tài)欄和播放進(jìn)度條的顯示增加了用戶可感知的信息，和豎屏的使用場(chǎng)景不違和。

廣告播放結(jié)束后，導(dǎo)航欄和工具欄的顯示狀態(tài)也是個(gè)很重要的細(xì)節(jié)：騰訊視頻和搜狐視頻會(huì)顯示這兩個(gè)欄，停留數(shù)秒后進(jìn)入臨時(shí)半隱藏狀態(tài)；而愛奇藝和芒果TV則是在廣告播完后直接進(jìn)入半（全）隱藏狀態(tài)，更多的功能沒有機(jī)會(huì)告知用戶。尤其是在芒果TV里，如果用戶想有所行動(dòng)，但界面上也沒有任何提示讓用戶知道可以輕擊一下播放器來重新喚出導(dǎo)航欄和工具欄，這會(huì)讓用戶不知所措。

1.3 輔助功能

豎屏模式時(shí)，播放器的下面是一些輔助功能，從圖1.1可以看出芒果TV、騰訊和搜狐的布局邏輯清晰，并且在一屏內(nèi)（iphone6）就可以看到全部的主要功能；愛奇藝的貼片廣告占用了十分關(guān)鍵的空間，而且參演明星顯示在劇集的上面，導(dǎo)致在第一屏內(nèi)無法選集。其實(shí)搜狐視頻在這個(gè)頁(yè)面也放了廣告位，但是是隱藏在播放器下面，滑動(dòng)可以拉出。4個(gè)app共有的6個(gè)界面元素是：

• 內(nèi)容介紹，包括文案和數(shù)據(jù)
• 收藏
• 緩存
• 分享
• 評(píng)論
• 劇集陣列：

視頻內(nèi)容是一個(gè)線性集合時(shí)才會(huì)有劇集陣列，單個(gè)視頻不會(huì)有。它用來顯示當(dāng)前播放的是第幾集，用戶也可以點(diǎn)擊切換到其它集。

電視劇和綜藝節(jié)目的劇集按鈕的視覺表達(dá)很不一樣，電視劇按鈕的尺寸只要滿足44點(diǎn)就可以了，上面帶有數(shù)字和相關(guān)狀態(tài)；而綜藝節(jié)目的按鈕會(huì)比較大，描述性文字比較多，可能還會(huì)顯示圖片。綜藝節(jié)目的做法讓用戶很容易就能評(píng)估想看哪一集或者哪一集已經(jīng)看過了，因此劇集陣列是十分重要的控件。

電視劇和綜藝節(jié)目的劇集陣列顯示方式也很不一樣，本篇只說電視劇的劇集陣列：

愛奇藝的電視劇將所有劇集按鈕分布在若干個(gè)標(biāo)簽頁(yè)里，每個(gè)標(biāo)簽頁(yè)放15個(gè)按鈕，比較占用空間但也讓用戶對(duì)還剩多少集沒有看等相關(guān)的情況比較有感知。這也是技術(shù)成本很小的做法。

其余3個(gè)應(yīng)用都是只用一行來顯示所有劇集，并提供了查看全部劇集的按鈕，點(diǎn)擊是全部劇集按鈕的平鋪樣式。劇集陣列只在一行顯示時(shí)，用戶可交互的動(dòng)作為點(diǎn)擊和滑動(dòng)。在芒果TV，點(diǎn)擊劇集時(shí)，劇集陣列不會(huì)自動(dòng)向左滑動(dòng)，因此當(dāng)點(diǎn)擊當(dāng)前最右側(cè)的劇集時(shí)，需要手動(dòng)將陣列向左滑動(dòng)平移才能查看更多劇集。騰訊視頻和搜狐視頻在用戶點(diǎn)擊中間偏右的劇集時(shí)，陣列就會(huì)向左平移，將更多的劇集顯示出來，因此，當(dāng)前點(diǎn)擊的劇集總是在屏幕垂直居中的位置（但前幾集和后幾集無法這樣顯示）。平移過程要有被點(diǎn)擊按鈕的狀態(tài)刷新和平移動(dòng)畫，這一點(diǎn)騰訊視頻做的很巧妙，用刷新來代替實(shí)時(shí)地平移，雖然不是實(shí)時(shí)平移，但是使用過程很流暢；而搜狐視頻做的是實(shí)時(shí)平移，但切換劇集時(shí)要處理的數(shù)據(jù)比較多，因此實(shí)現(xiàn)效果非?？?。此處明顯看出騰訊的產(chǎn)品經(jīng)理是如何用產(chǎn)品來規(guī)避技術(shù)難點(diǎn)的，值得我們大家學(xué)習(xí)。

劇集陣列上的按鈕有很多狀態(tài)：當(dāng)前播放，更新狀態(tài)，預(yù)告片，已緩存到本地，VIP才能觀看等。劇集按鈕上沒有記錄該集是否觀看過的狀態(tài)及觀看了多少時(shí)長(zhǎng)，小編認(rèn)為原因有三點(diǎn)：首先，應(yīng)用默認(rèn)大部分用戶都是順次觀看的，每次打開視頻時(shí)應(yīng)用都會(huì)接著上一次結(jié)束觀看的位置繼續(xù)播放，用戶不用去思考哪集看過、該從哪集開始看；其次，劇集陣列上的按鈕尺寸也不允許顯示如此多的信息；最后，和娛樂型內(nèi)容相比，深度學(xué)習(xí)型內(nèi)容更適合顯示完成百分比，例如得到app里的音頻文件和網(wǎng)易公開課里的視頻，就會(huì)顯示完成的百分比或時(shí)長(zhǎng)。

2.0 橫屏模式

點(diǎn)擊豎屏模式右下角的屏幕切換按鈕，播放器進(jìn)入橫屏模式。橫屏的導(dǎo)航欄和工具欄包含的控件更豐富，除此之外，左右兩側(cè)也放置了按鈕控件。在橫屏模式下更容易辨別出各家的欄設(shè)計(jì)對(duì)觀看體驗(yàn)的影響。美觀與可用性之間在這個(gè)巴掌大的空間里不是很好平衡。愛奇藝的滑塊設(shè)計(jì)使它必須使用邊界清晰的工具欄，邊界清晰的欄本可以增強(qiáng)欄上的按鈕的辨識(shí)度，但愛奇藝并沒有做到，因?yàn)閕con的線條都太細(xì)了；搜狐視頻沒有填充欄的背景色，而是在視頻內(nèi)容上蓋上一整屏的半透明深色遮罩來凸顯欄；芒果TV和騰訊視頻使用漸變來填充欄背景色，看起來更通透。4種做法的交互方式都沒問題，只是視覺的不同，但具體哪一個(gè)更好地通過大量數(shù)據(jù)統(tǒng)計(jì)得出，所以這里就不妄下結(jié)論了。

橫屏模式里有全屏狀態(tài)，全屏狀態(tài)時(shí)導(dǎo)航欄、工具欄和狀態(tài)欄都臨時(shí)隱藏了起來，給用戶營(yíng)造了心無旁騖的觀看環(huán)境。輕擊一下可以再次喚起這3個(gè)欄。

各家app的欄功能不完全相同，本篇和下一篇將按照共有功能和特色功能的順序?qū)?dǎo)航欄和工具欄進(jìn)行敘述。

2.1返回按鈕

4家app在橫屏模式時(shí)都去掉了切換橫豎屏按鈕，因?yàn)辄c(diǎn)擊返回就是退出橫屏。除此之外，我猜測(cè)是因?yàn)槿習(xí)r的按鈕實(shí)在太多，自然不會(huì)放置兩個(gè)有同樣功能的按鈕。雖然返回按鈕和切換橫豎屏按鈕在視覺上沒有一個(gè)很好的關(guān)聯(lián)度，但是頁(yè)面層級(jí)關(guān)系比較容易讓用戶理解。有趣的是，優(yōu)酷在全屏?xí)r保留了右下角的退出全屏按鈕。

2.2頁(yè)面標(biāo)題

橫屏模式所有的導(dǎo)航欄上都顯示了頁(yè)面標(biāo)題，也就是當(dāng)前播放的劇集名稱和劇集數(shù)，但位置是在返回按鈕的右側(cè)。ios用戶界面手冊(cè)里提到過，要將前一層級(jí)的標(biāo)題顯示在返回按鈕右側(cè)（如果可以放下的話），這樣返回按鈕才更有意義。很顯然，這些視頻app都沒有遵循這一準(zhǔn)則，這也是我在第一篇里說過的，稱上側(cè)欄為導(dǎo)航欄不那么恰當(dāng)?shù)脑?。盡管如此，現(xiàn)在的布局更好看，用戶根據(jù)劇集數(shù)也知道返回按鈕右側(cè)的文字就是本頁(yè)標(biāo)題。

2.3 暫停／播放按鈕

暫停和播放是同一個(gè)按鈕的兩種切換顯示狀態(tài)，位置在左下角。

設(shè)計(jì)理論是不贊成在一個(gè)頁(yè)面內(nèi)1個(gè)控件上切換2個(gè)功能的，但是數(shù)字設(shè)備上的暫停和播放卻可以很好違背這種觀點(diǎn)。原因一是數(shù)字設(shè)備可以在同一個(gè)區(qū)域顯示不同的狀態(tài)，表達(dá)邏輯上是不會(huì)出錯(cuò)的，這是物理設(shè)備做不到的（例如收音機(jī)）；原因二，用戶可以很輕松地辨別多媒體內(nèi)容的播放和暫停狀，要切換狀態(tài)時(shí)只知道就按那個(gè)按鈕就對(duì)了。如果放置2個(gè)按鈕在界面上，用戶要結(jié)合視頻的狀態(tài)去在兩個(gè)按鈕之間辨別該按哪一個(gè)（即使讓一個(gè)按鈕為禁用狀態(tài)，另一個(gè)為可用狀態(tài)，用戶也還是要費(fèi)腦力去辨別，擬物設(shè)計(jì)還能好點(diǎn)）。

視頻的暫停狀態(tài)很好辨別：視頻不再播放，導(dǎo)航欄和工具欄都為顯示狀態(tài)，而且會(huì)有廣告彈窗（廣告彈窗在這時(shí)竟然起到了積極的作用）；視頻為播放狀態(tài)時(shí)，可能會(huì)是全屏狀態(tài)，當(dāng)視頻因速度或數(shù)據(jù)問題不再繼續(xù)播放時(shí)，一定要有反饋，例如顯示帶寬速度或告知可能出現(xiàn)的問題，沒有反饋的話，用戶會(huì)將這種情況和暫停狀態(tài)混淆。

2.4 滑塊和2個(gè)時(shí)間

滑軌和滑塊應(yīng)該是觀看視頻時(shí)十分重要的控件，它清晰地傳達(dá)了視頻的觀看進(jìn)度，配合時(shí)間的顯示讓用戶十分明確該如果安排自己的活動(dòng)。用戶也可以通過拖拽滑塊來使視頻快進(jìn)或快退。

從圖2.1可以看出愛奇藝的滑軌是最長(zhǎng)的，與橫屏等寬，增強(qiáng)了拖拽滑塊時(shí)的操作精度，但這樣做也使播放器在視覺上被切割地太明顯，視頻也被遮擋的更多；已播放時(shí)長(zhǎng)和總時(shí)長(zhǎng)也因此不能被放在滑軌的首尾兩側(cè)，弱化了這兩個(gè)時(shí)間與滑軌的相關(guān)性。對(duì)比圖1.2、圖2.1不難發(fā)現(xiàn)，愛奇藝在豎屏模式時(shí)并沒有讓滑軌與豎屏同寬，豎屏模式下，播放器的區(qū)域非常小，如果不這樣做的話，愛奇藝的兩個(gè)欄會(huì)擋住更多可觀看區(qū)域。

拖拽滑塊是一個(gè)高難度動(dòng)作，因?yàn)榛瑝K尺寸非常小，而且為了保證觀看體驗(yàn)，拖拽滑塊時(shí)視頻正常播放，拖拽滑塊的手指松開后，視頻才會(huì)快跳到對(duì)應(yīng)的位置。這時(shí)適當(dāng)提供視覺反饋能降低操作難度。視覺反饋可分為3種，一是讓滑塊在視覺上看起來更好點(diǎn)擊和按壓；二是讓用戶感知拖拽的精度，以便評(píng)估自己的拖拽幅度；三是要讓用戶知道他是否將視頻調(diào)整到了他想要的位置。如圖2.2所示，用戶在騰訊視頻里按壓滑塊時(shí)，滑塊外側(cè)疊加了一個(gè)直徑112px的半透明同心圓，模擬按鈕被按壓的效果，實(shí)現(xiàn)了上文說的第1種反饋；拖拽滑塊時(shí)，滑軌左邊的時(shí)間和界面中央顯示的時(shí)間讓用戶感知拖拽精度，是第2種反饋；播放器上還有個(gè)小窗顯示了拖拽位置的關(guān)鍵幀畫面，是第3種反饋，滑塊在滑軌上的位置也屬于第3種反饋。除此之外，因?yàn)閷?dǎo)航欄與拖拽動(dòng)作沒有關(guān)系，因此拖拽滑塊時(shí)，騰訊視頻隱藏了導(dǎo)航欄和狀態(tài)欄；并在播放器上蒙了一個(gè)半透明深色遮罩，讓用戶將注意力更集中在小窗口上和滑軌滑塊上。

從圖2.2可以看出，其它應(yīng)用都只做到了1-2種反饋。有些app還會(huì)顯示左右的箭頭，很明顯是映射以前收音機(jī)上的快進(jìn)和快退。用戶的拖拽滑塊動(dòng)作比在收音機(jī)上點(diǎn)擊快進(jìn)或快退按鍵更有沉浸感，用戶也不會(huì)混淆也不會(huì)特意去分辨他當(dāng)前是在快進(jìn)還是快退，用戶的目標(biāo)是他要到達(dá)的地方，因此顯示快進(jìn)快退的icon變的不再是必要。

無論視頻是暫停還是播放，用戶在完成拖拽后，視頻都要是播放狀態(tài)，這體現(xiàn)了一個(gè)應(yīng)用是體貼的。

搜狐視頻和優(yōu)酷除滑塊能拖拽之外，還在滑軌上放置了劇情的關(guān)鍵節(jié)點(diǎn)，用戶點(diǎn)擊滑軌上的小亮點(diǎn)便能呼出一個(gè)浮出層，點(diǎn)擊浮出層可以實(shí)現(xiàn)跳轉(zhuǎn)，如圖2.3所示。在使用體驗(yàn)上，搜狐的小亮點(diǎn)真的非常難點(diǎn)，也很難看清點(diǎn)擊出來的浮層對(duì)應(yīng)的是哪個(gè)小亮點(diǎn)；浮層與滑軌之間的距離太小，點(diǎn)擊其它小亮點(diǎn)時(shí)很容易就點(diǎn)到了浮層；浮層的尺寸太小，不易點(diǎn)擊。優(yōu)酷的小亮點(diǎn)很好點(diǎn)擊，浮層尺寸也夠大，但浮層與滑軌的距離也是太小，很容易誤操作。我想這兩個(gè)app在后續(xù)更新中應(yīng)該會(huì)優(yōu)化這個(gè)功能。

2.5 左右滑動(dòng)手勢(shì)

所有app都做了可以替代拖拽滑塊操作手勢(shì)，那就是手指的左右滑動(dòng)，滑動(dòng)方向與拖拽滑塊的方向一致，保持了很一致的映射關(guān)系。在騰訊視頻里左右滑動(dòng)時(shí)的視覺反饋和拖拽滑塊時(shí)完全一樣，工具欄也還是會(huì)顯示。在愛奇藝和搜狐視頻里操作左右滑動(dòng)手勢(shì)時(shí)的視覺反饋不影響上下欄的顯示狀態(tài)，因此在全屏狀態(tài)時(shí)左右滑動(dòng)，欄是不會(huì)顯示的，看不到滑軌也就不太能評(píng)估究竟滑動(dòng)到哪兒了，雖然有時(shí)間的顯示，但沒有滑軌好理解。愛奇藝和搜狐視頻的解決方案是乳圖2.4所示，在界面上顯示一個(gè)簡(jiǎn)化樣式的進(jìn)度條來替代滑軌，用戶可以通過這個(gè)簡(jiǎn)化的進(jìn)度條評(píng)估自己的動(dòng)作幅度。

2.5 音量調(diào)節(jié)和亮度調(diào)節(jié)

調(diào)節(jié)音量的方式有2種：一種是按手機(jī)上的音量物理按鍵，另一種是在播放器上使用上下方向的滑動(dòng)手勢(shì)。兩種方式適應(yīng)不同的需求，物理按鍵可以準(zhǔn)確調(diào)節(jié)音量到滿意的位置；滑動(dòng)手勢(shì)可以快速地讓音量調(diào)節(jié)到最大或最小。

調(diào)節(jié)亮度的方式有3種：手機(jī)屏幕適應(yīng)環(huán)境光來自動(dòng)調(diào)節(jié)亮度；喚起手機(jī)的控制中心調(diào)節(jié)亮度滑塊；在播放器上使用上下方向的滑動(dòng)手勢(shì)。自動(dòng)調(diào)節(jié)的方式是隱形的設(shè)計(jì)，對(duì)用戶是0負(fù)擔(dān)，因此大部分用戶會(huì)聽由屏幕亮度的自動(dòng)調(diào)節(jié)；當(dāng)亮度自動(dòng)調(diào)節(jié)的結(jié)果滿足不了用戶時(shí)，肯定就要啟動(dòng)后兩種交互方式了，控制中心的喚起會(huì)打斷視頻觀看，而且在橫屏模式下喚起的操作比較難（而且可能會(huì)誤啟動(dòng)上下滑動(dòng)手勢(shì)），相比之下，滑動(dòng)手勢(shì)就比較好操作了。

音量和亮度調(diào)節(jié)都需要上下滑動(dòng)手勢(shì)，為了讓一個(gè)手勢(shì)在一個(gè)情景里實(shí)現(xiàn)2種功能，在播放器右側(cè)上下滑動(dòng)來調(diào)節(jié)音量，在左側(cè)調(diào)節(jié)亮度，已經(jīng)成了通用的解決方案。很顯然，這是默認(rèn)用戶全部為右手用戶，將高頻的音量調(diào)節(jié)交互區(qū)域放在右手操作的舒適區(qū)；將低頻的亮度調(diào)節(jié)放在右手的偏僻區(qū)，或由左手完成。在用戶第一次打開播放器的時(shí)候，會(huì)看到寫著這個(gè)交互說明的浮層，但說實(shí)話，要不是為了寫這篇文章，我早就忘了原來在播放器里面也可以調(diào)節(jié)亮度呢。

無論從人體工程學(xué)還是從用戶使用頻率數(shù)據(jù)上來看，左右分區(qū)的上下滑動(dòng)手勢(shì)都是沒有問題的，但是小編認(rèn)為這種方式對(duì)應(yīng)的視覺反饋有待完善。調(diào)節(jié)音量和亮度時(shí)，除了聲音和亮度本身反饋，很多應(yīng)用會(huì)調(diào)用系統(tǒng)自帶的UI反饋控件。這種控件很大而且顯示在屏幕的正中間，真的擋住很多空間呢。除此之外，這種反饋控件上的刻度調(diào)節(jié)是左右方向的，和用戶的手勢(shì)方向不匹配。搜狐視頻則是使用了兩組自定義的視覺反饋控件，但擺放位置和顯示邏輯與系統(tǒng)標(biāo)準(zhǔn)控件一樣，只是擋住播放器的區(qū)域變得比較小，也與應(yīng)用的整體形成了設(shè)計(jì)上的統(tǒng)一。小編很喜歡像每日開眼設(shè)計(jì)的音量調(diào)節(jié)視覺反饋控件，它顯示在播放器的左側(cè)邊上，既提供了反饋又沒有擋住播放器的中間位置。但很遺憾，開眼在播放器里沒有提供亮度調(diào)節(jié)，上下滑動(dòng)手勢(shì)只能調(diào)節(jié)亮度，這種顯示在播放器側(cè)邊的視覺反饋只適用于上下滑動(dòng)手勢(shì)擁有單一定義時(shí)。當(dāng)有2種定義時(shí)，這種布局方式的問題也非常多。小編沒有更好的主意，不知道各位同仁對(duì)于這個(gè)問題有什么更好的想法?；蛟S我提出的需求是吹毛求疵，也可能這就是設(shè)計(jì)很難兩全齊美的例子。

很多應(yīng)用嘗試在橫屏模式里喚起一個(gè)類似系統(tǒng)控制中心但又不會(huì)打斷視頻的浮層，以此來解決小編的問題，會(huì)在后面的2.10節(jié)里詳細(xì)闡述。

2.6 下一集

這是唯一一個(gè)讓小編不知道該說點(diǎn)什么的按鈕，嗯，真的很尷尬呢。統(tǒng)一被放在了暫停／播放按鈕的右側(cè)。當(dāng)視頻類型是電影時(shí)也會(huì)有這個(gè)按鈕，真不知道它的下一個(gè)是什么呢。

2.7 清晰度

清晰度能決定觀看體驗(yàn)的好壞，因此也是一個(gè)付費(fèi)點(diǎn)。藍(lán)光級(jí)別都是會(huì)員專屬，騰訊視頻將每個(gè)等級(jí)的分辨率數(shù)值都標(biāo)注了出來，進(jìn)一步刺激用戶去購(gòu)買會(huì)員。

2.8 選集

點(diǎn)擊選集按鈕會(huì)呼出一個(gè)浮層顯示所有的劇集按鈕，有時(shí)一屏可能放不下，因此在用戶打開浮層時(shí)，應(yīng)該讓當(dāng)前播放的劇集按鈕顯示在屏幕內(nèi)。騰訊和搜狐視頻做到了這一點(diǎn)，盡管實(shí)現(xiàn)方式不一樣，搜狐視頻降低了難度將劇集按鈕做了分頁(yè)處理。愛奇藝的這個(gè)功能有些bug，要滑動(dòng)一下才會(huì)出現(xiàn)當(dāng)前劇集按鈕。芒果TV的這個(gè)功能做得也很好，只不過選集浮層比較像綜藝節(jié)目，劇集按鈕很大，而且是圖片按鈕帶著長(zhǎng)文字，雖然增加了用戶選集時(shí)的滑動(dòng)幅度，但也提供了更多的信息，讓用戶比較確定究竟要看哪一集。

2.9 鎖屏

芒果TV、愛奇藝和搜狐視頻都在播放器的左側(cè)放置了鎖屏按鈕。鎖屏之后，無法點(diǎn)擊其它功能按鈕，和手機(jī)鎖屏一樣。但是在什么情景下使用這個(gè)功能呢？播放器上所有的按鈕及功能設(shè)計(jì)讓打斷或影響視頻播放的操作都是有行為成本的，產(chǎn)生視頻中斷或退出的誤操作可能性比較小。除非在很擁擠很擁擠的地鐵里，或者在很顛很晃的公交車上。小編還假設(shè)了一個(gè)場(chǎng)景，是不是有可能我在擦地的時(shí)候還想聽著視頻，因此要把手機(jī)放在衣服口袋里，這時(shí)也能用到鎖屏吧？

2.10 更多功能

騰訊視頻、愛奇藝、搜狐視頻都有更多功能的按鈕，點(diǎn)擊會(huì)呼出一個(gè)包含多個(gè)功能的浮出層，不影響視頻正常播放。騰訊視頻在面板里放置了音量和亮度的調(diào)節(jié)，可以彌補(bǔ)2.5節(jié)里說的現(xiàn)有的設(shè)計(jì)缺陷，很有代替手機(jī)的控制中心的味道，適合用戶深度探索。但是這個(gè)更多按鈕的樣式太低調(diào)了，我覺得可以參考最新MacbookPro的TouchBar上對(duì)于各種多媒體調(diào)節(jié)按鈕的管理方式，當(dāng)然這樣一來，這個(gè)面板里就不適合放其它功能比如緩存。愛奇藝的這個(gè)面板里沒有音量調(diào)節(jié)，看來是不認(rèn)同2.5節(jié)里提到的設(shè)計(jì)缺陷。

在騰訊視頻的更多功能浮層里拖拽音量滑塊時(shí)，系統(tǒng)標(biāo)準(zhǔn)視覺反饋控件被喚起；拖拽愛奇藝的亮度滑塊時(shí)，也調(diào)用了系統(tǒng)視覺反饋控件。這都是沒有必要的二次顯示，這個(gè)細(xì)節(jié)兩家都沒有處理好呢。

2.11 投屏

投屏功能真的是小編的摯愛，可以在更大屏幕上觀看視頻，關(guān)鍵還沒廣告?。?！愛奇藝、騰訊視頻和優(yōu)酷都有投屏功能，但前提是被投屏設(shè)備開啟時(shí)才會(huì)顯示此功能，要不然你永遠(yuǎn)都會(huì)看不到這個(gè)按鈕哦～在豎屏模式里也提到了，愛奇藝在廣告播放時(shí)就可以投屏，其它應(yīng)用是必須觀看完廣告后才能投屏呢。

2.12 彈幕

除了芒果TV外，其它幾家視頻app都有彈幕功能，且都改良了顯示方式，彈幕只會(huì)占據(jù)屏幕的一部分，或者分批顯示，不會(huì)像B站那樣占據(jù)整個(gè)屏幕。

打開彈幕才可以輸入彈幕，圖2.10可以看出，輸入彈幕時(shí)的鍵盤模式，愛奇藝和搜狐視頻都處理地很好。搜狐視頻在輸入彈幕頁(yè)面算是下了功夫，但是彈幕開啟和關(guān)閉的交互做得很不好，在這里不截圖顯示了，大家體驗(yàn)一下就知道了。

2.13 截屏和錄屏

騰訊視頻和優(yōu)酷有截屏和錄屏的功能，UI布局和交互流程有比較明顯的差異。騰訊視頻將截屏和錄屏按鈕并列顯示在播放器右側(cè)；優(yōu)酷的右側(cè)只有一個(gè)剪刀樣式的icon，點(diǎn)擊能顯示兩個(gè)二級(jí)按鈕，截屏和錄屏。這么做增加了點(diǎn)擊成本，操作路徑太長(zhǎng)。

點(diǎn)擊騰訊視頻的截屏按鈕，播放器會(huì)有閃爍效果，如圖2.11原型圖所示，截下的圖片會(huì)以一個(gè)浮層的形式顯示在截屏按鈕左側(cè)，如果應(yīng)用自動(dòng)切換到全屏模式之前，用戶都沒有點(diǎn)擊浮層，那么浮層消失，截圖丟失；如果點(diǎn)擊浮層會(huì)呼出若干分享按鈕。整個(gè)過程不會(huì)打斷視頻觀看，但存在一些問題。騰訊視頻并沒有將截圖保存在手機(jī)本地相冊(cè)，那么想要使用或看到這張圖片只能通過分享的方式，也就是說從產(chǎn)品角度假設(shè)的場(chǎng)景是，用戶截圖就是為了分享。但截屏之后并沒有強(qiáng)制將用戶帶到分享界面，而是讓用戶有所選擇，這就弱化了截圖和分享操作之間的關(guān)系。除此之外，這個(gè)流程也導(dǎo)致用戶在截圖后無法再次查看截圖，當(dāng)然我想這只是這個(gè)流程的結(jié)果，不是設(shè)計(jì)這個(gè)流程的目的。

相比之下，優(yōu)酷選擇了比較穩(wěn)的做法，如圖2.12所示。點(diǎn)擊截屏后視頻被暫停，應(yīng)用被一個(gè)模態(tài)視圖占據(jù)，視圖上顯示截取圖片和分享平臺(tái)按鈕，建立了截屏和分享的強(qiáng)關(guān)系。但是，優(yōu)酷將截屏圖片保存到了本地相冊(cè)，小編認(rèn)為有點(diǎn)畫蛇添足了。如果說截圖就是為了分享，那么如果用戶沒有分享截圖，那這張截圖自然沒有保留的意義；如果用戶將這張截圖分享出去，那這張截圖的使命也就完成了，把它保存在手機(jī)相冊(cè)就沒有意義了。按照這個(gè)立場(chǎng)去分析，不保存截圖的做法可能合適一些。小編認(rèn)為這個(gè)細(xì)節(jié)的處理沒有絕對(duì)的對(duì)錯(cuò)，只是產(chǎn)品思路不同而已，小伙伴們也可以談?wù)劜煌目捶ā?/p>

再來看看錄屏流程。騰訊視頻的錄屏至少錄3秒，最多錄9秒。因此點(diǎn)擊錄屏按鈕后，前3秒時(shí)只有取消操作；錄滿3秒之后，用戶既能取消，又能點(diǎn)擊完成，也可以等待自動(dòng)錄制完畢。錄屏完成后，播放器會(huì)被暫停，播放器上會(huì)顯示一個(gè)模態(tài)視圖，視圖上有一個(gè)小窗口循環(huán)播放著剛剛錄屏的內(nèi)容以及分享按鈕，同時(shí)應(yīng)用在后臺(tái)進(jìn)行視頻截取和壓縮操作，截取完成后也會(huì)告知用戶，用戶這時(shí)才可以分享。這個(gè)時(shí)間很短，并且用戶在這個(gè)時(shí)間段會(huì)先看看錄的內(nèi)容，不太可能立刻去分享，所以這個(gè)截取過程還是可以接受的。分享完成后返回騰訊視頻app，播放器恢復(fù)播放，并且會(huì)從剛剛錄屏的起始時(shí)間點(diǎn)播放。騰訊視頻的錄屏功能雖然不是剛需，但我覺得因開發(fā)的十分流暢，反饋效果做的也很好，搞不好會(huì)成為高頻操作。

優(yōu)酷的錄屏操作需要長(zhǎng)按錄屏按鈕，流程如圖2.14所示。小編來說說用長(zhǎng)按來錄屏的缺點(diǎn)。長(zhǎng)按手勢(shì)是個(gè)難度系數(shù)較高的動(dòng)作，通常將這一手勢(shì)用于用戶可能會(huì)因不小心的點(diǎn)擊而產(chǎn)生不可逆轉(zhuǎn)的誤操作的時(shí)候，例如ios里使用長(zhǎng)按應(yīng)用圖標(biāo)來卸載或移動(dòng)應(yīng)用。應(yīng)用肯定是鼓勵(lì)用戶多多使用錄屏功能，但長(zhǎng)按手勢(shì)會(huì)增大交互難度，反而起到反作用。例如，優(yōu)酷也設(shè)置了錄制最小時(shí)長(zhǎng)，但如果用戶按壓時(shí)間不足時(shí)肯定是無法完成錄制的，用戶此時(shí)可以繼續(xù)長(zhǎng)按錄屏按鈕，但在剛剛的過程中，視頻一直是正常播放的，第二次錄制肯定不能接著第一次錄的那一段繼續(xù)錄制，而是重新錄制，如果還想從第一次按壓時(shí)的那個(gè)時(shí)間點(diǎn)開始錄的話，必須退出錄制模式，將視頻后退到滿意的位置再重新錄制。為了盡可能避免這種情況出現(xiàn)，優(yōu)酷將可錄制的最小時(shí)長(zhǎng)設(shè)置為1秒，但小編認(rèn)為這彌補(bǔ)不了長(zhǎng)按操作的難度。長(zhǎng)按錄屏按鈕時(shí)，按鈕樣式?jīng)]有任何狀態(tài)的變化，再次降低了可用性。

2.14 騰訊視頻的只看TA

騰訊視頻做了一個(gè)按演員來篩選內(nèi)容的功能，叫“只看TA”?？梢灾豢幢炯哪兄?、只看女主或者男女主對(duì)手戲。但只有幾個(gè)熱播劇或自制劇有這個(gè)功能，挺好玩的，可以試一下，但是呢人物太多的段落可能就分不出來了。這個(gè)需求是否有必要，小編認(rèn)為有待時(shí)間的檢驗(yàn)。流程見圖2.15所示。

3. 離線下載

離線下載也可以被稱為離線緩存，指的就是用戶可以在wifi條件下將視頻下載到本地，供非wifi條件下觀看，下載好的內(nèi)容通常都放在“我的”標(biāo)簽頁(yè)里。并不是所有的視頻內(nèi)容都可以離線下載，例如只有VIP才能觀看的內(nèi)容，即使是VIP也無法下載。離線下載下來的視頻也不是永遠(yuǎn)都可以離線觀看，可能會(huì)有可觀看時(shí)間區(qū)間。離線下載是個(gè)重要且復(fù)雜的流程，設(shè)計(jì)細(xì)節(jié)非常多，改天可以單開一個(gè)篇幅來說說。在這里只說一個(gè)點(diǎn)，就是在豎屏模式時(shí)，點(diǎn)擊下載按鈕后的頁(yè)面打開方式。

點(diǎn)擊下載按鈕后，騰訊視頻和愛奇藝會(huì)新開一個(gè)頁(yè)面來顯示所有的劇集按鈕，用戶在這個(gè)頁(yè)面決定緩存哪一集，也可以選擇緩存的清晰度。由于是新開頁(yè)面，此時(shí)處在前一級(jí)頁(yè)面的播放器會(huì)被暫停。

在芒果TV和搜狐視頻里點(diǎn)擊下載時(shí)不會(huì)新開一頁(yè)，而是在當(dāng)前頁(yè)面彈出一個(gè)面板，播放器的播放狀態(tài)不會(huì)被打斷。芒果TV彈出的是一個(gè)模態(tài)面板，用戶不能操作播放器，播放器的顯示區(qū)域被縮小，使播放器和這個(gè)模態(tài)面板的前后關(guān)系十分清晰，點(diǎn)擊選集面板之外的區(qū)域，便可退出當(dāng)前模態(tài)。但是在這個(gè)模態(tài)面板里點(diǎn)擊清晰度時(shí)，又會(huì)再次喚起一個(gè)模態(tài)面板，這種雙重模態(tài)面板的方式不是ios用戶手冊(cè)指南里鼓勵(lì)的做法，但是如果不這樣做的話可能也沒有更好的辦法。比如將幾個(gè)清晰度以按鈕的樣式擺放在這個(gè)面板上方，那面板需要的高度更多，且分散用戶注意力的交互控件也就越多。

點(diǎn)擊搜狐視頻的下載按鈕，喚起的面板是個(gè)非模態(tài)面板，用戶仍然可以操作播放器。下載功能本身不是一個(gè)復(fù)雜流程（復(fù)雜的是管理下載內(nèi)容），因此不用太擔(dān)心非模態(tài)方式會(huì)讓用戶不聚焦任務(wù)，但是關(guān)閉這個(gè)面板的提示不是特別明顯。

手機(jī)沒有網(wǎng)絡(luò)情況下觀看離線視頻，只有橫屏模式，沒有豎屏模式，因?yàn)樨Q屏模式除了播放器以外顯示的字段都需要網(wǎng)絡(luò)連接。觀看離線視頻時(shí)，點(diǎn)擊“選集”按鈕，選集面板里應(yīng)該只顯示已經(jīng)下載了的劇集，這是個(gè)很小的細(xì)節(jié)，但只有愛奇藝做到了。

4. 聲音相關(guān)

在第1部分里就提到過和聲音相關(guān)的交互，視頻播放時(shí)，聲音是不受手機(jī)硬件靜音按鈕的限制的。

用戶佩戴耳機(jī)使用多媒體應(yīng)用時(shí)屬于個(gè)人私密行為，在拔掉耳機(jī)后，一定不會(huì)想讓別人也聽到自己剛才聽到的內(nèi)容。因此用戶在觀看視頻時(shí)將耳機(jī)拔出，將視頻暫停是比較合理的做法，本文分析的app里，只有愛奇藝和優(yōu)酷做到了這一點(diǎn)；如果視頻是暫停狀態(tài)，耳機(jī)插入時(shí)，應(yīng)該自動(dòng)被播放，只有優(yōu)酷做到了這一點(diǎn)。

5. 歷史播放

應(yīng)用再次啟動(dòng)時(shí)，都會(huì)在主屏提醒用戶是否要繼續(xù)觀看上一次的觀看內(nèi)容。在圖5.1中為了讓大家更看得更清晰，小編弱化了通知欄之外的區(qū)域。4個(gè)app采用的形式是一樣的，應(yīng)用啟動(dòng)后用一個(gè)通知欄來提醒用戶，通知欄停留一段時(shí)間后會(huì)自動(dòng)消失。這與手機(jī)處理通知的方式是一致的。

優(yōu)酷、愛奇藝和搜狐視頻的通知欄都遮擋了底部的界面，因此優(yōu)酷和愛奇藝的通知欄上都有關(guān)閉按鈕；騰訊視頻的通知欄是臨時(shí)占用的一部分空間，并沒有擋住任何界面，因此沒有關(guān)閉按鈕。

在顯示的信息上，騰訊視頻顯示的信息最多，有剩余時(shí)間的顯示，但優(yōu)先級(jí)不高，在最末端，很可能會(huì)因一個(gè)長(zhǎng)標(biāo)題而顯示不出來。愛奇藝的關(guān)閉按鈕和繼續(xù)播放文案的距離太近，這兩者是反相關(guān)，在布局上不應(yīng)該挨在一起。

騰訊視頻啟動(dòng)后，通知欄才顯示，而且顯示的過程是從上向下的位移，主屏的內(nèi)容（除頂部導(dǎo)航欄、狀態(tài)欄和底部的標(biāo)簽欄）也都被整體的順次向下做了位移，使通知欄更能引起用戶的注意力。雖然愛奇藝和搜狐視頻也對(duì)通知欄添加了動(dòng)態(tài)漸入動(dòng)畫，但還是沒有騰訊視頻整體的位移更能引起關(guān)注。

6.一些交互細(xì)節(jié)

豎屏模式下，視頻剛開始播放時(shí)導(dǎo)航欄和工具欄的狀態(tài)是顯示還是隱藏，各個(gè)app處理得不一樣，如圖6.1可以看到，騰訊視頻和搜狐視頻默認(rèn)是先讓欄顯示，芒果TV和愛奇藝是直接讓欄隱藏。小編認(rèn)為，如果在豎屏模式里最先做的是切換到橫屏的用戶更多，那么豎屏模式默認(rèn)顯示欄還是有必要的（如果用戶關(guān)閉了屏幕自動(dòng)旋轉(zhuǎn)，小編的這個(gè)按鈕就是長(zhǎng)年關(guān)閉狀態(tài)）。同理，如果在豎屏模式里默認(rèn)顯示欄，那么切換到橫屏之后仍然顯示欄可以讓界面顯示統(tǒng)一，也讓用戶看到更多的功能；但這也是一種干擾，畢竟用戶用橫屏是為了更好的享受觀看體驗(yàn)，而不是為了查看更多的功能，因此豎屏切換到橫屏?xí)r，要讓欄顯示還是隱藏取決于產(chǎn)品定位。

上一段提到了，從豎屏切換到橫屏?xí)r，騰訊視頻和搜狐視頻會(huì)默認(rèn)顯示欄，那么在屏幕翻轉(zhuǎn)的過程中，欄是怎樣翻轉(zhuǎn)的也是一個(gè)細(xì)節(jié)（芒果TV和愛奇藝在此處便可以巧妙的躲過這個(gè)細(xì)節(jié)）。如圖6.2所示，是騰訊視頻屏幕翻轉(zhuǎn)時(shí)的細(xì)節(jié)展示，豎屏?xí)群谄烈幌?，然后翻轉(zhuǎn)成橫屏，翻轉(zhuǎn)過程中欄一直顯示，且也跟著翻轉(zhuǎn)；如圖6.3所示是搜狐視頻的屏幕翻轉(zhuǎn)，搜狐視頻在翻轉(zhuǎn)過程中沒有黑屏閃爍的現(xiàn)象，但是翻轉(zhuǎn)過程中沒有顯示欄，直到播放器翻轉(zhuǎn)完成后，欄才顯示。兩種不同的實(shí)現(xiàn)方式可能和技術(shù)相關(guān)，小編的個(gè)人感覺是騰訊視頻翻轉(zhuǎn)時(shí)黑屏閃一下的效果不是很舒服。

7. 總結(jié)

到此為止，關(guān)于視頻app播放器部分的交互淺析全部結(jié)束。騰訊視頻、愛奇藝、搜狐視頻和優(yōu)酷的播放器功能都已經(jīng)非常完善，各有各的亮點(diǎn)和產(chǎn)品著重點(diǎn)，也有各自的缺點(diǎn)和不足；芒果TV的發(fā)展沒有前幾家那么久，因此目前提供的只是基礎(chǔ)必需功能，但現(xiàn)有的這些功能也都設(shè)計(jì)的還不錯(cuò)；每日開眼是一個(gè)短視頻平臺(tái)，在產(chǎn)品戰(zhàn)略上和以上幾家有本質(zhì)區(qū)別，因此在本系列文章中只是稍微帶過，但它仍然是小而美的產(chǎn)品。本系列分享就是這些，感謝您的耐心閱讀，如有問題或不同意見歡迎留言交流。

作者：bala198904

來源：http://www.ui.cn/detail/198023.html

版權(quán)：人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范，任何轉(zhuǎn)載的稿件都會(huì)明確標(biāo)注作者和來源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419293505