很長(zhǎng)一段時(shí)間內(nèi)，智能手機(jī)產(chǎn)業(yè)區(qū)分都很明顯。Apple堅(jiān)守小屏幕不改變，與此同時(shí)Google的安卓手機(jī)卻越來越大。但是隨著4.7英寸的iPhone6和5.5英寸的iPhone6 Plus的發(fā)布，這種分別消失了。大時(shí)代全面降臨。

對(duì)于那些之前做得很出色的開發(fā)者來說，接下來的工作并不是簡(jiǎn)單地把現(xiàn)有的小界面擴(kuò)展到大屏幕上。在與行內(nèi)優(yōu)秀的UI設(shè)計(jì)師交談中，很明確的一點(diǎn)是由于屏幕區(qū)域已經(jīng)擴(kuò)展到超越拇指所及之處，這將極大的影響到一些方面，比如按鍵的排布，手勢(shì)，內(nèi)容布局。接下來就是在下一波App設(shè)計(jì)中要注意的：

1.控制區(qū)域移動(dòng)至屏幕底部

目前，將那些常用的按鍵排布在屏幕的上角還是非常普遍。追溯至像Mac和Windows這樣的桌面系統(tǒng)，不論是Twitter還是Apple自己的照片應(yīng)用，你會(huì)發(fā)現(xiàn)那些受歡迎的應(yīng)用都是把所有功能放在頂部的Navigation bar。但是在大屏幕移動(dòng)設(shè)備上，那個(gè)頂部的bar用我們的拇指太難觸及。

“我們?cè)谙牒芏郃pps都會(huì)開始考慮將主要控件放在屏幕底部而不是上方或者右上角，”Mark Kawano闡釋道，他是前Apple設(shè)計(jì)師，目前主要針對(duì)一個(gè)iPhone的App—Storehouse，解決其在大屏iPhone上可能出現(xiàn)的問題。這個(gè)應(yīng)用主要是為移動(dòng)設(shè)備提供富媒體故事發(fā)布平臺(tái)。在這個(gè)應(yīng)用中，Kawano的設(shè)計(jì)團(tuán)隊(duì)并不是將每個(gè)功能放在固定的位置，而是在操作的時(shí)候根據(jù)不同內(nèi)容出現(xiàn)在底部的不同Navigation bars。

Kawano并不是唯一這么思考的。Google的產(chǎn)品總監(jiān)Luke Wroblewski指出Google的Material Design設(shè)計(jì)原則很好的支撐了Kawano的設(shè)計(jì)邏輯。Google中叫做“行動(dòng)按鈕”的這么個(gè)東西就在屏幕下方三分之一處，或者會(huì)在整個(gè)移動(dòng)設(shè)備的右下角（不過對(duì)于右手操作的人來說這需要蜷縮他們的手指去按按鈕了）。

但是Loren Brichter（因發(fā)明Twitter的下拉刷新手勢(shì)而廣為人知）則提醒說將控件移至底部并不總是最好的選擇?！暗撞縐I是一種對(duì)于困難折中的結(jié)果。人們從上到下閱讀，我發(fā)現(xiàn)許多人完全忽略屏幕底部的東西，”他說?！叭绻隳芊旁诘撞坎⒘钊俗⒁?，那也不失為一種好辦法?！?/p>

他補(bǔ)充道：“另一種方式可以解決問題，聽起來有點(diǎn)匪夷所思但值得嘗試，那就是界面簡(jiǎn)化為的特定數(shù)量以卷軸形式翻閱的內(nèi)容區(qū)域。這樣用戶就會(huì)將要閱讀的內(nèi)容手動(dòng)拖到拇指可操作的范圍，而不用另外設(shè)置的完全不直觀的所謂可達(dá)性手勢(shì)?！?/p>

2.用手勢(shì)取代按鍵

按鈕設(shè)計(jì)在屏幕底部是一個(gè)好的選擇，但并不是最好的選擇。并且有一個(gè)一定會(huì)受歡迎的解決方案讓人們知道該怎么操作，不論是五寸還是50寸。那就是手勢(shì)—或者更具體的說，輕輕一劃。

不久之前，Brichter 抱怨說UI設(shè)計(jì)師并沒有積極的將我們的手指滑動(dòng)這一手勢(shì)利用充分。各種菜單及功能鍵都可以通過設(shè)計(jì)手勢(shì)來隱藏。以至于我們處在一個(gè)所有屏幕上端都是無用按鍵的階段，設(shè)計(jì)師沒有很強(qiáng)的動(dòng)機(jī)去重新思考手勢(shì)的作用。

Mark Kawano指出，Apple的確在去年秋天公開的IOS7中加入了一個(gè)向右滑動(dòng)后退的手勢(shì)，“可能他們已經(jīng)知道更大的屏幕要來了。” Storehouse這個(gè)應(yīng)用就是聰明的借助Apple的設(shè)計(jì)趨勢(shì)：任何時(shí)候你在一個(gè)故事中，你可以向任何方向滑動(dòng)退出。這在小屏幕上操作顯得精妙而且自由。但是在更大的屏幕上，Kawano覺得這就是必要而不是多余的選項(xiàng)。

3.應(yīng)用內(nèi)分屏

在手機(jī)上，無論橫豎屏，內(nèi)容總是一個(gè)窗格的。一個(gè)窗口就全部塞滿信息流。但是在iPad或者安卓平板上，分屏模式則允許多個(gè)app在運(yùn)行。

“為什么不讓兩個(gè)拇指都動(dòng)起來呢?”

Ashish Toshniwal，Y Media Labs的CEO（Y Media Labs為Paypal 和Amex制作AAA移動(dòng)app）相信分屏將被用在app內(nèi)，因?yàn)锳pple在IOS8中支持了更多手勢(shì)，并且已經(jīng)在超大的iPhone6 Plus中實(shí)現(xiàn)。自帶App比如Mail可以分屏使用，開發(fā)者們也會(huì)得到新的權(quán)限工具令其更加好用。目前，Apple的軟件套件允許開發(fā)者限定是否需要分屏，且分屏權(quán)限并不以iPad或者iPhone app分類，而是以屏幕大小來分類。并且他指出分屏就像剛被發(fā)掘出的定制化app的機(jī)會(huì)，能延伸出非常特殊的用戶需求。

“考慮到在免提模式下用GPS。iPhone6 Plus用戶可以利用分屏去運(yùn)行他們的GPS，從而提供更好的全方位導(dǎo)航體驗(yàn)，”他寫道?！芭e個(gè)例子，在同一視窗模式下的，文字指示，切換路線，事故報(bào)告甚至音樂控制。”

Wroblewski給我們看他之前博客上的內(nèi)容，幾乎說道的都發(fā)生了。分屏模式是一個(gè)UI的機(jī)會(huì)，其簡(jiǎn)單的人因工學(xué)原理口述都能表達(dá)清楚。當(dāng)我們拿著筆記本或者一個(gè)“平板手機(jī)”在全景模式，你需要用兩只手以保證設(shè)備平橫。這不僅僅是一個(gè)大拇指的任務(wù)，而是兩個(gè)去完成UI的導(dǎo)航。為什么不都給他們兩個(gè)點(diǎn)事情做做？

編譯者題外話：讀了這篇文章令小編想起了當(dāng)初的N9+Meego，對(duì)于手持設(shè)備手勢(shì)交互的探索，沒有比它更激進(jìn)的。這之后的各種手機(jī)或者應(yīng)用的手勢(shì)設(shè)計(jì)思路都像是在為它致敬！所以下一期小編會(huì)發(fā)一篇老文章，讓我們來回顧一下那個(gè)系統(tǒng)大戰(zhàn)還沒有定論的年代！

文章來源：Twig理想試驗(yàn)田

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。