作為一個(gè)剛?cè)胄械慕换タ啾婆?，最煩惱的事情是如何解決“iPhone原生的界面控件無法滿足產(chǎn)品日益增長的功能需要”這個(gè)大矛盾。一方面，如果保守地采用傳統(tǒng)的iPhone控件，不能給產(chǎn)品帶來太多的創(chuàng)新價(jià)值；另一方面，如果過于突破，又害怕不能通過APP Store的審核，開發(fā)同學(xué)辛苦之后卻竹籃打水一場(chǎng)空。糾結(jié)通過的時(shí)候，看到APP Store上有一些創(chuàng)新的設(shè)計(jì)，并從中獲得啟發(fā)的時(shí)候就特別開心。這里分享一些特別有新意的APP，看看它們是怎么突破傳統(tǒng)的，為自己以后的工作做點(diǎn)積累，為以后各個(gè)功能模塊的設(shè)計(jì)提供點(diǎn)靈感和解決方案。

在開始分享前，先介紹一下APP Store審核機(jī)制中與界面相關(guān)的條款。

一、 順暢的返回及導(dǎo)航設(shè)計(jì)

在影視作品中，場(chǎng)景與場(chǎng)景之間的過渡，叫做轉(zhuǎn)場(chǎng)。為了使內(nèi)容的條理性更強(qiáng)、層次的發(fā)展更清晰、在場(chǎng)面與場(chǎng)面之間的轉(zhuǎn)換中，需要一定的手法。APP傳統(tǒng)的滑動(dòng)、翻頁、水平翻轉(zhuǎn)轉(zhuǎn)場(chǎng)設(shè)計(jì)，能夠給用戶過渡切換時(shí)很好的視覺引導(dǎo)。此外，對(duì)于APP而言，最重要的不是轉(zhuǎn)場(chǎng)的過程，而是如何在場(chǎng)景中的往返，導(dǎo)航切換。明晰的信息架構(gòu)、便捷導(dǎo)航、一目了然內(nèi)容分類，簡(jiǎn)短而不焦慮的轉(zhuǎn)場(chǎng)時(shí)間，才是優(yōu)秀軟件所需要具備的品質(zhì)。

（一）從界面切換時(shí)的設(shè)計(jì)解決轉(zhuǎn)場(chǎng)的等待問題

Favorite TV立方體翻轉(zhuǎn)的設(shè)計(jì)很有新意，在等待過程中除了“轉(zhuǎn)菊花”和“咖啡杯”，其實(shí)我們還可以找出更好的解決方案。

JS對(duì)等待進(jìn)度的設(shè)計(jì)，讓人對(duì)“返回鍵”另眼相看。 轉(zhuǎn)菊花”的位置，返回鍵的設(shè)計(jì)除了在外形上有突破外，在功能承載上的突破也是可以借鑒參考的方向。另外，JS對(duì)導(dǎo)航的設(shè)計(jì)也很特別，本來傳統(tǒng)的居于界面底端的tab導(dǎo)航欄，可以由一行變成兩行，這樣減少了一級(jí)界面的跳轉(zhuǎn)。

（二）從快捷的返回鍵解決轉(zhuǎn)場(chǎng)的頁面切換問題

轉(zhuǎn)場(chǎng)過程中的等待會(huì)造出用戶焦慮，進(jìn)而造出用戶流失。復(fù)雜層級(jí)的應(yīng)用軟件，如果“返回鍵”的功能設(shè)計(jì)不好也一樣會(huì)造出用戶在返回過程中的焦慮，導(dǎo)致用戶流失。

對(duì)于層級(jí)復(fù)雜的軟件，傳統(tǒng)的返回鍵安裝到底是返回上一次操作的頁面（back），還是返回上一層級(jí)（up）？有沒有兩全其美的方法，做到深度和廣度的平衡。個(gè)人感覺下面的軟件是給出了許多不錯(cuò)的解決方案。

（1）在標(biāo)題欄設(shè)置“返回”按鈕

（2）在界面底部設(shè)置多個(gè)狀態(tài)的返回按鈕

（3）通過手勢(shì)實(shí)現(xiàn)返回操作

（三）從合理的導(dǎo)航設(shè)計(jì)避免轉(zhuǎn)場(chǎng)

任何時(shí)候有一個(gè)全局的導(dǎo)航條，能夠快捷導(dǎo)航是一個(gè)設(shè)計(jì)理想。但是對(duì)于有第三第四第五層級(jí)的應(yīng)用軟件來說，在次級(jí)頁面有個(gè)固定的位置擺放全局導(dǎo)航，不免有點(diǎn)影響其它操作任務(wù)，愛看給出了解決問題的一個(gè)很好思路，可以放置于左側(cè)，通過向右滑屏展開，既不影響子頁面的操作任務(wù)，又能夠解決全局導(dǎo)航問題。

對(duì)于一個(gè)界面分為兩個(gè)TAB的設(shè)計(jì)有時(shí)的確讓人困惑，UNIQLOOKS在次級(jí)導(dǎo)航的設(shè)計(jì)很有新意，但是前提是次級(jí)導(dǎo)航并不是那么的重要，且用戶不會(huì)平凡切換。

二、 輕巧的移位與重疊設(shè)計(jì)

交互有一個(gè)可怕的定律叫“漏斗法則”，意思是盡量減少操作步驟和界面跳轉(zhuǎn)，每增加一個(gè)操作步驟或者界面切換，就有可能流失10％的用戶。位移與信息疊加的設(shè)計(jì)模式，在不跳轉(zhuǎn)的情況下，通過內(nèi)容移位，能夠合理展示更多的信息，扁平化信息架構(gòu)，在操作者產(chǎn)生交互的地方，就近通過這種方式就完成了輕便的操作。Path、with/、myPANTONE便是通過內(nèi)容移位與信息疊加的模式來展示信息的比較有趣的軟件。

Path位移的動(dòng)畫一直都很順暢，這是Path體驗(yàn)很棒的地方。

With/的層疊設(shè)計(jì)和透明效果，讓人對(duì)界面信息的排布重新思考。

myPANTONE，很成功的地方在于所有的核心功能操作在一個(gè)頁面既可以完成。除了采用內(nèi)容位移的設(shè)計(jì)，界面的合理分層也是避免轉(zhuǎn)場(chǎng)的一個(gè)有效手段。

三、 風(fēng)度的隱藏設(shè)計(jì)

手機(jī)的界面有限，對(duì)不影響界面內(nèi)容的控件，悄悄的幫助用戶隱藏，無疑是一個(gè)很貼心的操作。這里覺得知乎和PIICTU的導(dǎo)航欄的隱藏設(shè)計(jì)給自己很好的體驗(yàn)。

另外Recipe Library的搜索框隱藏，就挺有風(fēng)度的，并且繼續(xù)上移展示軟件名稱的設(shè)計(jì)，能夠很好的提升自己的品牌感知。

總而言之，不要因?yàn)樘O果的用戶規(guī)范就對(duì)自己過于的約束，優(yōu)秀軟件必定帶有一定的創(chuàng)新性，清晰的導(dǎo)航，快捷的返回，短暫的等待頁面，是每個(gè)優(yōu)秀軟件應(yīng)該具備的品質(zhì)，我們是為了保障這些品質(zhì)而作設(shè)計(jì)，而非為了遵循規(guī)范而設(shè)計(jì)。要不然那便不是設(shè)計(jì)，而是標(biāo)準(zhǔn)化生產(chǎn)了。

作者：肖志婕

原文鏈接：http://www.xiaozhijie.com/blog/122/649073.html