Android那些事兒 Android手機互動特性

來源:互聯網
上載者:User

 

接上文《Android那些事兒 成長中的Android 》。本文描述了與其它觸屏手機系統和案頭系統不同的Android平台特性,這些特性需要更多的表現在我們開發的應用程式中,以保證這是一款Android手機的應用。這些特性可能對於習慣了其它手機作業系統的使用者可能有不習慣的地方,需要重新學習和適應,另外在成長期中的Android系統也會存在不足,這些特性的總結有助於應用的使用者體驗提升。


milestone 為代表的Android 手機

首先我們簡單說下誰在用Android的手機。據尼爾森最近資料調查結果顯示:

◆在女性消費者當中,想購買iPhone的比例為31%,想購買Android手機的比例為23%;

◆在男性消費者當中,想購買iPhone的比例為29%,想購買Android手機的比例為33%。

◆可以得出性別差異,男性更傾向買Android手機。這也給Android 帶來了個性色彩的定義:技術、工程、規矩,理性。

另外,我們可以認為使用Android手機的使用者有一大部分有使用symbian的曆史。可以理解使用者習慣symbian 系統在底部安排功能按鈕和菜單的習慣。

互動設計上有個簡單原則叫 don’t make me think,但是使用Android手機後,會讓你感覺it makes me think a lot。對比norman定義的互動原則,我給Android打了個分數(滿分100):

可見Visibipty- can is see it?
50

反饋Feedback – what is it doing now?
80

表意Affordance – how do I use it?
60

導航Mapping – where am 1 and where can I go?
60

約束Constraint – why can’t I do that?
80

一致Consistency – this is famipar
40

因為menu等元素讓位於螢幕空間,相比iPhone,使用者是很少能全面瞭解頁面功能的,必須先點擊menu鍵展示更多的功能,所以可見度並不好;而由於上文中提到的多版本,多變種,多螢幕,多應用,多使用者的現狀,一致性是個很嚴重的問題。

在分析之前,我總結了5條互動設計的原則:

減少視覺壓力。精簡文字

減少思考壓力。慣常表徵圖,少的選擇

減少記憶壓力。一致性,運用“7±2”和“組塊”原理,

減少移動壓力。顯示與操作的就近

減少或消除技術帶來的負擔。慣常用語。

人作為互動主體與介面客體通過意圖動作完成互動,以實現使用者某任務。而介面是資訊載體在手機上直觀傳達了使用者能做什麼,需要怎麼做。 下文把Android系統的互動分解如下:

◆布局

◆Screen

◆box

◆意圖動作

◆單擊,長按,拖拽,pinch&helpp;&helpp;

◆意圖對象

◆物理按鍵,menu,置於螢幕對象,狀態列

◆反饋

◆導航

◆其它

布局


應用的介面構成

對於一個應用來說,從開發的角度來說就是一系列的activity構成了一個應用,從設計的角度來說,應用由一系列的screen和box組成的,他們是應用中資訊和操作的載體。

screen


Android和iPhone的對比

對比可以看見Android的title沒有承載導航的功能,因為返回的功能給了物理鍵,目的是節約空間。

Android 的status bar 需要在任何應用中可見,因為承載了通知機制,任務管理等功能。 布局特性是根據操作特性決定的,要追求視覺平衡,另外更重要的要符合手機操作的情景,比如Android智能手機屬於全觸屏手機,螢幕尺寸需要使用者單手握持,我們要達到鍵盤機單手操作的需要,就需要儘可能把更多的操作放在螢幕的下面,特別是一些緊急應用的功能。 因此我建議把分類tab放置在頁面下方,當沒有固定button的時候。當兩者衝突時優先考慮需要放置在螢幕上的命令按鈕。(這也是依據滿足最小移動的原則) 出現了幾種典型的情況,分別是

◆常用按鈕外置出現的toolbar;

◆menu出現的位置和數量,系統定義的2×3的排列,在更多的情境中不適用,更多的menu可以放出來,我們這邊定義了2×4的相片順序;後面會介紹menu的策略。

◆底部tab的情況,tab一般是表徵圖加文字的形式,我們給定了個max數量5,

◆和底部tab不同的是頂部tab需要省略掉title。因為tab能實現當前頁面的定位需求。

Box

為什麼要出現box的形式呢?原因在於:

◆合理運用能減少內容層級,讓應用的結構更扁平。

◆Box比screen更醒目,內容也更清楚。因為可視地區減小,資訊更緊湊。

是box的分類,我們可以看到上下分為有按鈕的和沒有按鈕的情況。另外有種toast的弱提示形式也包含在box中。


各種box

區分不同的對話方塊在於框內的內容:

◆警示對話方塊:重度提示警示用

◆選擇對話方塊:做單選或複選,需要有確認按鈕來確認選擇。

◆輸入框:內部有輸入的空間,如果遇到鍵盤遮擋,輸入框需要划動到螢幕頂部,保證不被遮擋。

◆列表框:類似單選對話方塊,不同的是沒有了radio button。如何區別於單選框就看內容選擇結果是否有嚴重後果。

◆操作功能表:是Android長按出現的,是一個命令集合,形式和列表框類似,但內容不同。在這裡一般是動作命令。

◆說明框:多用於版本說明。

在設計box的時候要注意:

◆標題:正常的框都是必須有標題的,標題要簡潔,直接說明框的目的,比如“退出”“重新下載”等,出現“提示”的標題是沒有意義的。標題中也不能有疑問語氣。

◆內容:要形式上對齊,結構上相似,意義要明確簡潔。

◆收回方式:是否放個“取消”按鈕呢?我的經驗是按照情況來定,基本依據上面的圖,能不放就不放,盡量用返回鍵。

◆按鈕數量:1,2,3? 盡量少讓使用者做選擇。最好不讓有歧義的按鈕,按鈕彼此要互斥相對。

◆文本:標題上的文本,內容文本和按鈕文本要一致,盡量使用“確認”“取消”。不要用別的文字。

意圖動作

跟其它的觸屏手機類似,特彆強調的是Android中的長按動作在系統中有豐富的應用,是螢幕尺寸限制下的豐富互動的一個捷徑。


意圖動作執行個體

意圖對象(intent object)

意圖對象簡單來說就是能觸發命令的介面元素,是指上文中的動作可以操作的對象,Android手機分為物理對象和螢幕對象兩大類。

物理對象

物理鍵是Android系統手機的經典標誌。

◆返回鍵:展現了Android系統活動棧的概念

◆主屏鍵:保證了導航的起點,在失去方向的時候能快捷的回到原點。

◆菜單鍵:為呼出和收納功能命令。目的是保留更多的空間給內容展示

◆搜尋鍵:推銷google搜尋業務的

◆關機鍵:和其它手機一樣,關機和鎖屏。

◆軌跡球 觸摸板

◆音量鍵(- +)及拍照鍵

◆全域的返回按鍵

它可以是跨應用的,比如你開啟了a應用,通過通知系統去了b應用,你是可以通過返回鍵回去的;另外你的應用調用了另外的應用,你是可以通過返回鍵回去的。螢幕上是否出現返回鍵是應用自身的事情。所以因應用情況不同而不同。你覺得應用程式層級不深,且頁面間不會頻繁的前進,後退等有任務流向的應用不出現返回;類似瀏覽器這樣的應用,頁面存在多tab的層層頁面操作,是有必要加返回button的。

返回的最終是主屏鍵;WP7的返回鍵不同的是,它的返回有點混亂的,因為主屏將是其中的一個節點,而非終點。

Android使用者是習慣用返回鍵的。

軌跡球。

◆按順序切換焦點,

◆有焦點但沒有滑鼠移至上方的效果,

◆軌跡球的好處,確實能很好的實現單手操作,擺脫必須點觸螢幕的束縛。

螢幕對象

螢幕對象包括三部分:隱藏的菜單;置於螢幕的命令;狀態列。這三部分都需要使用者通過不同的意圖動作觸發對象以實現和介面的互動。在Android系統上別有一番特色。

◆隱藏的menu(不可見=不可預見)

◆隱藏的目的是為了節約螢幕空間;

◆Menu的不可預見性 因為隱藏,所以要猜。大多猜錯。

操作功能表的不可預見性

菜單的三種表現形式

圖中包含Android系統中三類菜單表現形式:

◆選項表徵圖菜單第一次按下菜單鍵會在螢幕底部顯示一個不可滾動的表徵圖框。(系統預設最多6個按鈕,以2×3的形式展現,但大多自繪菜單可以安排為2×4,展示在一個應用中從1到8的相片順序)

◆選項擴充菜單當有比表徵圖菜單多的功能表項目時,最後一個表徵圖被命名為“更多”,選擇了它之後會有一個包含了任意數量的功能表項目列表,當需要的時候可以滾動顯示。

◆操作功能表在對象上長按,出現應用於對象的菜單對話方塊。

◆全域操作和針對某對象的操作用不同的功能表命令選項菜單應用於全域,而操作功能表用於內容中的一項。中所示,使用者導航到菜單,然後選擇一個功能表項目來執行一個操作或開啟一個對話方塊。 應自繪需要,安排8個表徵圖菜單的情況下,假如出現1-7個的情況,推薦用下面的相片順序,排列理念就是對稱和穩定的金字塔形式。注意把右下角的位置始終留給“退出”命令。

2×4模式下,從1到8的推薦排列形式

操作功能表可以說是對某元素的次級操作快捷入口,也出現了特殊的互動方式,如的橫向表徵圖排列形式,這種情況適合命令數量少的情況。 這種情況是把一個item的互動地區分割為2到3個地區,分別是置前或置後的表徵圖配合較長的文字。點擊表徵圖浮出的操作功能表,長按文字出現操作功能表,短按文字出現第一命令。

置於螢幕的命令

命令直接置於螢幕上,通常是以文本連結,表徵圖按鈕或是文字加表徵圖的形式。螢幕上命令容易被發現,可以直接看見命令。直觀的代價是佔用使用者空間以及可能的視覺雜亂。 這類命令是頻繁操作的,螢幕有空間來展示這些命令。在運用這類命令的時候注意資訊層次和傳達效果。

狀態列

狀態列承載了任務管理,下載進度,任務通知等功能切換。狀態列裡面的通知機制是Android最具特性的一面。通過下拉拖拽的形式開啟通知系統,用向上拖拽或返回鍵退出通知系統。

M9的通知頁不是全頁面的,有一定的好處

注意:在不同應用中都要方便的從狀態列接收到外部通知。除了全屏的閱讀,遊戲,下拉的Status bar通知系統不可遮擋的。 是手機QQ閱讀應用如何利用狀態列的通知系統貫穿在下載管理中的。點擊“下載”在狀態列有加入下載提示,下載完成出現提示,並通過通知直接開啟剛下載的圖書檔案。


在手機QQ閱讀中對狀態列的運用

其它特性

分離的sd卡

和iPhone相比,Android手機是需要插卡來增加手機儲存空間。 每次開啟要載入,如果沒有安裝sd卡將出現不能正常使用的情況。設計應用時需要考慮沒有SD卡或者沒有安裝好SD卡的情況。

案頭和應用抽屜

案頭和應用抽屜

啟動應用有很多的方式和位置。延續了PC上windows的特色,使用者認為重要的應用會在案頭建立捷徑。所有的應用將放在應用抽屜中,就是從螢幕底部向上拉出的頁面。 對於一個應用都可能存在兩個啟動位置,這樣的互動不同於iPhone的單入口形式,造成的困擾:

◆可能重複放置應用捷徑到案頭;

◆在應用抽屜中按字母派訊,不好找想要用的應用,無法確定位置;

◆案頭應用捷徑橫向翻屏和應用抽屜的下拉方式沒有統一的互動方向,增加思考的成本。

注意:在應用開發中要避免多入口,多互動方向的情況。要讓使用者在確定的位置找到目標對象。

軟體退出

◆按主屏鍵回到主屏並不結束活動,應用仍在在後台運行,

◆按返回鍵或菜單中的退出命令一般會出現退出確認框。

螢幕方向

◆Android手機有重力感應器,能自動橫屏和豎屏切換。但並不是所有應用都要去做這個橫豎屏適配。因為螢幕多的緣故,給人的效果是不一樣的。應該考慮應用的特殊性來特殊對待。

為節電和節約流量的設計

◆Android手機的螢幕一般較大,應用耗電相當的大,而螢幕電量消耗佔了主要部分,開發應用時要注意考慮使用者無意的讓螢幕常亮,要增加機制自動鎖屏,類似遊戲中的防沉溺機制。 為節約流量的設計。 耗費流量的應用要設立保護機制,做wifi和gprs的優先判斷。在普通網路中最好給使用者預先提示。讓使用者心理有個消費預期。

總結

◆自由與統一:Android的開放特性決定了他互動規範的成長的(與時俱進的)特性,不會有特別嚴格的規範來限制設計的創新。所以對設計師來說有很大的發揮空間,但是一致的體驗是產品最重要的因素之一。一致性是指開發的應用和系統應用有一致的互動和視覺一致,同個產品在不同平台有產品理念的一致;同公司的產品有公司形象的一致。

◆更Android還是更iPhone:有很多的應用直接照搬iPhone的互動形式,在這裡我並不推薦,因為Android手機有自己的特色,使用者會養成Android的習慣,簡單的移植iPhone到Android,是忽略使用者的使用習慣的,也不能更好的發揮Android的優勢。

【編輯精選】

  1. Android那些事兒:成長中的Android
  2. Android那些事兒 Android Pad互動特性

出處  Android那些事兒 Android手機互動特性(2) - 51CTO.COM

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.