OooPlay音樂(lè)播放器App設(shè)計(jì)開(kāi)發(fā)過(guò)程詳解

一、主體設(shè)計(jì)概述

在開(kāi)始探討如何設(shè)計(jì)這款OooPlay音樂(lè)播放器App之前，我們先來(lái)觀看其演示視頻，以便有一個(gè)直觀的了解。我們追求的并非單純的酷感，而是圍繞功能，打造隨性而緊湊的產(chǎn)品設(shè)計(jì)。那么，讓我們回溯一下，是如何一步步走到今天的設(shè)計(jì)成果的。

二、設(shè)計(jì)靈感與初步構(gòu)思

最初，我們注意到iPhone自帶的音樂(lè)播放器在列表試聽(tīng)歌曲時(shí)，操作稍顯不便。一點(diǎn)擊就會(huì)跳轉(zhuǎn)到播放界面，頻繁點(diǎn)擊“返回”才能試聽(tīng)多首歌曲。受到Panamp應(yīng)用的啟發(fā)，我們想要打造一個(gè)在列表上直接播放的設(shè)計(jì)，方便用戶操作。最初的草圖，僅有一個(gè)簡(jiǎn)單的列表和播放暫停按鈕。

三、設(shè)計(jì)迭代與優(yōu)化

隨著列表內(nèi)容的滾動(dòng)，如何快速定位到正在播放的歌曲成為了一個(gè)重要問(wèn)題。于是，我們決定在列表的頂端或底端增加一個(gè)按鈕，以便快速跳轉(zhuǎn)?？紤]到歌曲的CD畫(huà)面能夠直觀反映正在播放的歌曲信息，并且能增加界面的動(dòng)態(tài)效果，我們決定采用CD圓盤的設(shè)計(jì)。圓盤的轉(zhuǎn)動(dòng)能夠體現(xiàn)歌曲正在播放的狀態(tài)。

四、功能完善與布局調(diào)整

接下來(lái)，我們將播放、暫停、上一首、下一首等常用功能融入到CD圓盤的旁邊，方便用戶操作。細(xì)想之下，僅有這些功能還不夠，于是我們加入了搜索功能、隨機(jī)播放、單曲循環(huán)等。對(duì)于這些功能的布局，我們嘗試了一個(gè)非對(duì)稱的設(shè)計(jì)，把CD圓盤放在側(cè)欄的位置，這樣既保留了簡(jiǎn)潔感，又方便了用戶操作。

五、細(xì)節(jié)優(yōu)化與功能增強(qiáng)

在基本布局完成后，我們進(jìn)一步細(xì)化功能。比如，增加了一個(gè)“小人”圖標(biāo)，通過(guò)它用戶可以搜索演唱者的其他歌曲。還增加了定時(shí)結(jié)束播放的功能，以便于用戶睡前聽(tīng)音樂(lè)?？紤]到有藍(lán)牙立體聲耳機(jī)的用戶，我們?cè)黾恿薃irPlay功能的支持。在設(shè)計(jì)中，我們還受到Clear應(yīng)用視頻的啟發(fā)，讓音樂(lè)可以通過(guò)左右滑動(dòng)置頂置底，這是受Clear應(yīng)用視頻的影響，那種重要信息偏靠上不重要信息偏靠下的內(nèi)容處理方式，為我們的設(shè)計(jì)帶來(lái)了新的思考方向。

OooPlay音樂(lè)播放器App的設(shè)計(jì)開(kāi)發(fā)過(guò)程是一個(gè)不斷迭代優(yōu)化的過(guò)程。我們從用戶的角度出發(fā)，注重功能性和用戶體驗(yàn)的完美結(jié)合，打造出一款既簡(jiǎn)潔又實(shí)用的音樂(lè)播放器App。

一、音樂(lè)交互新體驗(yàn)

在數(shù)字化音樂(lè)的時(shí)代，我們可能需要一種全新的音樂(lè)交互方式。想象一下，一個(gè)音樂(lè)播放器，你可以通過(guò)簡(jiǎn)單的左右滑動(dòng)，就對(duì)歌曲進(jìn)行極致的個(gè)性化管理。這種體驗(yàn)，正是OooPlay極簡(jiǎn)音樂(lè)播放器所獨(dú)有的。

二、隨性的歌曲管理

你是否曾因?yàn)樾那椴患讯霑簳r(shí)避開(kāi)某些歌曲？在OooPlay中，右滑即可將這些歌曲置底，讓它們“遠(yuǎn)離”你的視線。相反，如果你喜歡某首歌或者想多了解某位歌手的作品，左滑即可將其置頂，方便隨時(shí)聆聽(tīng)。這樣的設(shè)計(jì)，既直觀又高效，讓音樂(lè)更貼合你的喜好。

三、功能設(shè)計(jì)亮點(diǎn)

OooPlay播放器最大的亮點(diǎn)在于其簡(jiǎn)潔而實(shí)用的設(shè)計(jì)。它摒棄了傳統(tǒng)的播放列表功能，將關(guān)注的歌手歌曲置頂，方便快速試聽(tīng)。沒(méi)有復(fù)雜的歌曲排序操作，避免誤操作。而且，全球用戶均可無(wú)障礙使用，無(wú)需額外的翻譯。

四、細(xì)節(jié)精心打磨

為了打造近乎完美的產(chǎn)品，OooPlay在細(xì)節(jié)上下了不少功夫。正在播放的歌曲右滑會(huì)停止播放并置底，左滑則保留在當(dāng)前位置。搜索歌手時(shí)，只有庫(kù)存歌曲數(shù)量較多的歌手才會(huì)顯示演唱者圖標(biāo)，避免搜索后失望。隨機(jī)播放算法也經(jīng)過(guò)特殊處理，避免重復(fù)播放你最近不想聽(tīng)的歌曲。誤操作也不必?fù)?dān)心，5秒內(nèi)按“上一首”可回到之前聽(tīng)的歌曲。

五、其他特色功能

雖然OooPlay播放器沒(méi)有提供歌詞顯示功能，但它有其他獨(dú)特之處。手機(jī)側(cè)鍵控制音量，無(wú)需在軟件界面上操作。聽(tīng)歌時(shí)無(wú)需進(jìn)度條控制，按住“下一首”即可快進(jìn)。而且，它只有一個(gè)主界面，全圖標(biāo)設(shè)計(jì)，無(wú)需翻譯即可全球發(fā)行。這樣的設(shè)計(jì)，讓音樂(lè)更加純粹，更加隨性。

OooPlay極簡(jiǎn)音樂(lè)播放器通過(guò)左右滑動(dòng)的方式，為你帶來(lái)全新的音樂(lè)體驗(yàn)。它注重細(xì)節(jié)，考慮周全，讓你在享受音樂(lè)的也能感受到設(shè)計(jì)的魅力。在這個(gè)數(shù)字化的時(shí)代，讓我們一起隨性地享受音樂(lè)吧！ 一、音樂(lè)同步與界面設(shè)計(jì)

音樂(lè)同步功能

當(dāng)你新同步了5首歌曲到手機(jī)內(nèi)，這些新歌會(huì)整齊地排列在原有歌曲列表的頂部。這樣的設(shè)計(jì)考慮是為了滿足用戶的即時(shí)需求——通常，新同步的歌曲都是用戶想要立刻聆聽(tīng)的。而原有的歌曲排序則會(huì)保持不變，確保用戶的個(gè)性化聽(tīng)歌體驗(yàn)不會(huì)因同步操作而引導(dǎo)亂。

啟動(dòng)界面與動(dòng)畫(huà)設(shè)計(jì)

從手機(jī)的啟動(dòng)畫(huà)面開(kāi)始，我們就致力于呈現(xiàn)連貫的動(dòng)畫(huà)銜接，讓每一層功能、每一個(gè)操作都清晰可辨。我們注重細(xì)節(jié)，力求為用戶提供流暢、直觀的操作體驗(yàn)。

夜間模式與多場(chǎng)景應(yīng)用

我們避免界面過(guò)于冗雜，不為了展示“關(guān)于”信息而單獨(dú)占用一個(gè)界面。相反，我們?cè)诮缑嬖O(shè)計(jì)中融入了夜間模式，為用戶在暗光環(huán)境下使用產(chǎn)品時(shí)提供舒適的視覺(jué)體驗(yàn)，同時(shí)也為用戶帶來(lái)額外的驚喜。

二、開(kāi)發(fā)歷程回顧

自2013年1月21日受到DailyCost的啟發(fā)，我們決定開(kāi)發(fā)一款音樂(lè)播放器類的產(chǎn)品。從最初的草圖設(shè)計(jì)到主原型界面的完成，再到找到應(yīng)用開(kāi)發(fā)者rexshi和界面設(shè)計(jì)師soioi，我們歷經(jīng)了春節(jié)的短暫休息后，于2013年3月回到北京，開(kāi)始全面進(jìn)入開(kāi)發(fā)階段。經(jīng)過(guò)一系列的開(kāi)發(fā)、測(cè)試、調(diào)整，最終在2013年6月成功推出OooPlay應(yīng)用，并迅速在付費(fèi)音樂(lè)榜上取得優(yōu)異成績(jī)。

三、手機(jī)應(yīng)用開(kāi)發(fā)方式

開(kāi)發(fā)方式介紹

手機(jī)APP的開(kāi)發(fā)可以通過(guò)以下三種主要方式進(jìn)行：

原生APP（Native App）

原生APP是使用特定移動(dòng)設(shè)備操作系統(tǒng)（如IOS、Android）的原生程序編寫(xiě)運(yùn)行的應(yīng)用程序。用戶可以通過(guò)應(yīng)用市場(chǎng)或應(yīng)用商店下載安裝。這種方式的APP性能優(yōu)越，但開(kāi)發(fā)針對(duì)不同操作系統(tǒng)需要不同的技術(shù)和資源。

Web App

Web App是一種為移動(dòng)設(shè)備提供特定功能的Internet應(yīng)用程序。它通常由HTML5網(wǎng)站和APP應(yīng)用客戶端兩部分構(gòu)成。數(shù)據(jù)通過(guò)移動(dòng)設(shè)備瀏覽器訪問(wèn)云端呈現(xiàn)給用戶。這種方式開(kāi)發(fā)的應(yīng)用具有跨平臺(tái)的優(yōu)勢(shì)。

SaaS+PaaS系統(tǒng)制作模式

對(duì)于沒(méi)有開(kāi)發(fā)團(tuán)隊(duì)或技術(shù)資源的企業(yè)，商領(lǐng)云的SaaS+PaaS系統(tǒng)提供了一個(gè)在線制作APP的解決方案。無(wú)需任何技術(shù)背景，即可在線制作iOS和Android應(yīng)用的APP、小程序、移動(dòng)網(wǎng)站和微商城。

四、音樂(lè)APP的備案問(wèn)題

備案與業(yè)務(wù)許可證

音樂(lè)APP是否需要備案或獲取業(yè)務(wù)許可證，主要取決于該APP的類別及其商業(yè)模式。

音樂(lè)類App作為眾多App類別之一，其開(kāi)發(fā)者是否需要申請(qǐng)相關(guān)的業(yè)務(wù)許可證完全取決于其商業(yè)模式。App Store中的App被劃分為多種類型，每種類型可能伴隨著不同的商業(yè)模式和監(jiān)管要求。開(kāi)發(fā)者在開(kāi)發(fā)音樂(lè)類App時(shí)，應(yīng)充分了解并遵守所在地區(qū)的法律法規(guī)，確保產(chǎn)品的合規(guī)性。常見(jiàn)App開(kāi)發(fā)所需許可證詳解：視頻、游戲及效率類App的資質(zhì)要求

一、視頻類App

想要開(kāi)發(fā)類似“搜狐視頻”這樣的視頻服務(wù)類App，我們需要關(guān)注一系列的許可證。SP證，即移動(dòng)信息服務(wù)業(yè)務(wù)經(jīng)營(yíng)許可證，是視頻類App不可或缺的一項(xiàng)資質(zhì)。為了提供網(wǎng)絡(luò)視頻服務(wù)，還需要獲取網(wǎng)絡(luò)文化經(jīng)營(yíng)許可證。值得注意的是，為了在互聯(lián)網(wǎng)上傳播視聽(tīng)節(jié)目，還需要獲得絡(luò)傳播視聽(tīng)節(jié)目許可證。這一許可證目前僅對(duì)國(guó)有企業(yè)或國(guó)有控股企業(yè)開(kāi)放，并且，開(kāi)發(fā)視頻類App的注冊(cè)資本不得低于人民幣2000萬(wàn)。

二、游戲類App

對(duì)于類似“刀塔傳奇”這樣的網(wǎng)絡(luò)游戲App，開(kāi)發(fā)者同樣需要關(guān)注許可證的問(wèn)題。除了前面提到的SP證和網(wǎng)絡(luò)文化經(jīng)營(yíng)許可證，還需要獲取互聯(lián)網(wǎng)出版許可證。如果開(kāi)發(fā)者打算自行開(kāi)發(fā)網(wǎng)絡(luò)游戲App并運(yùn)營(yíng)，那么這些許可證都是必須的。如果開(kāi)發(fā)者只是將開(kāi)發(fā)好的游戲App授權(quán)給有資質(zhì)的單位進(jìn)行運(yùn)營(yíng)，那么就不需要自行獲取這些業(yè)務(wù)許可證。

三、效率類App

對(duì)于像“印象筆記”、“Pages”，“Pendo”這樣的效率類App，情況則有所不同。這類App的開(kāi)發(fā)通常無(wú)需獲得SP證，開(kāi)發(fā)流程相對(duì)簡(jiǎn)便。在開(kāi)發(fā)過(guò)程中仍需要關(guān)注其他可能需要的資質(zhì)和許可，以確保App的合規(guī)性。

四、其他相關(guān)資質(zhì)

除了上述提到的許可證，開(kāi)發(fā)App時(shí)還需要考慮其他可能的資質(zhì)要求。例如，涉及到個(gè)人信息保護(hù)的App可能需要獲取個(gè)人信息保護(hù)認(rèn)證；涉及到特定行業(yè)或領(lǐng)域的App可能需要獲取相關(guān)行業(yè)或領(lǐng)域的專業(yè)資質(zhì)。

五、合規(guī)性建議

在開(kāi)發(fā)App的過(guò)程中，建議開(kāi)發(fā)者始終關(guān)注相關(guān)法規(guī)和政策的變化，以確保App的合規(guī)性。與相關(guān)部門保持溝通，及時(shí)了解許可證的申請(qǐng)流程和要求，有助于開(kāi)發(fā)者順利推進(jìn)開(kāi)發(fā)工作，避免因?yàn)橘Y質(zhì)問(wèn)題導(dǎo)致的不必要的風(fēng)險(xiǎn)。

不同類型的App開(kāi)發(fā)所需的許可證各不相同。開(kāi)發(fā)者在開(kāi)發(fā)過(guò)程中需要關(guān)注相關(guān)法規(guī)和政策，確保App的合規(guī)性，以便為用戶提供優(yōu)質(zhì)、安全的服務(wù)。