APP開發課程

錚／

巨匠電腦分享，大螢幕iPhone帶來了App設計的三種改變

很長一段時間內，智慧手機產業區分都很明顯。Apple堅守小螢幕不改變，與此同時Google的Android手機卻越來越大。但是隨著4.7吋的iPhone6和5.5吋的iPhone6 Plus的發佈，這種分別消失了。大時代全面降臨。

對於那些之前做得很出色的開發者來說，接下來的工作並不是簡單地把現有的小界面擴展到大螢幕上。在與行內優秀的UI設計師交談中，很明確的一點是由於螢幕區域已經擴展到超越拇指所及之處，這將極大的影響到一些方面，比如按鍵的配置，手勢，內容佈局。接下來就是在下一波App設計中要注意的：

1.控制區域移動至螢幕底部

目前，將那些常用的按鍵配置在螢幕的上角還是非常普遍。追溯至像Mac和Windows這樣的桌面系統，不論是Twitter還是Apple自己的照片應用，你會發現那些受歡迎的應用都是把所有功能放在頂部的Navigation bar。但是在大螢幕移動設備上，那個頂部的bar用我們的拇指太難觸及。

「我們在想很多Apps都會開始考慮將主要控件放在屏幕底部而不是上方或者右上角，」Mark Kawano闡釋道，他是前Apple設計師，目前主要針對一個iPhone的App—Storehouse，解決其在大屏iPhone上可能出現的問題。這個應用主要是為移動設備提供富媒體故事發佈平台。在這個應用中，Kawano的設計團隊並不是將每個功能放在固定的位置，而是在操作的時候根據不同 內容出現在底部的不同Navigation bars。

Kawano並不是唯一這麼思考的。Google的產品總監Luke Wroblewski指出Google的Material Design設計原則很好的支撐了Kawano的設計邏輯。Google中叫做「行動按鈕」的這麼個東西就在屏幕下方三分之一處，或者會在整個移動設備的 右下角（不過對於右手操作的人來說這需要蜷縮他們的手指去按按鈕了）。

但是Loren Brichter（因發明Twitter的下拉刷新手勢而廣為人知）則提醒說將控件移至底部並不總是最好的選擇。「底部UI是一種對於困難折中的結果。人 們從上到下閱讀，我發現許多人完全忽略屏幕底部的東西，」他說。「如果你能放在底部並令人注意，那也不失為一種好辦法。」

他補充道：「另一種方式可以解決問題，聽起來有點匪夷所思但值得嘗試，那就是界面簡化為的特定數量以捲軸形式翻閱的內容區域。這樣用戶就會將要閱讀的內容手動拖到拇指可操作的範圍，而不用另外設置的完全不直觀的所謂可達性手勢。」

2.用手勢取代按鍵

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

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

Mark Kawano指出，Apple的確在去年秋天公開的IOS7中加入了一個向右滑動後退的手勢，「可能他們已經知道更大的屏幕要來了。」 Storehouse這個應用就是聰明的借助Apple的設計趨勢：任何時候你在一個故事中，你可以向任何方向滑動退出。這在小螢幕上操作顯得精妙而且自由。但是在更大的螢幕上，Kawano覺得這就是必要而不是多餘的選項。

3.應用多功視窗

在手機上，無論橫豎螢幕，內容總是一個視窗的。一個窗口就全部塞滿訊息流。但是在iPad或者Android平板上，多功視窗模式則允許多個app在運行。

「為什麼不讓兩個拇指都動起來呢?」

Ashish Toshniwal，Y Media Labs的CEO（Y Media Labs為PayPal 和Amex製作AAA移動app）相信多功視窗將被用在app內，因為Apple在IOS8中支持了更多手勢，並且已經在超大的iPhone6 Plus中實現。自帶App比如Mail可以多功視窗使用，開發者們也會得到新的權限工具令其更加好用。目前，Apple的軟件套件允許開發者限定是否需要多功視窗，且多功視窗權限並不以iPad或者iPhone app分類，而是以螢幕大小來分類。並且他指出多功視窗就像剛被發掘出的客製化app的機會，能延伸出非常特殊的用戶需求。

「考慮到在免持模式下用GPS。iPhone6 Plus用戶可以利用多功視窗去運行他們的GPS，從而提供更好的全方位導航體驗，」他寫道。「舉個例子，在同一視窗模式下的，文字指示，切換路線，事故報告甚至音樂控制。」

Wroblewski 給我們看他之前BLOG上的內容，幾乎說道的都發生了。多功視窗模式是一個UI的機會，其簡單的人因工學原理口述都能表達清楚。當我們拿著筆記本或者一個「平板手機」在全景模式，你需要用兩隻手以保證設備平衡這不僅僅是一個大拇指的任務，而是兩個去完成UI的導航。為什麼不都給他們兩個點事情做做？

編譯者題外話：讀了這篇文章令小編想起了當初的N9+Meego，對於手持設備手勢交互的探索，沒有比它更激進的。這之後的各種手機或者應用的手勢設計思路都像是在為它致敬！所以下一期小編會發一篇老文章，讓我們來回顧一下那個系統大戰還沒有定論的年代！

巨匠電腦開設了手機APP設計課程，除了教你iPhone、Android的APP應用程式開發外，還有UI使用者介面設計等等，快來巨匠電腦輕鬆學！

文章與圖片出處: http://www.appshooting.com.tw/2014/09/leiphone0922/

【手機APP課程】巨匠電腦分享，檢視行動裝置的3D人機介面UI開發關鍵

【手機APP課程】巨匠電腦新資訊：蘋果手表App設計原則─少就是好

【手機APP課程】巨匠電腦：使用者介面設計的七個訣竅你知道嗎？

【手機APP課程】巨匠電腦告訴你Yahoo CEO Marissa Mayer的三大APP設計秘訣