本文從一個獨(dú)立開發(fā)者或者非常小規(guī)模團(tuán)隊(duì)的角度來思考，如何設(shè)計(jì)一款視頻播放器APP。

一、產(chǎn)品概述

1.1 市場分析

1.1.1 行業(yè)規(guī)模分析

從艾瑞報(bào)告中發(fā)布的2013年到2017年的網(wǎng)絡(luò)視頻行業(yè)收入規(guī)模情況來看，行業(yè)每年都保持50%左右的增長率，按照這樣的發(fā)展趨勢預(yù)計(jì)2018年行業(yè)收入規(guī)模已經(jīng)突破千億，市場增長潛力和發(fā)展前景較為樂觀。

1.1.2 市場需求分析

百度指數(shù)顯示播放器在移動設(shè)備的近半年的搜索指數(shù)平均值為12807，酷傳市場的數(shù)據(jù)顯示播放器關(guān)鍵詞的搜索實(shí)時熱度達(dá)到了6535。由此可知，用戶對播放器的需求一直都存在，從搜索結(jié)果數(shù)的數(shù)量看出市場上也出現(xiàn)了不少同類產(chǎn)品，因此需要打造出滿足用戶需求和較好的用戶體驗(yàn)的產(chǎn)品才能在激烈的競爭中占據(jù)市場。

1.1.3 同類產(chǎn)品分析

根據(jù)艾瑞數(shù)據(jù)移動APP指數(shù)顯示，2018年11月國內(nèi)播放器類別月度獨(dú)立設(shè)備數(shù)超過100萬臺的有個9款，這9款設(shè)備總計(jì)的月度獨(dú)立設(shè)備數(shù)超過了兩千萬臺。數(shù)據(jù)表明播放器產(chǎn)品已經(jīng)有一定的用戶規(guī)模，但是相對于國內(nèi)網(wǎng)民總數(shù)仍然有較大的提升空間，而前幾款用戶數(shù)較大的產(chǎn)品的環(huán)比增幅的下降說明人口紅利在逐漸消失，接下來在提升產(chǎn)品的用戶體驗(yàn)方面繼續(xù)加大投入。

1.2 用戶分析

1.2.1 用戶畫像

播放器使用人群的地域分布圖顯示前10個用戶數(shù)的身份總和占比45%左右，除了廣東省的用戶數(shù)超過了10%，其他省份都低于10%。由此看來，播放器的使用人群較為分散，沒有出現(xiàn)一線地區(qū)占比較高的情況。

從播放器的用戶年齡分布圖看出男性用戶較多，女性用戶較少,說明男性和女性都對播放器產(chǎn)品有較大需求，并且男性相對女生需求量更大。

播放器的使用人群年齡分布圖中表明用戶主要集中在40歲以下，25歲到35歲之間的用戶占比達(dá)到了60%，說明播放器的核心用戶是年輕人群，這部分人群對互聯(lián)網(wǎng)熟悉度較高，擅長從應(yīng)用市場找到滿足自己需求的工具。

1.2.2 用戶畫像

• 李明，男，29歲，工程師，比較宅，閑暇時間愛好看電視劇，由于手機(jī)流量不多，總是需要在有無線網(wǎng)的時候?qū)㈦娨晞∫曨l下載好，在沒有無線網(wǎng)時無聊的時候會把下載好的電視劇找出來觀看。
• 小麗，女，32歲，企業(yè)白領(lǐng)，平時喜歡看電影看美劇，喜歡瀏覽視頻網(wǎng)站尋找好看的美劇，喜歡看豆瓣上好評的電影，經(jīng)常會找一些想看的美劇通過電腦或者手機(jī)下載下來，然后在上下班途中等空閑時間用手機(jī)播放器播放觀看。
• 東東，男，23歲，學(xué)生，目前在準(zhǔn)備考研，經(jīng)常需要下載一些學(xué)習(xí)視頻然后用手機(jī)觀看，為了節(jié)約時間，東東經(jīng)常以1.5倍的速度播放視頻進(jìn)行學(xué)習(xí)。
• 大兵，男，26歲，工廠工人，常常在網(wǎng)站或者網(wǎng)盤中找到感興趣的視頻然后通過下載工具下載到手機(jī)，在業(yè)余時間觀看視頻打發(fā)時間。

海象萬能播放器將會圍繞用戶在上述用戶場景的下載、傳輸、播放等需求進(jìn)行需求分析和產(chǎn)品設(shè)計(jì)。

1.3 產(chǎn)品介紹

海象萬能播放器，以下簡稱播放器，是一款移動端的功能強(qiáng)大、使用簡便的音視頻播放工具軟件。它專為播放本地或者在線視頻的用戶而設(shè)計(jì)，致力于通過簡單、優(yōu)雅的設(shè)計(jì)和強(qiáng)大的音視頻播放技術(shù)來讓用戶能夠在高效率、好體驗(yàn)下進(jìn)行本地、網(wǎng)絡(luò)音視頻的觀看。

對于喜歡下載視頻到手機(jī)播放的人來說，目前應(yīng)用商店中大量播放器產(chǎn)品的界面設(shè)計(jì)古老、彈窗廣告眾多、格式支持有限。他們非常需要一款支持多種格式、廣告較少、易用美觀的播放器APP。海象萬能播放器就是在這樣的背景下產(chǎn)生了，它始終將用戶的播放效率和使用體驗(yàn)放在首位，相信可以在市場上獲得一定的生存空間。

1.4 產(chǎn)品定位

海象萬能播放器的Slogan是開眼看世界，核心詞“看”也和播放器的產(chǎn)品功能一致，讓用戶能夠通過享受更多的視聽資源來發(fā)現(xiàn)世界，產(chǎn)品的定位是移動端音頻、視頻播放的工具軟件。產(chǎn)品的使用人群是需要使用手機(jī)進(jìn)行音視頻播放觀看的人群。

1.5 需求分析

通過體驗(yàn)?zāi)壳笆忻嫔现髁鞯囊曨l播放APP產(chǎn)品，分析產(chǎn)品在應(yīng)用市場上的評價(jià)，研究用戶的使用場景，我們得出有必要做一款功能齊全、體驗(yàn)較好的視頻播放器APP，并且梳理出以下需求清單：

二、產(chǎn)品架構(gòu)

2.1 產(chǎn)品功能架構(gòu)

2.2 產(chǎn)品主流程

海象萬能播放器APP的主流程是找到音視頻然后播放觀看，因此產(chǎn)品的所有功能都是圍繞這兩個核心點(diǎn)來設(shè)計(jì)。找到音視頻通過搜索文件、本地文件列表、在線播放、文件下載、收藏文件來滿足，播放音視頻通過設(shè)置中的視頻播放設(shè)置、播放中的播放選項(xiàng)來實(shí)現(xiàn)。

三、原型與交互設(shè)計(jì)

3.1 全局說明

邏輯說明：如圖所示展示了提示信息、彈框信息、進(jìn)度更新信息的統(tǒng)一原型設(shè)計(jì)。

交互設(shè)計(jì)：

• 圖A中提示信息時在頁面底部探彈出示內(nèi)容，經(jīng)過幾秒后消失；
• 圖B中彈框彈出時頁面會被灰色遮罩遮住，讓用戶進(jìn)行選擇；
• 圖C中進(jìn)度條展示進(jìn)度時用戶無法進(jìn)行其他操作等待進(jìn)行更新完成進(jìn)度條自動消失。

3.2 啟動

邏輯說明：啟動頁展示了播放器的產(chǎn)品名稱、LOGO、Slogan信息。

交互設(shè)計(jì)：用戶點(diǎn)擊啟動APP后進(jìn)入到啟動頁，經(jīng)過2秒后跳轉(zhuǎn)到主頁面。

3.3 本地

邏輯說明：本地頁面中默認(rèn)以音頻視頻混排、文件最后修改時間倒序的方式進(jìn)行列表展示，用戶可以通過搜索框搜索文件，此外還包括刷新、播放歷史等功能。

交互設(shè)計(jì)：

1. 搜索框中輸入文件名進(jìn)行模糊搜索；點(diǎn)擊“刷新”按鈕會重新掃描全文件的同時展示進(jìn)度條；點(diǎn)擊“播放歷史”按鈕會展示最近1個月歷史播放過的視頻；點(diǎn)擊“模式切換”按鈕會切換音頻、視頻、音視頻的展示模式。
2. 文件列表中，有縮略圖的文件展示縮略圖，沒有縮略圖的文件展示默認(rèn)圖片，對于文件時長以“時：分：秒”的方式進(jìn)行展示，文件名超過展示寬度時滾動展示，文件大小按“GB”、“MB”、“KB”為單位計(jì)算，文件修改時間以“年-月-日 時:分”格式展示。默認(rèn)最多顯示20條數(shù)據(jù)，超過時需要用戶在滑到最后的時候繼續(xù)滑動刷新來展示更多數(shù)據(jù)。

3.4 網(wǎng)絡(luò)

邏輯說明：

網(wǎng)絡(luò)模塊包括在線播放、文件下載、文件傳輸、投屏功能。在線播放中輸入在線地址即可進(jìn)行播放；文件下載頁面會看到已經(jīng)下載和正在下載的文件，通過輸入文件地址來下載文件；文件傳輸開啟服務(wù)后在電腦上瀏覽器中輸入地址后上傳文件到手機(jī)；投屏?xí)r有附近的可投屏設(shè)備列表選擇后投屏。

交互設(shè)計(jì)：

1. 點(diǎn)擊“在線播放”彈出輸入地址播放對話框，支持http和https地址進(jìn)行播放，點(diǎn)擊“確定”后，如果是非http和https地址那么在對話框地址下發(fā)顯示提示“地址錯誤，請重新輸入正確地址”，如果是正確的地址那么跳轉(zhuǎn)到視頻播放頁面。
2. 點(diǎn)擊“文件下載”后跳轉(zhuǎn)到“下載”頁面，輸入下載地址后，點(diǎn)擊“開始下載”來進(jìn)行文件下載。下載失敗的文件有“重試”按鈕點(diǎn)擊后重新下載。已經(jīng)下載的文件點(diǎn)擊“打開”會直接進(jìn)行播放。
3. 點(diǎn)擊“文件傳輸”進(jìn)入到對應(yīng)的頁面后就開啟了服務(wù)，如果需要停止可以通過點(diǎn)擊“停止服務(wù)”來實(shí)現(xiàn)。
4. 點(diǎn)擊“投屏”后進(jìn)入投屏頁面，選擇可投屏的設(shè)備后會顯示選中狀態(tài)，點(diǎn)擊“確定”后進(jìn)行投屏，投屏錯誤會Toast提示“投屏失敗，請重新選擇”。

3.5 收藏

邏輯說明：收藏模塊中包括對文件和文件夾的管理。默認(rèn)會自動創(chuàng)建一個“默認(rèn)文件夾”，在文件夾頁面通過“編輯”和“增加”可以對文件夾進(jìn)行管理。點(diǎn)擊收藏的文件夾后顯示對應(yīng)的文件列表，然后可以對文件進(jìn)行“編輯”和“增加”。

交互設(shè)計(jì)：

1. 在“收藏”頁面點(diǎn)擊“編輯”圖標(biāo)按鈕進(jìn)入文件夾編輯狀態(tài)，可以“全選”、“移動”、“刪除”文件夾，點(diǎn)擊“增加”圖標(biāo)按鈕后彈出對話框輸入文件夾名稱來新建，文件夾名稱限制1到20個字符。
2. 在點(diǎn)擊某個文件夾顯示文件列表后，可以直接點(diǎn)擊文件進(jìn)行播放；在頁面中也可以點(diǎn)擊“編輯”圖標(biāo)按鈕進(jìn)入文件編輯狀態(tài)，可以“全選”、“移動”、“刪除”文件；點(diǎn)擊“增加”后顯示文件列表進(jìn)行文件選擇。

3.6 設(shè)置

邏輯說明：在設(shè)置頁面中列出了播放設(shè)置項(xiàng)和更多選項(xiàng)，通過播放設(shè)置項(xiàng)的設(shè)置來對播放進(jìn)行自定義的配置，用戶反饋中輸入相關(guān)信息后進(jìn)行提交，幫助中心頁面中列出了常見問題，版本更新通過跳轉(zhuǎn)應(yīng)用市場頁面來更新版本，關(guān)于里介紹產(chǎn)品情況。

交互設(shè)計(jì)：

1. 點(diǎn)擊“硬件加速播放”、“文件時長過濾”后彈框進(jìn)行選擇，選取結(jié)果顯示到設(shè)置頁面選項(xiàng)信息中。
2. 點(diǎn)擊“掃描文件管理”后進(jìn)入到掃描文件管理頁面，點(diǎn)擊“添加”彈框列表顯示文件夾共添加；選擇已經(jīng)添加的文件夾可以進(jìn)行“移除”，移除會有彈框二次確認(rèn)。
3. 點(diǎn)擊“用戶反饋”后進(jìn)入對應(yīng)頁面，問題描述框必填，聯(lián)系方式框可選，點(diǎn)擊“提交”后轉(zhuǎn)圈等待提交結(jié)果，獲取結(jié)果后Toast提示”提交成功“或者“提交失敗，請?jiān)俅翁峤弧薄?/li>
4. 點(diǎn)擊“版本更新”后會檢查是否有新版本，如果有新版本那么彈框提示相關(guān)信息，點(diǎn)擊”立即更新“后跳轉(zhuǎn)到應(yīng)用市場，如果沒有那么彈框提示已經(jīng)是最新版本。
5. “幫助中心”和“關(guān)于”顯示對應(yīng)的信息，點(diǎn)擊“后退”圖標(biāo)返回設(shè)置頁面。

3.7 播放

邏輯說明：

用戶從音視頻列表、文件收藏列表、在線播放、已下載文件等入口進(jìn)入到播放頁面，進(jìn)入頁面自動開始播放，播放視頻時會鋪滿整個屏幕，播放音頻時顯示默認(rèn)圖片；底部包括暫停、切換上一個和下一個視頻、橫豎屏切換、收藏文件；中間包括是否鎖定圖標(biāo)、字幕、音頻/視頻切換、倍數(shù)、音軌切換、后臺播放、顯示模式、視頻列表；頂部顯示文件名稱和后退圖標(biāo)；頁面支持通過在左右兩邊的上下滑動來調(diào)節(jié)音量和亮度；橫屏?xí)r頁面邏輯交互不變，圖標(biāo)之間顯示的距離按比例增加和減小間隔。

交互設(shè)計(jì)：

1. 進(jìn)入播放頁面后默認(rèn)顯示底部的所有圖標(biāo)、中間的鎖定圖標(biāo)、頂部的文件名和后退圖標(biāo)。
2. 點(diǎn)擊中間的鎖定圖標(biāo)后頁面所有圖標(biāo)隱藏，圖標(biāo)同時變成解鎖圖標(biāo)顯示3秒后消失。在鎖定狀態(tài)點(diǎn)擊屏幕區(qū)域會顯示解鎖圖標(biāo)，點(diǎn)擊解鎖圖標(biāo)后恢復(fù)各個圖標(biāo)顯示，如果不點(diǎn)擊那么3秒后消失。
3. 通過在頁面中左側(cè)從左往右滑動拉出播放設(shè)置選項(xiàng)框，通過在右側(cè)從右往左滑動拉出文件列表框。
4. 播放頁面頂部的文件名最多顯示12個字符，超過用省略號代替。
5. 在頁面左半部分區(qū)域上下滑動可以調(diào)整播放音量，在頁面右半部分區(qū)域上下滑動可以調(diào)整顯示亮度。
6. 點(diǎn)擊”橫豎屏“圖標(biāo)可以切換橫屏或者豎屏模式。

四、運(yùn)營與商業(yè)化

前面的內(nèi)容一直在說用戶的需求是什么、設(shè)計(jì)什么樣的產(chǎn)品，接下來我們聊一聊這款產(chǎn)品開發(fā)出來后如何打開市場獲取用戶以及如何商業(yè)化獲取利潤，從而在為用戶創(chuàng)造價(jià)值的同時讓產(chǎn)品得到健康可持續(xù)的發(fā)展。

首先說說運(yùn)營，該產(chǎn)品的運(yùn)營的大前提是個人開發(fā)者或者規(guī)模非常小的團(tuán)隊(duì)，因此沒有非常多的資金去推廣，也沒有過多的人力進(jìn)行精細(xì)化運(yùn)營，那么我想到了一些運(yùn)營思路僅供參考，如果讀者有好的建議和想法歡迎留言討論。

第一，全應(yīng)用市場渠道上架應(yīng)用。每個應(yīng)用市場都是一個免費(fèi)流量獲取的渠道，積極配合渠道對應(yīng)用的審核；嘗試推薦產(chǎn)品到最美應(yīng)用、Product Hunt等平臺；及時推出英文版上架海外市場。

第二，ASO基礎(chǔ)優(yōu)化。數(shù)據(jù)顯示，目前用戶通過主動搜索完成應(yīng)用下載占整體應(yīng)用下載的60%—70%，而且主動搜索下載相對于被付費(fèi)廣告推薦下載的目的性更強(qiáng)、質(zhì)量更高，因此對應(yīng)用進(jìn)行ASO基礎(chǔ)優(yōu)化很有必要。在對應(yīng)用經(jīng)過內(nèi)測達(dá)到正式對外上線標(biāo)準(zhǔn)后，積極拓展各個應(yīng)用市場的首發(fā)合作；針對應(yīng)用市場上架信息進(jìn)行優(yōu)化，包括應(yīng)用名稱、短描述、長描述、圖標(biāo)、截圖等信息；購買輔助工具幫助ASO基礎(chǔ)優(yōu)化。

第三，自媒體平臺官方賬號定期運(yùn)營。通過在知乎開設(shè)官方賬號回答諸如“手機(jī)視頻播放器用哪個好”、“你手機(jī)里有哪些堪稱神器的app”等問題來得到更多的曝光，在微博、頭條等平臺開設(shè)官方賬號發(fā)布視頻播放器相關(guān)文章來宣傳產(chǎn)品。

第四，免費(fèi)流量互換。與目標(biāo)人群重合度高的互補(bǔ)性工具類產(chǎn)品嘗試合作換量。

第五，跟進(jìn)用戶反饋。除了獲客外還要維系好用戶做好留存，重視用戶在應(yīng)用市場的反饋和產(chǎn)品中提供的用戶反饋入口得到的意見，每一條用戶反饋都極具價(jià)值，因此應(yīng)該對相關(guān)問題進(jìn)行及時處理和答復(fù)，這樣才能留住用戶的心，如果用戶覺得我們的產(chǎn)品好也會自發(fā)進(jìn)行口碑宣傳。

然后聊聊對播放器產(chǎn)品商業(yè)化的看法，目前應(yīng)用市場上的播放器相關(guān)產(chǎn)品通過廣告和付費(fèi)購買增值服務(wù)來獲得收益，而這款播放器產(chǎn)品的設(shè)計(jì)目前沒有體現(xiàn)出類似的帶來收入的功能，筆者認(rèn)為對于產(chǎn)品的從0到1主要以打磨出用戶喜歡用的產(chǎn)品為主，未來規(guī)劃通過廣告和會員的方式獲得收入，非會員時在用戶可接受的范圍內(nèi)增加少量廣告，比如：在APP啟動時增加廣告，對于會員沒有廣告并且提供更多的增值功能。

五、總結(jié)展望

本文從一個獨(dú)立開發(fā)者或者非常小規(guī)模團(tuán)隊(duì)的角度，來思考設(shè)計(jì)一款視頻播放器APP。筆者曾經(jīng)體驗(yàn)了多款視頻播放工具類APP，得到的感受是大多體驗(yàn)欠佳。根據(jù)對視頻播放領(lǐng)域的市場研究和用戶分析，發(fā)現(xiàn)用戶需要一款功能較全、廣告較少、支持更多的格式、更加易用的視頻播放器APP。

為了能夠解決用戶的痛點(diǎn)、為用戶帶來價(jià)值，于是我開始進(jìn)行詳細(xì)的需求分析，進(jìn)而完成了這款視頻播放器APP的產(chǎn)品架構(gòu)設(shè)計(jì)，在這基礎(chǔ)上進(jìn)一步細(xì)化后設(shè)計(jì)出本地、網(wǎng)絡(luò)、收藏、設(shè)置、播放等功能模塊。

在這之后，考慮到產(chǎn)品完成開發(fā)測試后會上線運(yùn)營，以所設(shè)計(jì)的海象萬能播放器APP為例探討了產(chǎn)品的運(yùn)營策略和未來的商業(yè)化。

展望未來，在持續(xù)完善產(chǎn)品功能的同時，未來可以考慮在播放工具基礎(chǔ)上增加社區(qū)模塊，社區(qū)的內(nèi)容是用戶分享收藏的音視頻和音視頻文件夾。按照這樣的產(chǎn)品發(fā)展思路，產(chǎn)品功能設(shè)計(jì)時會將現(xiàn)有的收藏模塊、設(shè)置模塊、未來增加的賬號體系模塊融合成個人中心模塊，現(xiàn)有的收藏模塊改為發(fā)現(xiàn)模塊，發(fā)現(xiàn)模塊主要是顯示和發(fā)布用戶收藏的視頻和視頻文件夾。

對于本篇文章中的內(nèi)容，如果您有不同的想法和建議，歡迎討論交流。

本文由 @?Eric 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議