Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式

0 評論 3795 瀏覽 1 收藏 12 分鐘

在上一章,我們介紹了各種各樣的Android手機(jī)的主要硬件配置,以及部分廠商應(yīng)對個(gè)性化策略而為的手機(jī)平臺(tái)界面定制情況。通過上一章,可以幫助了解你的應(yīng)用程序在不同廠商的Android的手機(jī)下將如何工作。

本章,我們的焦點(diǎn)慢慢由手機(jī)的外部特征轉(zhuǎn)入平臺(tái)界面。將會(huì)講到Android手機(jī)的幾類交互模式,主要包含實(shí)體按鈕、鍵盤、屏幕手勢、視覺反饋、聲音反饋、觸感反饋、方向變化,以及狀態(tài)欄通知。?

實(shí)體按鈕

實(shí)體按鈕,也叫實(shí)體按鍵。不同廠商的排列順序可能不同,處理方法也可能不同。

比如,有的把它做成輕觸式的,以減輕手指按壓力度:

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

上圖nexus one這款手機(jī),箭頭所指的幾個(gè)實(shí)體按鈕,采用了輕觸式的,你只需要輕輕觸摸即可響應(yīng)操作。

而HTC大部份的Android手機(jī),對實(shí)體按鈕的處理,普遍采用的是較為普通的按壓式按鈕:

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

你需要花小小的力氣來按壓這些實(shí)體按鈕以響應(yīng)操作。

以筆者的實(shí)際使用情況來看,以上兩種按鈕各有各的優(yōu)缺點(diǎn):

輕觸式

優(yōu)點(diǎn):和屏幕按鈕一樣,省力、輕觸即可,和屏幕按鈕有一致的體驗(yàn)。

缺點(diǎn):優(yōu)點(diǎn)也可能帶來缺點(diǎn),輕觸式也意味著你比較容易誤操作。比如你正在與朋友玩即時(shí)對戰(zhàn)游戲,手指不小心觸碰到了主頁鍵,你不得不嘆氣……

按壓式

優(yōu)點(diǎn):不容易誤操作。

缺點(diǎn):由于菜單鍵、返回鍵在界面中應(yīng)用較為廣泛,結(jié)合屏幕上的觸摸操作,手指按壓力度不和諧,直接影響觸控體驗(yàn)。

還有一種,是比較少見的隱藏式按鈕。在lephone、聯(lián)想O1中有使用到。

所謂隱藏式,是指你看不到任何標(biāo)識,在你需要時(shí)在指定位置輕擊或滑動(dòng)以響應(yīng)指定操作。又或者只有在可用時(shí)才可見操作標(biāo)識的處理方法。隱藏式的設(shè)計(jì),在一定程度上是為了簡約、美。不過,不可見性也給新手用戶帶來不少的認(rèn)知負(fù)擔(dān)。

標(biāo)準(zhǔn)配置

在所有Android平臺(tái)的手機(jī)中,主頁鍵、菜單鍵、返回鍵三個(gè)實(shí)體按鈕是標(biāo)準(zhǔn)配置,也是必備的,所有Android手機(jī)你都能看到它們。搜索鍵以及軌跡球不屬于標(biāo)準(zhǔn)配置。

下面是這些實(shí)體按鈕的介紹:

1、主頁鍵(又稱小房子)——在所有界面,按下此按鍵均回到Android平臺(tái)的主屏幕,或稱桌面。由于Android可執(zhí)行多任務(wù),因此通過主頁鍵快速回到主屏幕,你之前使用的應(yīng)用程序?qū)?huì)在后臺(tái)保持,直到后臺(tái)程序過多時(shí),內(nèi)存釋放被退出。

2、菜單鍵(menu)——按下菜單鍵用于呼出選項(xiàng)菜單,以選擇更多的操作。通常選項(xiàng)菜單的操作項(xiàng)不是常用的、必用的。如果某個(gè)界面不需要選項(xiàng)菜單,菜單鍵按下將不響應(yīng)。

3、返回鍵(又稱后退鍵)——在所有界面,按下返回鍵將返回上一界面,或取消正在顯示的對話框。

4、搜索鍵(放大鏡圖標(biāo))——在Android主屏幕,按下搜索鍵將搜索整個(gè)手機(jī),包括應(yīng)用程序名稱、聯(lián)系人、瀏覽器書簽……

在具體的界面中,搜索鍵用于執(zhí)行應(yīng)用程序或界面相關(guān)的搜索,比如在Gmail收件箱,按下搜索鍵,可以搜索郵件。如果你的應(yīng)用程序不需要,或沒有搜索功能,按下此按鍵將不響應(yīng)。

5、軌跡球——你可以聚焦按鈕后按下軌跡球來執(zhí)行操作,也可以聚焦條目后長按來打開上下文菜單。更多的情況,我們用它來移動(dòng)焦點(diǎn)而已。

鍵盤

Android的手機(jī)鍵盤,包含虛擬鍵盤(又稱軟鍵盤),和實(shí)體鍵盤兩種。

虛擬鍵盤可以在不同的輸入控件中靈活變通。(具體到不同輸入法,輸入面板有所不同,以下示例為Google拼音輸入法)

比如,在輸入郵件地址時(shí),鍵盤上有@:

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

又比如,輸入普通文本時(shí):

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

再比如,在瀏覽器輸入網(wǎng)址時(shí)的軟鍵盤變化:

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

而實(shí)體鍵盤,同樣是QWERTY,區(qū)別在于不同廠商的設(shè)計(jì)中,功能鍵的數(shù)量或布局可能有所不同。這里就不作介紹了。

屏幕手勢

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

1、輕擊:用于選擇一個(gè)控件或條目(類似于鼠標(biāo)的點(diǎn)擊)

2、雙擊:快速放大或還原。比如在瀏覽網(wǎng)頁或圖片時(shí),雙擊放大視圖,再次雙擊還原。

3、拖動(dòng):滾動(dòng)或平移塊狀對象。比如在查看地圖時(shí)有此手勢應(yīng)用。

4、滑動(dòng):快速地滾動(dòng)或平移。比如在查看圖片集時(shí),左右滑動(dòng)可快速切換上一張或下一張圖片。

5、捏或伸:用于設(shè)備有多點(diǎn)觸摸支持時(shí),放大或縮小。比如在查看地圖、照片時(shí)有此手勢應(yīng)用。

6、長按:長按在Android平臺(tái)屬于較常用的手勢,應(yīng)用比較廣泛。比如在列表視圖中,長按列表項(xiàng)可彈出上下文菜單;在文本框中,長按彈出上下文菜單,提供復(fù)制/粘貼、輸入法選擇,等等。

視覺反饋

比如,光標(biāo)在輸入框時(shí),當(dāng)前輸入框被高亮顯示。

又比如,在你輕擊或長按了某對象后,它們會(huì)高亮一下。

……

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

所有的界面交互元素,要能反映出4種不同的狀態(tài) (初始,禁用,聚焦,按下)

聲音反饋

這一項(xiàng)功能,受限于用戶手機(jī)是否啟用聲音。(用戶可以在“設(shè)置”-“聲音和顯示”-“通知鈴聲”,選擇靜音模式。選擇靜音模式后,除媒體、鬧鐘之外,所有聲音均為靜音)?

如果確定聲音能夠加強(qiáng)你的應(yīng)用程序的用戶體驗(yàn)或者功能,或者對于這些方面來說至關(guān)重要,那么你就需要決定你的音頻如何與設(shè)備的音頻環(huán)境配合,如何對用戶的行為反饋。?

記住,無論你使用何種程序來創(chuàng)建聲音,無論你怎樣定義聲音的行為,來電始終會(huì)打斷目前正在運(yùn)行的應(yīng)用程序。不應(yīng)該有任何應(yīng)用程序可以阻止用戶接聽來電。?

??

觸感反饋

這一項(xiàng)功能,受限于用戶手機(jī)是否啟用觸感反饋。(用戶可以在“設(shè)置”-“聲音和顯示”-“觸感反饋”,選擇關(guān)閉或啟用)

Android手機(jī)中,長按操作通常提供了觸感反饋。當(dāng)你長按某條目時(shí),手機(jī)會(huì)輕輕振動(dòng)一下,然后顯示長按呼出的上下文菜單。對于這一個(gè)設(shè)計(jì),筆者希望所有第三方應(yīng)用程序均能保持一致,而不是有的應(yīng)用程序長按條目時(shí)不提供觸感反饋,甚至不提供視覺反饋。

另外,如果你的應(yīng)用程序某個(gè)操作需要特別引起注意,也可以使用觸感反饋。

方向變化

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

用戶隨時(shí)可能旋轉(zhuǎn)他的Android手機(jī),他們希望正在瀏覽的內(nèi)容隨之作出適當(dāng)調(diào)整。

如果你的應(yīng)用程序提供了方向變化,則應(yīng)在所有界面都支持這一特性,而不是僅在某一些界面支持。

當(dāng)然,如果你的應(yīng)用程序大部分不支持方向變化,只有在特定的界面(比如播放全屏視頻時(shí)),并且僅以特定方向顯示,不響應(yīng)設(shè)備方向的變化,這是合理的。

注意,方向變化最終在用戶面前是否響應(yīng),和聲音、觸感一樣,取決于用戶終端的設(shè)置。(用戶可以在“設(shè)置”-“聲音和顯示”-“方向”,選擇關(guān)閉方向變化)

狀態(tài)欄通知

狀態(tài)欄通知是一種后臺(tái)通知服務(wù),用于通知用戶某一事件。

如果你需要提醒用戶時(shí),而用戶正處于這個(gè)界面,則可以考慮使用其它提醒方式代替。

在狀態(tài)欄出現(xiàn)通知時(shí),可添加聲效以加強(qiáng)。

Android手機(jī)應(yīng)用程序界面設(shè)計(jì)指南系列(3)——交互模式 - 阿智 - 阿智的人機(jī)世界

當(dāng)狀態(tài)欄出現(xiàn)一個(gè)通知時(shí),狀態(tài)欄左側(cè)會(huì)增加一個(gè)圖標(biāo)。(25px*25px、png格式)

向下滑動(dòng)狀態(tài)欄可像打開幕簾一樣看到通知詳情。

?

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