Android那些事兒 Android Pad交互特性
Android Pad 和Phone一樣都存在多尺寸問題。對(duì)于Pad,更揪心的是屏幕比例和尺寸的多樣性,這些因素直接影響著UI的表現(xiàn)方式。比較困惑的是我們的如何設(shè)計(jì)一個(gè)兼顧各種屏幕尺寸,分辨率,比例和方向的Android Pad應(yīng)用。為此我們質(zhì)問自己Android Pad 和Phone有什么差別?Android Pad 和iPad有什么區(qū)別?
現(xiàn)在很難找個(gè)能代表Android Pad的產(chǎn)品(不確定的尺寸,按鈕位置,數(shù)量),在此僅以下圖表示神秘莫測(cè)的Android Pad。
神秘多變的Android Pad
***個(gè)問題:Pad怎么就成了Pad?在此我總結(jié)了Pad和Phone的區(qū)別:
PadPhone
尺寸
5寸-10寸
2寸-5寸
應(yīng)用場(chǎng)景
家,辦公環(huán)境中用于娛樂,演示 有連續(xù)長時(shí)間沉浸式的流暢體驗(yàn)
放在口袋中,隨身攜帶 時(shí)間上更碎片化。
交互方式
觸摸屏幕,點(diǎn)擊,拖拽。
觸摸屏幕,點(diǎn)擊,拖拽。
手持方式
一般雙手握持,可雙手操作 另外借助膝蓋,也叫l(wèi)aptop。 左手握持,右手操作較多
單手操作的情況較多。 可以說就是在手掌中的。
操作時(shí)間
較長,半小時(shí)以上
操作時(shí)間短,大多在3分鐘以下, 操作頻率高。
顯示方向
大多兼顧水平和豎直方向
大多是豎直方向
信息展示層級(jí)
頁面+彈出菜單的結(jié)構(gòu)。 較少的全頁面切換,局部信息切換 Screen + popup box
頁面到頁面的切換 Screen to screen,頁面到另一頁面的切換
內(nèi)容
足夠的空間展示更多的內(nèi)容和功能。內(nèi)容和功能的外顯更多。
空間有限,一些功能,內(nèi)容巧妙的隱藏, 比如內(nèi)容通過下級(jí)頁面來拼接。 功能放在menu中,或者情景菜單中隱藏。保持頁面更多地展示內(nèi)容。
外媒評(píng)價(jià)的10大android pad
型號(hào)
尺寸
分辨率
物理按鍵數(shù)量及位置
Advent Vega
10
1024×600
1個(gè)位于寬側(cè)正中
Archos 70
7
800×480
4個(gè)位于窄側(cè)右
Archos 101
10
1024×600
4個(gè)位于窄側(cè)右
Asus Eee pad
10/12
不詳
不詳
Dell Streak
5
800×480
3個(gè)位于窄側(cè)右
Elonex eTouch
10
1024×600
1個(gè)位于窄側(cè)右
Notion Ink Adam
10
1024×600
不明
Samsung Galaxy Tab
7
1024×600
4個(gè)位于窄側(cè)下
Toshiba Folio 100
10
1024×600
4個(gè)位于窄側(cè)右
Viewsonic Viewpad 10
10
1024×600
3個(gè)位于窄側(cè)右
另外眾多國內(nèi)品牌下的Android Pad 都在7寸到8寸,分辨率在800×480占絕大多數(shù)。物理按鍵各有不同。
目前Android Pad的特征如下:
目前多數(shù)Android Pad 都運(yùn)行的是用于手機(jī)的系統(tǒng)版本。
總的趨勢(shì):數(shù)量有1個(gè)的,3個(gè)的,4個(gè)的,但絕大多數(shù)都放置在屏幕窄的一側(cè),很少把物理按鍵分散放置的。
尺寸
基本分為3個(gè)尺寸,5寸(dell streak),7寸(多),10寸(多)。
屏幕分辨率
800×480和1024×600的居多。
屏幕比例
16:10,17:10,都不是傳統(tǒng)的4:3的比例,這和iPad比較大的區(qū)別。
物理按鍵數(shù)量和位置
屏幕默認(rèn)方向
水平方向的居多,僅三星為代表的7寸屏默認(rèn)豎直方向。
Android Pad的布局方案
注意:以下的布局方案基于Android 1.5到2.2系統(tǒng)下,不一定適于Android3.0
◆Design for 寬屏
◆Design for 水平方向:視不同應(yīng)用考慮不同的默認(rèn)方向,寬屏的豎直方向難以讓人接受。
◆Design for 雙手持雙手操作和單右手持右手操作
鑒于眾多的寬屏終端,在信息布局上可以如下規(guī)劃。
◆Status bar:作為信息通知和任務(wù)切換的意圖對(duì)象在pad上是不可缺少的。
◆雙欄布局:左側(cè)為應(yīng)用一級(jí)導(dǎo)航,右側(cè)為下級(jí)頁面。
◆Page:包括page title,內(nèi)容區(qū),右側(cè)更多功能操作。
◆Popup box:操作出現(xiàn)的彈出框在操作按鈕的附近出現(xiàn)(圖中popup box),信息彈出框底部是更多的功能操作區(qū)
◆Dialog box:在這個(gè)信息彈出框之上還可以彈出對(duì)話框,是一些功能和屬性的判斷與選擇。
◆Toast:在對(duì)話框之上還可能出現(xiàn)toast樣式的弱提示信息。
Android Pad 水平方向布局
Android Pad 豎直方向布局
以上是近期市面上流行的Android Pad,他們大多安裝在1.6到2.2的系統(tǒng)上,而這樣的系統(tǒng)被認(rèn)為是Android在小屏幕上系統(tǒng)勉強(qiáng)用在大尺寸屏幕上。
對(duì)于大屏幕,Android 又在做什么呢?
Android的未來 Android 3.0 Honeycomb
將運(yùn)行專門用于Pad的Android 系統(tǒng)3.0 這個(gè)系統(tǒng)的特征就是取消了物理按鍵,把主頁,返回,菜單放置在屏幕上成為更靈活的意圖對(duì)象。
裝載Android 3.0 的MOTO XOOM
MOTO XOOM裝載了Android 3.0 ,我們可以看到這個(gè)系統(tǒng)的特征就是取消了物理按鍵,把主頁,返回,菜單放置在屏幕上成為更靈活的意圖對(duì)象。這樣的好處非常明顯:
◆更多方向的隨意支持,不再受按鍵的制約,Pad可以4個(gè)方向顯示應(yīng)用界面。
◆全局的主屏,菜單和返回按鍵可以根據(jù)應(yīng)用屬性更好的自定義位置,應(yīng)用的展現(xiàn)方式更加靈活。
◆實(shí)現(xiàn)全觸摸操作的界面,不再依賴物理按鍵。
3.0系統(tǒng)是全新的為大屏幕特別是平板電腦設(shè)計(jì)的操作系統(tǒng)。強(qiáng)調(diào)真實(shí),全息的界面設(shè)計(jì),是優(yōu)雅的,聚焦內(nèi)容的交互模式。它依然繼承了Android***的多任務(wù),強(qiáng)大的通知機(jī)制,自定義的主屏,工具等,并把這些特性貫穿于栩栩如生的3D體驗(yàn)中,更深刻的交互。
和以往的系統(tǒng)相比,布局上的變化在于頂部和底部的bar。
◆系統(tǒng)欄(System Bar),位于屏幕底部,對(duì)應(yīng)全局狀態(tài)和通知系統(tǒng)。類似之前版本頂部的狀態(tài)欄,但增加了例如多任務(wù)切換的功能。
◆操作欄(Action Bar):位于應(yīng)用中屏幕的頂部,是該應(yīng)用具體的操作功能。
◆3.0擁有更豐富的連接方式,USB, WIFI, 藍(lán)牙。增加了更有效率的連接協(xié)議,這樣就可以直接連接相機(jī)等設(shè)備同步媒體文件了。
3.0更新了一系列的標(biāo)準(zhǔn)應(yīng)用,例如瀏覽器支持多個(gè)Tab;相機(jī)的圓弧型界面;聯(lián)系人和郵件運(yùn)用雙欄設(shè)計(jì)。值得一提的是列表操作中,實(shí)現(xiàn)多選并拖拽的交互。
相機(jī)的圓弧型界面
聯(lián)系人和郵件運(yùn)用雙欄設(shè)計(jì)
多選并拖拽的交互
更多關(guān)于3.0的資訊查看http://developer.android.com/sdk/android-3.0-highlights.html
總結(jié):
Pad更大的屏幕能展示更多的內(nèi)容也能容納更多的功能,還能增加更多的交互動(dòng)作,值得我們好好研究。另外Android Pad的系統(tǒng)也將呈現(xiàn)出雙軌現(xiàn)狀:多數(shù)用到的Android1.6到2.2的系統(tǒng)和剛出來的3.0系統(tǒng)。雙軌勢(shì)必加大了Android整體上的復(fù)雜性。另外運(yùn)用于Notebook的Chrome OS 跟Android在業(yè)務(wù)上的交叉重疊也埋下了一絲陰霾。Web App能否直接用于Android Pad,以減少各個(gè)開發(fā)團(tuán)隊(duì)的成本,仍值得考慮。
至此Android那些事兒三篇發(fā)布完畢,跟隨Android系統(tǒng)的發(fā)展變化,上述描述或許在幾個(gè)月以后會(huì)因?yàn)锳ndroid發(fā)展策略而被顛覆,但是我仍希望文中對(duì)各種手持設(shè)備的應(yīng)用設(shè)計(jì)都能給你帶來參考的價(jià)值。謝謝大家!
【編輯推薦】