追求簡單易用是人類的本性，《簡約至上》中提出了合理刪除、分層組織、適時(shí)隱藏和巧妙轉(zhuǎn)移這四個(gè)達(dá)成簡約的終極策略。對于功能性單一的產(chǎn)品做到簡潔化比較容易，但對于功能性較強(qiáng)的產(chǎn)品如要做到簡潔就是一個(gè)復(fù)雜的課題。

簡約不是一件簡單的事兒。真正的簡約是在保證和突出特征和個(gè)性情況下的簡約。是建立在一定情境下，對相應(yīng)對象而言的簡約。不同角色的用戶對產(chǎn)品的需求不同，相同角色的用戶在不同時(shí)期的需求也不同。但總體而言，他們想要的是“不要讓我想、不要讓我煩、不要讓我等”的產(chǎn)品。

來說說此次內(nèi)容的主體：音樂播放條。這里所指代的是在音樂APP上播放音樂時(shí)底部出現(xiàn)的矩形操作入口，用來“吊起”當(dāng)前正在播放的音樂，從而實(shí)現(xiàn)聽音樂的同時(shí)不影響瀏覽其他頁面，又可以隨時(shí)對音樂進(jìn)行控制。

通常他們具備這樣的特性：

1. 全局性：貫通整個(gè)APP幾乎所有的頁面中，無論你處在哪個(gè)層級，都可以隨時(shí)進(jìn)行歌曲操作。
2. 固定性：位置固定、樣式固定，不會受到頁面內(nèi)容的影響而改變。

形式上他們都是一個(gè)位于頁面底部的長條矩形；內(nèi)容上可以分為信息展示、功能操作兩個(gè)部分。

我選擇了5個(gè)常用的音樂APP，將他們包含的信息整理如下

圖表：播放條信息整理

整理后發(fā)現(xiàn)，平時(shí)習(xí)以為常使用的小模塊中間竟然包含了這么多內(nèi)容。所以說簡潔的產(chǎn)品不是本身有多簡單，而是要把設(shè)計(jì)做的簡單，讓用戶覺得簡單。

播放條雖是音樂APP千萬功能中不起眼的標(biāo)配模塊，但依然承載著產(chǎn)品的特性與戰(zhàn)略；因?yàn)樯儆械臋C(jī)會，設(shè)計(jì)過程才更需謹(jǐn)慎。接下來就讓我們一起看看小小的播放條又是如何貫徹設(shè)計(jì)四策略的。

刪除：Apple music

“去掉所有不必要的按鈕，直到減到不能夠再減為止”。

當(dāng)頁面/模塊面積有限，卻有大量候選功能時(shí)，我們要考慮的不是如何絞盡腦汁把它們硬塞進(jìn)去，而是想想：這些功能真的有必要嗎？用戶最期待的是那些功能？如果砍掉這個(gè)功能會影響產(chǎn)品使用嗎？

Apple music的主導(dǎo)航是位于底部的菜單欄，選擇播放條的形式就意味著頁面下方會被兩條矩形所占據(jù)，小屏幕時(shí)更是將用來顯示信息的區(qū)域擠壓到可憐。盡可能壓縮播放條的面積更像是一個(gè)不得已之舉。

刪除法的關(guān)鍵在于要刪什么，這就牽涉到如何確定核心功能?？梢钥吹紸pple music沒有展示任何圖片相關(guān)的信息，只保留了針對當(dāng)前媒體的基本功能操作，其他統(tǒng)統(tǒng)被舍棄。

組織：You Tube music

“按照有意義的標(biāo)準(zhǔn)將功能進(jìn)行整合劃分”

YT Music采用音/視頻切換的播放模式，將圖像信息與播放條完美的組織在了一起，播放條更像是一個(gè)縮略版的播放界面。與其他家的放置封面圖片相比，算的上眼前一亮的突破。

在對播放條畫面的截取上YT Music也做了細(xì)心的處理。通常構(gòu)圖時(shí)人的視覺重心會在畫紙物理中心偏上的地方，因?yàn)檫@樣更符合人在觀察事物時(shí)視覺中心的平衡點(diǎn)。從拍攝畫面來說，這個(gè)區(qū)域也最有可能出現(xiàn)頭部、臉部或重點(diǎn)要素。YT Music選擇中間偏上的區(qū)域用來顯示在播放條上，能最大程度的展示關(guān)鍵信息。

格式塔原則中指出：當(dāng)構(gòu)圖中各個(gè)視覺單元具有共同的特征時(shí)，它們就顯示出一種視覺歸類的趨向，這種視覺簡化法也稱為相似歸類。在界面設(shè)計(jì)時(shí)此原則依然受用，將存在共同特性的功能、信息組合在一起，選擇合適的方法將它們打包，從而實(shí)現(xiàn)簡化使用操作的效果。

隱藏：QQ音樂

“將那些不是最重要的功能放在舞臺之下，避免分散用戶注意力?”

QQ音樂的播放條看起來很簡潔，除了左邊的音樂信息外，右側(cè)就放了兩個(gè)按鈕，但他卻是五個(gè)APP中唯一擁有“上一首”功能的。針對此操作QQ音樂并沒有給以實(shí)際的按鈕，而是將它們隱藏，通過左右滑動實(shí)現(xiàn)歌曲前后切換。

隱藏不等于不可見，QQ音樂選擇了動效這一常見的方法來引導(dǎo)用戶。當(dāng)音樂播放完畢進(jìn)入下一首時(shí)，播放條上音樂的信息就會向左滑動并由新的音樂所替代。以此來傳達(dá)播放條在X軸維度上依然存在操作，整個(gè)引導(dǎo)過程簡單流暢。

隱藏在常用功能之下，利用提示和線索讓功能容易被找到。隱藏法保證了產(chǎn)品的簡潔，而又不會使功能有所缺失，每個(gè)功能都如同被隱藏的寶石，等待你慢慢的發(fā)現(xiàn)體會。

轉(zhuǎn)移：酷狗音樂

“保留基本信息，將剩余轉(zhuǎn)移到其他地方”

將一些不常用或者信息量很大的元素轉(zhuǎn)移到其他地方顯示。

酷狗的特點(diǎn)是可以在播放條上調(diào)整歌曲進(jìn)度，如果只是單單在進(jìn)度條上多了個(gè)手柄當(dāng)然沒啥好講的，模糊調(diào)整對歌曲而言并沒有太大的意義?？峁返淖龇ㄊ?，拖動手柄過程中會在播放條的上方出現(xiàn)對應(yīng)的歌詞模塊。通過將臨時(shí)信息轉(zhuǎn)移擴(kuò)展到主體以外的區(qū)域，實(shí)現(xiàn)了用戶精細(xì)操作，又保證了播放條的簡潔。

其實(shí)做設(shè)計(jì)就像是整理房間，閑置多余的扔掉、相同類型的放在一起、不常用的儲藏起來、放不下的轉(zhuǎn)移到其他地方……

對于功能性單一的產(chǎn)品做到簡潔化比較容易，但對于功能性較強(qiáng)的產(chǎn)品如要做到簡潔就是一個(gè)復(fù)雜的課題。

清晰的設(shè)計(jì)邏輯是簡潔的前提，只有產(chǎn)品的設(shè)計(jì)簡潔、清爽了，用戶才會用、愛用。

本文由網(wǎng)易云音樂交互設(shè)計(jì)師 @任軼（微信公眾號：臭臉任的慢生活） 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。