當(dāng)我們的APP版本不停的在更新迭代的過程當(dāng)中，多多少少會進(jìn)行一些刪除與新增。重新進(jìn)行APP設(shè)計(jì)是一項(xiàng)必不可少的一個(gè)部分，特別對于移動APP產(chǎn)品經(jīng)理和APP設(shè)計(jì)師來說，又是一次學(xué)習(xí)的過程。

今天我們來看看騰訊UED大神教你如何進(jìn)行APP設(shè)計(jì)整合與分拆。

一、整合

俗話說要想瘦，先學(xué)吃。 ??現(xiàn)實(shí)中，大部分的App還是在不斷地添加著新功能。如何更合理地添加功能，使App胖得有節(jié)操，是消腫的第一步。

1. 擴(kuò)充導(dǎo)航

通過擴(kuò)展菜單或?qū)Ш?，加入新的功能模塊，是一個(gè)非常有效地添加新功能的模式。

如Path在3.0改版時(shí)，增加了了表情商店功能，在側(cè)滑導(dǎo)航中添加一個(gè)新項(xiàng)就搞定了!

側(cè)滑導(dǎo)航現(xiàn)在越來越常見，一個(gè)重要原因就是因?yàn)樗浞掷昧似聊坏目v向高度，具有良好的擴(kuò)展性。

Acompli是一款郵箱App，如果你通過手機(jī)收發(fā)Exchange郵件的話，那它絕對值得一試。

這里只看它的架構(gòu)，和系統(tǒng)默認(rèn)Mail App相比，Acompli用Tab的形式，把日歷，文檔，聯(lián)系人都整合到一個(gè)App里。尤其是郵件、日程、待辦的整合，對于郵箱重度用戶來說，不得不說是相當(dāng)高效的設(shè)計(jì)。不過即使整合地再合理，Acompli整體感覺還是會稍微偏重，取舍就看個(gè)人了。

2. Dashboard式的首頁

該模式下，更適合有多個(gè)獨(dú)立子功能模塊的App。比較典型的案例，照片處理類產(chǎn)品，如美圖秀秀，百度魔圖，天天P圖等。Dashboard模式的優(yōu)點(diǎn)是擴(kuò)展性強(qiáng)，缺點(diǎn)是各模塊相互分裂。如Line Tools這款A(yù)pp，本身就是各種小工具的集合，相互之間沒有關(guān)聯(lián)，就非常適合Dashboard模式。

3. 增加流程分支

在一些線性操作的App中，功能整合很可能發(fā)生在支線節(jié)點(diǎn)上。如Instagram為了進(jìn)軍微視頻領(lǐng)域，而整合的視頻功能。在拍照這里給了一個(gè)分支入口，進(jìn)入視頻拍攝模式。

二、插件

解決App臃腫，不得不提的就是插件化設(shè)計(jì)，試以微信舉例。

微信在集成了聊天，交友，社交媒體，生活服務(wù)，社交網(wǎng)絡(luò)，表情平臺，游戲商店如此龐雜的功能的情況下，安裝包不過30M出頭，很大程度上依賴于插件化的設(shè)計(jì)思想。

1. 界面框架

微信早期就搭了一個(gè)非常有利擴(kuò)展的界面框架。這使得微信那么多版本，不斷增加新功能，但每次新版看起來都變化不大，總是熟悉的4個(gè)Tab。每個(gè)Tab就像一塊主板，功能像內(nèi)存一樣插在上面。

2. 外部插件

相比內(nèi)部插件，外部插件的耦合度更低，但是功能更強(qiáng)大。如微信在聊天窗口中，點(diǎn)擊加號>應(yīng)用，可以將其他應(yīng)用的內(nèi)容發(fā)送給好友。

3. 功能可配置

微信相當(dāng)一部分功能可配置，非常靈活，比如漂流瓶功能，不用的話就可以關(guān)閉。還有些功能，當(dāng)你不用到的時(shí)候是不可見的，如公眾號。功能可配置+無感化，使得微信在這么大的體量下，依然可以保持相對簡單。

三、分拆

插件化是非常好的思路，但并非每個(gè)App都如微信這般，要往平臺化方向發(fā)展。最近很多國外的App拆分，也是應(yīng)對功能App臃腫的好方法。如foursquare一拆為二，把簽到功能單獨(dú)孵化成Swarm App。Facebook動作就更大了，拆分Messenger，試水Paper，下架Poke。App分拆之后，F(xiàn)acebook不用小心顧忌影響主App，可以大刀闊斧的迭代和試錯。Google Drive拆分文檔和表格應(yīng)用，也是一例。

App拆分的好處是，單個(gè)App可以更聚焦，擁有更良好的用戶體驗(yàn)。

一個(gè)更具代表性的例子或許是Line了?；贚ine本身的成功，Line公司推出了一系列App，可以稱之為App矩陣。各App功能獨(dú)立，但在品牌上保持了高度的一致性。通過品牌和Avatar帶來的強(qiáng)大影響力，App矩陣進(jìn)一步增強(qiáng)用戶黏性，并非常成功地輻射到周邊產(chǎn)品。

四、拉動

我非常欣賞Facebook、Google對App的殺伐決斷。

但是App分拆確實(shí)也會帶來一些問題：新App需要從0開始積累用戶。

而通過已有App去拉動新App的量，是最簡單直接地方式。

下面來看看拉動有哪些做法。

1. 廣告

InstaFood是一款給照片添加美食信息的App。

左下是它的主界面。通過Drawer切換到What’s new界面時(shí)，InstaFood會推送一些廣告，比如下圖這幾個(gè)妹子自拍，推薦用戶下載他家另一款A(yù)pp Selfiegram。

2. 入口

Line Camera的最后一個(gè)Icon，Pick?？雌饋砗推渌鹖con類似，是一個(gè)功能入口，實(shí)際上Pick是Line的另一款獨(dú)立App。點(diǎn)擊這個(gè)icon之后，會跳轉(zhuǎn)到Pick的產(chǎn)品介紹頁。

3. 產(chǎn)品列表

產(chǎn)品列表模式的應(yīng)用，更多見于系列App上。如Tapbots這家我很喜歡的公司，他們的設(shè)計(jì)自成一格，有一批固定粉絲。在App的關(guān)于界面，列出了Tapbots的所有產(chǎn)品列表，引導(dǎo)腦殘粉去購買其他幾款A(yù)pp。

4. 應(yīng)用推薦

另一類做法更討巧些，在App中內(nèi)置應(yīng)用推薦模塊，如手機(jī)管家Android版。推薦優(yōu)質(zhì)App的同時(shí)，當(dāng)然舉賢也不能不避親，順便拉動自己公司的其他App：)

五、打通

App間的拉動，更多見于功能獨(dú)立的App之間。

對于一些功能耦合度較高的App來說，App間的打通是非常重要的設(shè)計(jì)點(diǎn)。

1. 插件式打通

插件式的打通，比如在Line中調(diào)起Line Camera，在Line Camera中完成任務(wù)后，帶著結(jié)果返回到Line。調(diào)用的只是Line Camera功能的局部，始于拍照界面，終于分享界面，是一個(gè)封閉的流程。設(shè)計(jì)師需要關(guān)注的重點(diǎn)是，起點(diǎn)和終點(diǎn)兩個(gè)體驗(yàn)銜接的地方，以及過程中的分支差異化處理，以保證流程的封閉性。

2. App間打通

點(diǎn)擊Facebook的Tab bar上的Messenger按鈕，就會直接跳轉(zhuǎn)到Messenger App。不同于插件式打通，這里并不是一個(gè)封閉流程，Messenger的所有功能可用。而在Messenger App中，全局的頭部高亮區(qū)域，可以回到Facebook App，體驗(yàn)非常精準(zhǔn)而流暢。這里Messenger App頭部的全局返回是一個(gè)亮點(diǎn)，跨Tab全局一致，在單獨(dú)打開Messenger App時(shí)不可見，不會影響到Messenger單獨(dú)使用時(shí)的體驗(yàn)。

打通的做法目前還不多見。在系統(tǒng)App中，如iOS通訊錄，電話，短信，F(xiàn)acetime中也有體現(xiàn)。但隨著App分拆變多之后，多個(gè)App之間的協(xié)同設(shè)計(jì)，應(yīng)該引起設(shè)計(jì)師關(guān)注。

APP設(shè)計(jì)總結(jié)：

對于增肥中的App，我們需要更有規(guī)劃地整合新功能。對于過于臃腫的App，通過合理地插件化/分拆，App間的拉動/打通，才能在小而美和功能復(fù)雜性之間找到平衡點(diǎn)。