Android那些事兒:Android手機(jī)交互特性
![](http://image.woshipm.com/wp-files/img/103.jpg)
本文描述了與其它觸屏手機(jī)系統(tǒng)和桌面系統(tǒng)不同的Android平臺(tái)特性,這些特性需要更多的表現(xiàn)在我們開(kāi)發(fā)的應(yīng)用程序中,以保證這是一款A(yù)ndroid手機(jī)的應(yīng)用。這些特性可能對(duì)于習(xí)慣了其它手機(jī)操作系統(tǒng)的用戶可能有不習(xí)慣的地方,需要重新學(xué)習(xí)和適應(yīng),另外在成長(zhǎng)期中的Android系統(tǒng)也會(huì)存在不足,這些特性的總結(jié)有助于應(yīng)用的用戶體驗(yàn)提升。
milestone 為代表的android 手機(jī)
首先我們簡(jiǎn)單說(shuō)下誰(shuí)在用Android的手機(jī)。據(jù)尼爾森最近數(shù)據(jù)調(diào)查結(jié)果顯示:
- 在女性消費(fèi)者當(dāng)中,想購(gòu)買iPhone的比例為31%,想購(gòu)買Android手機(jī)的比例為23%;
- 在男性消費(fèi)者當(dāng)中,想購(gòu)買iPhone的比例為29%,想購(gòu)買Android手機(jī)的比例為33%。
可以得出性別差異,男性更傾向買Android手機(jī)。這也給Android 帶來(lái)了個(gè)性色彩的定義:技術(shù)、工程、規(guī)矩,理性。
另外,我們可以認(rèn)為使用Android手機(jī)的用戶有一大部分有使用symbian的歷史??梢岳斫庥脩袅?xí)慣symbian 系統(tǒng)在底部安排功能按鈕和菜單的習(xí)慣。
–
交互設(shè)計(jì)上有個(gè)簡(jiǎn)單原則叫 don’t make me think,但是使用Android手機(jī)后,會(huì)讓你感覺(jué)it makes me think a lot。對(duì)比norman定義的交互原則,我給Android打了個(gè)分?jǐn)?shù)(滿分100):
可見(jiàn)Visibility- can is see it? | 50 |
反饋Feedback – what is it doing now? | 80 |
表意Affordance – how do I use it? | 60 |
導(dǎo)航Mapping – where am 1 and where can I go? | 60 |
約束Constraint – why can’t I do that? | 80 |
一致Consistency – this is familiar | 40 |
因?yàn)閙enu等元素讓位于屏幕空間,相比iPhone,用戶是很少能全面了解頁(yè)面功能的,必須先點(diǎn)擊menu鍵展示更多的功能,所以可見(jiàn)性并不好;而由于上文中提到的多版本,多變種,多屏幕,多應(yīng)用,多用戶的現(xiàn)狀,一致性是個(gè)很嚴(yán)重的問(wèn)題。
–
在分析之前,我總結(jié)了5條交互設(shè)計(jì)的原則:
- 減少視覺(jué)壓力。精簡(jiǎn)文字
- 減少思考?jí)毫?。慣常圖標(biāo),少的選擇
- 減少記憶壓力。一致性,運(yùn)用“7±2”和“組塊”原理,
- 減少移動(dòng)壓力。顯示與操作的就近
- 減少或消除技術(shù)帶來(lái)的負(fù)擔(dān)。慣常用語(yǔ)。
—————————————————————————————————————-
人作為交互主體與界面客體通過(guò)意圖動(dòng)作完成交互,以實(shí)現(xiàn)用戶某任務(wù)。而界面是信息載體在手機(jī)上直觀傳達(dá)了用戶能做什么,需要怎么做。 下文把Android系統(tǒng)的交互分解如下:
- 布局
- Screen
- box
- 意圖動(dòng)作
- 單擊,長(zhǎng)按,拖拽,pinch……
- 意圖對(duì)象
- 物理按鍵,menu,置于屏幕對(duì)象,狀態(tài)欄
- 反饋
- 導(dǎo)航
- 其它
—————————————————————————————————————-
布局
應(yīng)用的界面構(gòu)成
對(duì)于一個(gè)應(yīng)用來(lái)說(shuō),從開(kāi)發(fā)的角度來(lái)說(shuō)就是一系列的activity構(gòu)成了一個(gè)應(yīng)用,從設(shè)計(jì)的角度來(lái)說(shuō),應(yīng)用由一系列的screen和box組成的,他們是應(yīng)用中信息和操作的載體。
Android和iPhone的對(duì)比
對(duì)比可以看見(jiàn)Android的title沒(méi)有承載導(dǎo)航的功能,因?yàn)榉祷氐墓δ芙o了物理鍵,目的是節(jié)約空間。
Android 的status bar 需要在任何應(yīng)用中可見(jiàn),因?yàn)槌休d了通知機(jī)制,任務(wù)管理等功能。 布局特性是根據(jù)操作特性決定的,要追求視覺(jué)平衡,另外更重要的要符合手機(jī)操作的情景,比如Android智能手機(jī)屬于全觸屏手機(jī),屏幕尺寸需要用戶單手握持,我們要達(dá)到鍵盤(pán)機(jī)單手操作的需要,就需要盡可能把更多的操作放在屏幕的下面,特別是一些緊急應(yīng)用的功能。 因此我建議把分類tab放置在頁(yè)面下方,當(dāng)沒(méi)有固定button的時(shí)候。當(dāng)兩者沖突時(shí)優(yōu)先考慮需要放置在屏幕上的命令按鈕。(這也是依據(jù)滿足最小移動(dòng)的原則) 下圖出現(xiàn)了幾種典型的情況,分別是
- 常用按鈕外置出現(xiàn)的toolbar;
- menu出現(xiàn)的位置和數(shù)量,系統(tǒng)定義的2×3的排列,在更多的場(chǎng)景中不適用,更多的menu可以放出來(lái),我們這邊定義了2×4的排列方式;后面會(huì)介紹menu的策略。
- 底部tab的情況,tab一般是圖標(biāo)加文字的形式,我們給定了個(gè)max數(shù)量5,
- 和底部tab不同的是頂部tab需要省略掉title。因?yàn)閠ab能實(shí)現(xiàn)當(dāng)前頁(yè)面的定位需求。
為什么要出現(xiàn)box的形式呢?原因在于:
- 合理運(yùn)用能減少內(nèi)容層級(jí),讓?xiě)?yīng)用的結(jié)構(gòu)更扁平。
- Box比screen更醒目,內(nèi)容也更清楚。因?yàn)榭梢晠^(qū)域減小,信息更緊湊。
下圖是box的分類,我們可以看到上下分為有按鈕的和沒(méi)有按鈕的情況。另外有種toast的弱提示形式也包含在box中。
各種box
區(qū)分不同的對(duì)話框在于框內(nèi)的內(nèi)容,
- 警示對(duì)話框:重度提示警示用
- 選擇對(duì)話框:做單選或復(fù)選,需要有確認(rèn)按鈕來(lái)確認(rèn)選擇。
- 輸入框:內(nèi)部有輸入的空間,如果遇到鍵盤(pán)遮擋,輸入框需要?jiǎng)潉?dòng)到屏幕頂部,保證不被遮擋。
- 列表框:類似單選對(duì)話框,不同的是沒(méi)有了radio button。如何區(qū)別于單選框就看內(nèi)容選擇結(jié)果是否有嚴(yán)重后果。
- 上下文菜單:是Android長(zhǎng)按出現(xiàn)的,是一個(gè)命令集合,形式和列表框類似,但內(nèi)容不同。在這里一般是動(dòng)作命令。
- 說(shuō)明框:多用于版本說(shuō)明。
–
在設(shè)計(jì)box的時(shí)候要注意:
- 標(biāo)題:正常的框都是必須有標(biāo)題的,標(biāo)題要簡(jiǎn)潔,直接說(shuō)明框的目的,比如“退出”“重新下載”等,出現(xiàn)“提示”的標(biāo)題是沒(méi)有意義的。標(biāo)題中也不能有疑問(wèn)語(yǔ)氣。
- 內(nèi)容:要形式上對(duì)齊,結(jié)構(gòu)上相似,意義要明確簡(jiǎn)潔。
- 收回方式:是否放個(gè)“取消”按鈕呢?我的經(jīng)驗(yàn)是按照情況來(lái)定,基本依據(jù)上面的圖,能不放就不放,盡量用返回鍵。
- 按鈕數(shù)量:1,2,3? 盡量少讓用戶做選擇。最好不讓有歧義的按鈕,按鈕彼此要互斥相對(duì)。
- 文本:標(biāo)題上的文本,內(nèi)容文本和按鈕文本要一致,盡量使用“確認(rèn)”“取消”。不要用別的文字。
上圖是一些box案例
–
意圖動(dòng)作
跟其它的觸屏手機(jī)類似,特別強(qiáng)調(diào)的是Android中的長(zhǎng)按動(dòng)作在系統(tǒng)中有豐富的應(yīng)用,是屏幕尺寸限制下的豐富交互的一個(gè)捷徑。
意圖動(dòng)作實(shí)例
–
意圖對(duì)象(intent object)
意圖對(duì)象簡(jiǎn)單來(lái)說(shuō)就是能觸發(fā)命令的界面元素,是指上文中的動(dòng)作可以操作的對(duì)象,Android手機(jī)分為物理對(duì)象和屏幕對(duì)象兩大類。
物理鍵是Android系統(tǒng)手機(jī)的經(jīng)典標(biāo)志。
- 返回鍵:展現(xiàn)了Android系統(tǒng)活動(dòng)棧的概念
- 主屏鍵:保證了導(dǎo)航的起點(diǎn),在失去方向的時(shí)候能快捷的回到原點(diǎn)。
- 菜單鍵:為呼出和收納功能命令。目的是保留更多的空間給內(nèi)容展示
- 搜索鍵:推銷google搜索業(yè)務(wù)的
- 關(guān)機(jī)鍵:和其它手機(jī)一樣,關(guān)機(jī)和鎖屏。
- 軌跡球 觸摸板
- 音量鍵(- +)及拍照鍵
- 它可以是跨應(yīng)用的,比如你開(kāi)啟了a應(yīng)用,通過(guò)通知系統(tǒng)去了b應(yīng)用,你是可以通過(guò)返回鍵回去的;另外你的應(yīng)用調(diào)用了另外的應(yīng)用,你是可以通過(guò)返回鍵回去的。屏幕上是否出現(xiàn)返回鍵是應(yīng)用自身的事情。所以因應(yīng)用情況不同而不同。你覺(jué)得應(yīng)用層級(jí)不深,且頁(yè)面間不會(huì)頻繁的前進(jìn),后退等有任務(wù)流向的應(yīng)用不出現(xiàn)返回;類似瀏覽器這樣的應(yīng)用,頁(yè)面存在多tab的層層頁(yè)面操作,是有必要加返回button的。
- 返回的最終是主屏鍵;WP7的返回鍵不同的是,它的返回有點(diǎn)混亂的,因?yàn)橹髌翆⑹瞧渲械囊粋€(gè)節(jié)點(diǎn),而非終點(diǎn)。
- Android用戶是習(xí)慣用返回鍵的。
軌跡球。
- 按順序切換焦點(diǎn),
- 有焦點(diǎn)但沒(méi)有鼠標(biāo)懸停的效果,
- 軌跡球的好處,確實(shí)能很好的實(shí)現(xiàn)單手操作,擺脫必須點(diǎn)觸屏幕的束縛。
屏幕對(duì)象包括三部分:隱藏的菜單;置于屏幕的命令;狀態(tài)欄。這三部分都需要用戶通過(guò)不同的意圖動(dòng)作觸發(fā)對(duì)象以實(shí)現(xiàn)和界面的交互。在android系統(tǒng)上別有一番特色。
–
隱藏的menu(不可見(jiàn)=不可預(yù)見(jiàn))
- 隱藏的目的是為了節(jié)約屏幕空間;
- Menu的不可預(yù)見(jiàn)性 因?yàn)殡[藏,所以要猜。大多猜錯(cuò)。
- 上下文菜單的不可預(yù)見(jiàn)性
菜單的三種表現(xiàn)形式
圖中包含Android系統(tǒng)中三類菜單表現(xiàn)形式:
- 選項(xiàng)圖標(biāo)菜單 第一次按下菜單鍵會(huì)在屏幕底部顯示一個(gè)不可滾動(dòng)的圖標(biāo)框。(系統(tǒng)默認(rèn)最多6個(gè)按鈕,以2×3的形式展現(xiàn),但大多自繪菜單可以安排為2×4,下圖展示在一個(gè)應(yīng)用中從1到8的排列方式)
- 選項(xiàng)擴(kuò)展菜單 當(dāng)有比圖標(biāo)菜單多的菜單項(xiàng)時(shí),最后一個(gè)圖標(biāo)被命名為“更多”,選擇了它之后會(huì)有一個(gè)包含了任意數(shù)量的菜單項(xiàng)列表,當(dāng)需要的時(shí)候可以滾動(dòng)顯示。
- 上下文菜單 在對(duì)象上長(zhǎng)按,出現(xiàn)應(yīng)用于對(duì)象的菜單對(duì)話框。
全局操作和針對(duì)某對(duì)象的操作用不同的菜單命令?選項(xiàng)菜單應(yīng)用于全局,而上下文菜單用于內(nèi)容中的一項(xiàng)。如圖中所示,用戶導(dǎo)航到菜單,然后選擇一個(gè)菜單項(xiàng)來(lái)執(zhí)行一個(gè)操作或打開(kāi)一個(gè)對(duì)話框。 應(yīng)自繪需要,安排8個(gè)圖標(biāo)菜單的情況下,假如出現(xiàn)1-7個(gè)的情況,推薦用下面的排列方式,排列理念就是對(duì)稱和穩(wěn)定的金字塔形式。注意把右下角的位置始終留給“退出”命令。
2×4模式下,從1到8的推薦排列形式
上下文菜單可以說(shuō)是對(duì)某元素的次級(jí)操作快捷入口,也出現(xiàn)了特殊的交互方式,如下圖的橫向圖標(biāo)排列形式,這種情況適合命令數(shù)量少的情況。 這種情況是把一個(gè)item的交互區(qū)域分割為2到3個(gè)區(qū)域,分別是置前或置后的圖標(biāo)配合較長(zhǎng)的文字。點(diǎn)擊圖標(biāo)浮出如圖的上下文菜單,長(zhǎng)按文字出現(xiàn)上下文菜單,短按文字出現(xiàn)第一命令。
–
置于屏幕的命令
命令直接置于屏幕上,通常是以文本鏈接,圖標(biāo)按鈕或是文字加圖標(biāo)的形式。屏幕上命令容易被發(fā)現(xiàn),可以直接看見(jiàn)命令。直觀的代價(jià)是占用用戶空間以及可能的視覺(jué)雜亂。 這類命令是頻繁操作的,屏幕有空間來(lái)展示這些命令。在運(yùn)用這類命令的時(shí)候注意信息層次和傳達(dá)效果。
–
狀態(tài)欄
狀態(tài)欄承載了任務(wù)管理,下載進(jìn)度,任務(wù)通知等功能切換。狀態(tài)欄里面的通知機(jī)制是Android最具特性的一面。通過(guò)下拉拖拽的形式打開(kāi)通知系統(tǒng),用向上拖拽或返回鍵退出通知系統(tǒng)。
M9的通知頁(yè)不是全頁(yè)面的,有一定的好處
注意:在不同應(yīng)用中都要方便的從狀態(tài)欄接收到外部通知。除了全屏的閱讀,游戲,下拉的Status bar通知系統(tǒng)不可遮擋的。 下圖是手機(jī)QQ閱讀應(yīng)用如何利用狀態(tài)欄的通知系統(tǒng)貫穿在下載管理中的。點(diǎn)擊“下載”在狀態(tài)欄有加入下載提示,下載完成出現(xiàn)提示,并通過(guò)通知直接打開(kāi)剛下載的圖書(shū)文件。
在手機(jī)QQ閱讀中對(duì)狀態(tài)欄的運(yùn)用
其它特性
和iPhone相比,Android手機(jī)是需要插卡來(lái)增加手機(jī)存儲(chǔ)空間。 每次開(kāi)啟要加載,如果沒(méi)有安裝sd卡將出現(xiàn)不能正常使用的情況。設(shè)計(jì)應(yīng)用時(shí)需要考慮沒(méi)有SD卡或者沒(méi)有安裝好SD卡的情況。
桌面和應(yīng)用抽屜
啟動(dòng)應(yīng)用有很多的方式和位置。延續(xù)了PC上windows的特色,用戶認(rèn)為重要的應(yīng)用會(huì)在桌面創(chuàng)建快捷方式。所有的應(yīng)用將放在應(yīng)用抽屜中,就是從屏幕底部向上拉出的頁(yè)面。 對(duì)于一個(gè)應(yīng)用都可能存在兩個(gè)啟動(dòng)位置,這樣的交互不同于iPhone的單入口形式,造成的困擾:
- 可能重復(fù)放置應(yīng)用快捷方式到桌面;
- 在應(yīng)用抽屜中按字母派訊,不好找想要用的應(yīng)用,無(wú)法確定位置;
- 桌面應(yīng)用快捷方式橫向翻屏和應(yīng)用抽屜的下拉方式?jīng)]有統(tǒng)一的交互方向,增加思考的成本。
注意:在應(yīng)用開(kāi)發(fā)中要避免多入口,多交互方向的情況。要讓用戶在確定的位置找到目標(biāo)對(duì)象。
- 按主屏鍵回到主屏并不結(jié)束活動(dòng),應(yīng)用仍在在后臺(tái)運(yùn)行,
- 按返回鍵或菜單中的退出命令一般會(huì)出現(xiàn)退出確認(rèn)框。
Android手機(jī)有重力感應(yīng)器,能自動(dòng)橫屏和豎屏切換。但并不是所有應(yīng)用都要去做這個(gè)橫豎屏適配。因?yàn)槠聊欢嗟木壒剩o人的效果是不一樣的。應(yīng)該考慮應(yīng)用的特殊性來(lái)特殊對(duì)待。
Android手機(jī)的屏幕一般較大,應(yīng)用耗電相當(dāng)?shù)拇螅聊浑娏肯恼剂酥饕糠?,開(kāi)發(fā)應(yīng)用時(shí)要注意考慮用戶無(wú)意的讓屏幕常亮,要增加機(jī)制自動(dòng)鎖屏,類似游戲中的防沉溺機(jī)制。 為節(jié)約流量的設(shè)計(jì)。 耗費(fèi)流量的應(yīng)用要設(shè)立保護(hù)機(jī)制,做wifi和gprs的優(yōu)先判斷。在普通網(wǎng)絡(luò)中最好給用戶預(yù)先提示。讓用戶心理有個(gè)消費(fèi)預(yù)期。
–
總結(jié)
- 自由與統(tǒng)一:Android的開(kāi)放特性決定了他交互規(guī)范的成長(zhǎng)的(與時(shí)俱進(jìn)的)特性,不會(huì)有特別嚴(yán)格的規(guī)范來(lái)限制設(shè)計(jì)的創(chuàng)新。所以對(duì)設(shè)計(jì)師來(lái)說(shuō)有很大的發(fā)揮空間,但是一致的體驗(yàn)是產(chǎn)品最重要的因素之一。一致性是指開(kāi)發(fā)的應(yīng)用和系統(tǒng)應(yīng)用有一致的交互和視覺(jué)一致,同個(gè)產(chǎn)品在不同平臺(tái)有產(chǎn)品理念的一致;同公司的產(chǎn)品有公司形象的一致。
- 更Android還是更iPhone:有很多的應(yīng)用直接照搬iPhone的交互形式,在這里我并不推薦,因?yàn)锳ndroid手機(jī)有自己的特色,用戶會(huì)養(yǎng)成Android的習(xí)慣,簡(jiǎn)單的移植iPhone到Android,是忽略用戶的使用習(xí)慣的,也不能更好的發(fā)揮Android的優(yōu)勢(shì)。
來(lái)源:http://wsd.tencent.com/2011/02/aboutandroid2.html
- 目前還沒(méi)評(píng)論,等你發(fā)揮!