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

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

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

　　在影視作品中，場(chǎng)景與場(chǎng)景之間的過(guò)渡，叫做轉(zhuǎn)場(chǎng)。為了使內(nèi)容的條理性更強(qiáng)、層次的發(fā)展更清晰、在場(chǎng)面與場(chǎng)面之間的轉(zhuǎn)換中，需要一定的手法。APP傳統(tǒng)的滑動(dòng)、翻頁(yè)、水平翻轉(zhuǎn)轉(zhuǎn)場(chǎng)設(shè)計(jì)，能夠給用戶過(guò)渡切換時(shí)很好的視覺(jué)引導(dǎo)。此外，對(duì)于APP而言，最重要的不是轉(zhuǎn)場(chǎng)的過(guò)程，而是如何在場(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)的等待問(wèn)題

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

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

#p#

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

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

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

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

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

　　通過(guò)手勢(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)用軟件來(lái)說(shuō)，在次級(jí)頁(yè)面有個(gè)固定的位置擺放全局導(dǎo)航，不免有點(diǎn)影響其它操作任務(wù)，愛(ài)看給出了解決問(wèn)題的一個(gè)很好思路，可以放置于左側(cè)，通過(guò)向右滑屏展開(kāi)，既不影響子頁(yè)面的操作任務(wù)，又能夠解決全局導(dǎo)航問(wèn)題。

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

　#p#

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

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

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

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

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

#p#

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

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

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

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