Android那些事兒:Android Pad交互特性

0 評論 12562 瀏覽 15 收藏 10 分鐘

Android Pad 和Phone一樣都存在多尺寸問題。對于Pad,更揪心的是屏幕比例和尺寸的多樣性,這些因素直接影響著UI的表現(xiàn)方式。比較困惑的是我們的如何設(shè)計一個兼顧各種屏幕尺寸,分辨率,比例和方向的Android Pad應(yīng)用。為此我們質(zhì)問自己Android Pad 和Phone有什么差別?Android Pad 和iPad有什么區(qū)別?

現(xiàn)在很難找個能代表Android Pad的產(chǎn)品(不確定的尺寸,按鈕位置,數(shù)量),在此僅以下圖表示神秘莫測的Android Pad。

神秘多變的Android Pad

第一個問題:Pad怎么就成了Pad?在此我總結(jié)了Pad和Phone的區(qū)別:

Pad Phone
尺寸 5寸-10寸 2寸-5寸
應(yīng)用場景 家,辦公環(huán)境中用于娛樂,演示 有連續(xù)長時間沉浸式的流暢體驗 放在口袋中,隨身攜帶 時間上更碎片化。
交互方式 觸摸屏幕,點擊,拖拽。 觸摸屏幕,點擊,拖拽。
手持方式 一般雙手握持,可雙手操作 另外借助膝蓋,也叫l(wèi)aptop。 左手握持,右手操作較多 單手操作的情況較多。 可以說就是在手掌中的。
操作時間 較長,半小時以上 操作時間短,大多在3分鐘以下, 操作頻率高。
顯示方向 大多兼顧水平和豎直方向 大多是豎直方向
信息展示層級 頁面+彈出菜單的結(jié)構(gòu)。 較少的全頁面切換,局部信息切換 Screen + popup box 頁面到頁面的切換 Screen to screen,頁面到另一頁面的切換
內(nèi)容 足夠的空間展示更多的內(nèi)容和功能。內(nèi)容和功能的外顯更多。 空間有限,一些功能,內(nèi)容巧妙的隱藏, 比如內(nèi)容通過下級頁面來拼接。 功能放在menu中,或者情景菜單中隱藏。保持頁面更多地展示內(nèi)容。

外媒評價的10大android pad??http://www.cnbeta.com/articles/131157.htm

型號 尺寸 分辨率 物理按鍵數(shù)量及位置
Advent Vega 10 1024×600 1個位于寬側(cè)正中
Archos 70 7 800×480 4個位于窄側(cè)右
Archos 101 10 1024×600 4個位于窄側(cè)右
Asus Eee pad 10/12 不詳 不詳
Dell Streak 5 800×480 3個位于窄側(cè)右
Elonex eTouch 10 1024×600 1個位于窄側(cè)右
Notion Ink Adam 10 1024×600 不明
Samsung Galaxy Tab 7 1024×600 4個位于窄側(cè)下
Toshiba Folio 100 10 1024×600 4個位于窄側(cè)右
Viewsonic Viewpad 10 10 1024×600 3個位于窄側(cè)右

另外眾多國內(nèi)品牌下的Android Pad 都在7寸到8寸,分辨率在800×480占絕大多數(shù)。物理按鍵各有不同。

目前多數(shù)Android Pad 都運行的是用于手機的系統(tǒng)版本。

尺寸 基本分為3個尺寸,5寸(dell streak),7寸(多),10寸(多)。
屏幕分辨率 800×480和1024×600的居多。
屏幕比例 16:10,17:10,都不是傳統(tǒng)的4:3的比例,這和iPad比較大的區(qū)別。
物理按鍵數(shù)量和位置
    1. 類似iPad的單主屏鍵,位于窄側(cè)的正中
    2. Android Pad的多按鈕,位于窄側(cè)靠上位置
    3. aigo Pad e700按鈕分別放置在窄的兩側(cè)。

總的趨勢:數(shù)量有1個的,3個的,4個的,但絕大多數(shù)都放置在屏幕窄的一側(cè),很少把物理按鍵分散放置的。

屏幕默認(rèn)方向 水平方向的居多,僅三星為代表的7寸屏默認(rèn)豎直方向。

 

注意:以下的布局方案基于Android 1.5到2.2系統(tǒng)下,不一定適于Android3.0

  • Design for 寬屏
  • Design for 水平方向:視不同應(yīng)用考慮不同的默認(rèn)方向,寬屏的豎直方向難以讓人接受。
  • Design for 雙手持雙手操作和單右手持右手操作

鑒于眾多的寬屏終端,在信息布局上可以如下規(guī)劃。

  • Status bar:作為信息通知和任務(wù)切換的意圖對象在pad上是不可缺少的。
  • 雙欄布局:左側(cè)為應(yīng)用一級導(dǎo)航,右側(cè)為下級頁面。
  • Page:包括page title,內(nèi)容區(qū),右側(cè)更多功能操作。
  • Popup box:操作出現(xiàn)的彈出框在操作按鈕的附近出現(xiàn)(圖中popup box),信息彈出框底部是更多的功能操作區(qū)
  • Dialog box:在這個信息彈出框之上還可以彈出對話框,是一些功能和屬性的判斷與選擇。
  • Toast:在對話框之上還可能出現(xiàn)toast樣式的弱提示信息。

Android Pad 水平方向布局

Android Pad 豎直方向布局

以上是近期市面上流行的Android Pad,他們大多安裝在1.6到2.2的系統(tǒng)上,而這樣的系統(tǒng)被認(rèn)為是Android在小屏幕上系統(tǒng)勉強用在大尺寸屏幕上。

 

對于大屏幕,Android 又在做什么呢?

Android的未來 Android 3.0 Honeycomb

將運行專門用于Pad的Android 系統(tǒng)3.0 這個系統(tǒng)的特征就是取消了物理按鍵,把主頁,返回,菜單放置在屏幕上成為更靈活的意圖對象。

MOTO XOOM裝載了Android 3.0 ,我們可以看到這個系統(tǒng)的特征就是取消了物理按鍵,把主頁,返回,菜單放置在屏幕上成為更靈活的意圖對象。這樣的好處非常明顯:

  1. 更多方向的隨意支持,不再受按鍵的制約,Pad可以4個方向顯示應(yīng)用界面。
  2. 全局的主屏,菜單和返回按鍵可以根據(jù)應(yīng)用屬性更好的自定義位置,應(yīng)用的展現(xiàn)方式更加靈活。
  3. 實現(xiàn)全觸摸操作的界面,不再依賴物理按鍵。

3.0系統(tǒng)是全新的為大屏幕特別是平板電腦設(shè)計的操作系統(tǒng)。強調(diào)真實,全息的界面設(shè)計,是優(yōu)雅的,聚焦內(nèi)容的交互模式。它依然繼承了Android完美的多任務(wù),強大的通知機制,自定義的主屏,工具等,并把這些特性貫穿于栩栩如生的3D體驗中,更深刻的交互。

和以往的系統(tǒng)相比,布局上的變化在于頂部和底部的bar。

  • 系統(tǒng)欄(System Bar),位于屏幕底部,對應(yīng)全局狀態(tài)和通知系統(tǒng)。類似之前版本頂部的狀態(tài)欄,但增加了例如多任務(wù)切換的功能。
  • 操作欄(Action Bar):位于應(yīng)用中屏幕的頂部,是該應(yīng)用具體的操作功能。

3.0擁有更豐富的連接方式,USB, WIFI, 藍牙。增加了更有效率的連接協(xié)議,這樣就可以直接連接相機等設(shè)備同步媒體文件了。

3.0更新了一系列的標(biāo)準(zhǔn)應(yīng)用,例如瀏覽器支持多個Tab;相機的圓弧型截面;聯(lián)系人和郵件運用雙欄設(shè)計。值得一提的是列表操作中,實現(xiàn)多選并拖拽的交互。

相機的圓弧型截面

聯(lián)系人和郵件運用雙欄設(shè)計

多選并拖拽的交互

更多關(guān)于3.0的資訊查看http://developer.android.com/sdk/android-3.0-highlights.html

總結(jié):

Pad更大的屏幕能展示更多的內(nèi)容也能容納更多的功能,還能增加更多的交互動作,值得我們好好研究。另外Android Pad的系統(tǒng)也將呈現(xiàn)出雙軌現(xiàn)狀:多數(shù)用到的Android1.6到2.2的系統(tǒng)和剛出來的3.0系統(tǒng)。雙軌勢必加大了Android整體上的復(fù)雜性。另外運用于Notebook的Chrome OS 跟Android在業(yè)務(wù)上的交叉重疊也埋下了一絲陰霾。Web App能否直接用于Android Pad,以減少各個開發(fā)團隊的成本,仍值得考慮。

至此Android那些事兒三篇發(fā)布完畢,跟隨Android系統(tǒng)的發(fā)展變化,上述描述或許在幾個月以后會因為Android發(fā)展策略而被顛覆,但是我仍希望文中對各種手持設(shè)備的應(yīng)用設(shè)計都能給你帶來參考的價值。謝謝大家!

來源:http://wsd.tencent.com/2011/02/aboutandroid3.html

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!