• 關於App情報誌

Logo

Navigation
  • 情報焦點
    • 新聞情報
    • 專題報導
    • 活動情報
    • ChinaJoy
    • WMGC
  • 限時免費
    • iOS 限免
    • Android 限免
    • WP 限免
  • 娛樂生活
    • Lets App
    • 街頭直擊
    • Fun 創作
  • 評測
    • 科技潮物
    • 軟體評測
    • 遊戲評測
    • 配件
  • 專欄
    • 名人專訪
    • 達人觀點
    • 實用技巧
  • iOS
    • iOS 新聞
    • iOS 軟體
    • iOS 遊戲
    • iOS 技巧
    • iOS 硬體週邊
  • Android
    • Android 新聞
    • Android 軟體
    • Android 遊戲
    • Android 技巧
  • WP
    • Windows Phone 新聞
    • Windows Phone 軟體
  • 影音
    • App Star
    • App Fun 影音
  • 遊戲
  • 情報誌
  • 投稿

大螢幕iPhone帶來了App設計的三種改變

By 雷鋒網 | on 2014-09-22 | 0 則留言
新聞情報 達人觀點

很長一段時間內,智慧手機產業區分都很明顯。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,對於手持設備手勢交互的探索,沒有比它更激進的。這之後的各種手機或者應用的手勢設計思路都像是在為它致敬!所以下一期小編會發一篇老文章,讓我們來回顧一下那個系統大戰還沒有定論的年代!

文章來源:Twig理想試驗田

本文章獲雷鋒網授權使用,原文連結請點此:leiphone

若喜歡我們的文章,不妨可以加入FB粉絲團和G+專頁,會更快的接收到我們新文章的消息喔!
FBG+

分享這篇文章:
  • tweet

標籤: AppiPhone 6ui設計多視窗大螢幕

最新文章

  • 今年暑假全台首次獨家引進,紐約科技互動APP探索營

    2014-05-27 - 0 則留言
  • 火狐推出搭載自家Firefox OS手機《Fx0》

    2014-12-24 - 0 則留言
  • 新型態拼圖益智卡牌RPG《三國大制霸》

    2014-12-24 - 0 則留言
  • 大打心理戰的公牌撲克遊戲 《博雅德州撲克》

    2014-12-24 - 0 則留言

相關文章

  • iOS上最強的繪畫APP《Procreate》推出iPhone版

    2014-12-22 - 0 則留言
  • 重新定義黑幫地位《黑幫衝突》朝新教父之路 邁進!

    2014-11-21 - 0 則留言
  • 令人感動的治愈系遊戲《el》

    2014-11-12 - 0 則留言

關於作者

雷鋒網

雷鋒網由一群移動互聯網的信徒建立,他們中有投資人,有觀察者,有產品經理,有資深玩家,還有創業者。我們將客觀敏鋭地記錄移動互聯網的每一天。

Comments are closed.
熱門關鍵字:限時免費App   App Star

隨時追蹤最新App情報

訂閱 Feedly

follow us in feedly

第一屆痞客邦金點賞

麥卡貝冬季超級聯賽

  • 今年暑假全台首次獨家引進,紐約科技互動APP探索營

    2014-05-27 - 0 則留言
  • 新功能,把FB上喜歡的文章存起來吧!

    2014-08-14 - 1 則留言
  • 萌寵卡牌《精靈契約》正式上線 ! 5000 組虛寶禮包好康大放送

    2011-12-17 - 0 則留言
  • 受保護的文章:【巨匠電腦】APP 開發課程,填表就抽電影票,報名再送 MacBook Air !

    2011-12-22 - 0 則留言
  • 乘著海嘯而來的App遊戲

    2012-10-13 - 0 則留言
  • 受保護的文章:全手勢爽滑操控!《暗夜血姬》事前登錄抽 iPhone6、PS4、遊戲虛寶+週邊

    2012-11-21 - 0 則留言
  • LINE全球用戶破2億

    2013-08-01 - 0 則留言
  • 用行動裝置看漫畫成趨勢

    2013-08-01 - 0 則留言
  • Android 4.3正式發表,新Nexus7 Chromecast令人驚艷

    2013-08-01 - 0 則留言

App情報誌

關於App情報誌

《APP情報誌》開放徵稿,歡迎投稿:[email protected]

評測合作、廣告宣傳、開箱文合作、媒體採訪,請洽:[email protected]


瞭解更多

隨時追蹤最新APP情報

熱門類別

‧ 情報焦點
‧ 限時免費
‧ 專欄
‧ 影音
‧ iOS
‧ Android
‧ Windows Phone
  • 關於App情報誌
  • 個資保護聲明
  • 聯絡App情報誌
© 2014. Appshooting Inc. All rights Reserved.