Android和iOS在交互上差異的小總結(jié)

Android和iOS在交互上差異的小總結(jié)

1.返回

Android是有物理返回按鈕的蜒灰,點擊返回按鈕,控制的不光是一個頁面,而是包括了上一步操作踪栋。比如說:進(jìn)入頁面A祭饭,點擊文本框彈出鍵盤。那么點擊返回按鍵就是收起鍵盤盹舞。所以产镐,android的返回邏輯是按照倒敘的時間流進(jìn)行的,返回控制的不僅是頁面踢步,還有動作癣亚。

Android導(dǎo)航是應(yīng)用內(nèi)和系統(tǒng)的雙向?qū)Ш健:綑跇?biāo)題前的一個小箭頭获印,點擊這個小箭頭述雾,可以回到該頁面的上一層級,如:當(dāng)上一個查看的界面是當(dāng)前界面的父層級時,點擊“返回”按鍵和點擊“向上”按鍵的結(jié)果是一樣的兼丰。然而玻孟,“向上”圖標(biāo)可以確保用戶停留在應(yīng)用程序中,而“返回”物理按鍵可以讓用戶回到系統(tǒng)首頁,甚至?xí)氐搅硪粋€應(yīng)用戶程序

iOS沒有實體返回鍵鳍征,所有返回都是通過導(dǎo)航欄的back按鈕返回取募。iOS系統(tǒng)應(yīng)用內(nèi)的導(dǎo)航與系統(tǒng)導(dǎo)航分隔開,返回控制的是應(yīng)用的頁面蟆技,應(yīng)用內(nèi)一般無[退出]選項,通過home按鍵返回到主屏界面及退出應(yīng)用斗忌。


2. Android有menu鍵质礼,點擊后調(diào)出menu菜單,iOS沒有

3织阳,iOS10眶蕉,iPhone6s之后3d touch帶來的交互上的改變,在iOS10人機交互指南的第二章節(jié)中專門有介紹唧躲。例如:

(1)3D Touch 為觸碰式交互增加了一個維度造挽。在支持3D Touch的設(shè)備的主屏按壓應(yīng)用圖標(biāo)會觸發(fā)相應(yīng)的操作視圖。該視圖讓你能夠快速地執(zhí)行常用的應(yīng)用任務(wù)和預(yù)覽有趣的信息弄痹。

(2)輕壓(Peek)和重壓(Pop)

4, 布局:iOS有很多控件都是現(xiàn)成的饭入,并且系統(tǒng)版本比較少。安卓系統(tǒng)的基本都是自定義控件肛真,不同版本不同手機會造成交互效果的很大不同谐丢。

由于眾多的手機型號,公司沒有統(tǒng)一的規(guī)范,很多設(shè)計師是以iOS為主要參考做的乾忱,Android端就會根據(jù)設(shè)計稿做一些自定義的布局讥珍,這樣導(dǎo)致iOS和Android的交互和設(shè)計互相使用。

列舉幾個:

(1)應(yīng)用的通知處理不一致窄瘟,iOS有圖標(biāo)右上角的小紅圈(徽標(biāo)Badge)衷佃,搜索屏幕和主屏幕的窗口控件(widget);Android為statuesbar中的滾動顯示蹄葱。

(2)Tabs和Segment Controls

Tabs來自Android規(guī)范氏义,早在Android 2.0時代,官方的通訊錄App就使用頂部Tab導(dǎo)航新蟆,之前Android 4.0規(guī)范和最新的Material Design都將Tabs作為推薦的導(dǎo)航形式觅赊。而Segment Controls則來源于iOS規(guī)范。

(3)提示反饋琼稻。Android的Toast和iOS的HUD吮螺。我在之前的日志《iOS和Android規(guī)范解析:提示框(Toast)對比》中總結(jié)過。

?HUD出現(xiàn)在屏幕的中央帕翻,Toast在底部鸠补;

???????? HUD可以由icon,Toast不能有icon嘀掸,只能用文字紫岩;

???????? HUD一般是毛玻璃透明,Toast一般是灰黑或者黑色半透明睬塌;

???????? HUD中內(nèi)容可以變化(如調(diào)節(jié)音量時)泉蝌,Toast中內(nèi)容不可變化


5,(來自知乎)標(biāo)題位置

標(biāo)題的位置是最基礎(chǔ)的一個揩晴,Android靠左勋陪,iOS 居中。


這個是最基礎(chǔ)的一個交互差異硫兰,但是也不是每家公司都在遵守诅愚。正面的例子,微信和淘寶劫映,在Android設(shè)備上做了靠左的設(shè)計违孝。但是仍然有例外,比如下面的例子(也是大廠):

然而泳赋,即使是微信和淘寶都遵守著的Android的設(shè)計規(guī)范雌桑,還是被大部分Android廠商自身系統(tǒng)UI拋棄。這也是安卓UI比較尷尬的地方:一方面安卓設(shè)計規(guī)范一直在不斷大改摹蘑,一方面各個廠商“致敬”iOS風(fēng)氣濃重筹燕,這也間接導(dǎo)致很多設(shè)計師干脆照搬了iOS的交互。

6,(來自知乎)右滑和長按

Android 對列表操作欄的處理為長按,iOS為左滑撒踪。

這個交互其實是大家比較熟悉的一個过咬,目前比較成熟的產(chǎn)品基本也會遵守這個交互習(xí)慣,這已經(jīng)屬于不遵守就會讓用戶很別扭的細(xì)節(jié)≈仆現(xiàn)在2017.1.14的情況是Android端微信是長按掸绞,QQ是左滑。

7,(來自知乎)消息開關(guān)設(shè)計

對于iOS系統(tǒng)而言耕捞,push是否能夠發(fā)到主要取決于系統(tǒng)級的開關(guān)衔掸,而對于Android系統(tǒng)而言,push到達(dá)設(shè)備主要取決于各家是否能夠卑吵椋活敞映。所以對于iOS而言,消息開關(guān)需要強調(diào)系統(tǒng)級的開關(guān)磷斧,而對于Android則可以直接打開或者關(guān)閉振愿。如微信的設(shè)計:

當(dāng)然對于微信這種大廠而言,不太需要在乎消息開關(guān)打開率弛饭,如果再進(jìn)一步考慮消息開關(guān)的打開情況的話冕末,則可以對于開關(guān)做進(jìn)一步處理:打開消息情況不做直接關(guān)閉引導(dǎo),關(guān)閉情況則引導(dǎo)用戶打開設(shè)置侣颂。比如當(dāng)時重構(gòu)功能時候我給的方案:

8,(來自知乎)多篩選交互

對于地址選擇档桃,iOS一般使用系統(tǒng)交互的滾筒控件,但是部分Android APP也用這個交互憔晒,則是不對的藻肄。對于Android交互而言,一般是用列表選擇代替滾筒的設(shè)計拒担。對于這點仅炊,有問題的APP倒還有一些。我們還是看一下淘寶的選擇地址時的設(shè)計(請忽略淘寶這個貼邊的按鈕設(shè)計):

9,(來自知乎)搜索框交互

關(guān)于搜索框澎蛛,也是有標(biāo)準(zhǔn)交互的。

Android交互為:返回蜕窿,搜索框谋逻,搜索按鈕。iOS交互為:搜索框桐经,取消毁兆。如下可見(京東):

當(dāng)然,也有反面的例子(某新聞客戶端):

為什么要這么做呢阴挣?其實也是iOS和Android的系統(tǒng)決定的气堕。對于iOS而言,系統(tǒng)搜索框本就是這樣設(shè)計,而且在搜索模式下茎芭,底部確認(rèn)按鈕可以變?yōu)樗阉靼粹o揖膜,這符合iOS用戶的習(xí)慣操作。而對于Android系統(tǒng)而言梅桩,底部沒有搜索按鈕壹粟,雖然回車是可以起到相同的作用,但是對于用戶而言宿百,頂部沒有搜索按鈕還是會造成誤解趁仙。(如下:為搜索調(diào)起時候我的手機鍵盤)

iOS和Android在交互上的區(qū)別還有很多,以上只是個人可以想到的一小部分垦页,用于總結(jié)學(xué)習(xí)雀费。

iOS和Android在交互上的區(qū)別還有很多,以上只是個人可以想到的一小部分痊焊,用于總結(jié)學(xué)習(xí)盏袄。

文章的部分觀點來自總結(jié)網(wǎng)絡(luò)文章,僅用于個人總結(jié)思考宋光,若有侵權(quán)請告知馬上刪除或修改貌矿。如有不足請指出,歡迎補充罪佳。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末逛漫,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子赘艳,更是在濱河造成了極大的恐慌酌毡,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蕾管,死亡現(xiàn)場離奇詭異枷踏,居然都是意外死亡,警方通過查閱死者的電腦和手機掰曾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門旭蠕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人旷坦,你說我怎么就攤上這事掏熬。” “怎么了秒梅?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵旗芬,是天一觀的道長。 經(jīng)常有香客問我捆蜀,道長疮丛,這世上最難降的妖魔是什么幔嫂? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮誊薄,結(jié)果婚禮上履恩,老公的妹妹穿的比我還像新娘。我一直安慰自己暇屋,他們只是感情好似袁,可當(dāng)我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著咐刨,像睡著了一般昙衅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上定鸟,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天而涉,我揣著相機與錄音,去河邊找鬼联予。 笑死啼县,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的沸久。 我是一名探鬼主播季眷,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼卷胯!你這毒婦竟也來了子刮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤窑睁,失蹤者是張志新(化名)和其女友劉穎挺峡,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體担钮,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡橱赠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了箫津。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片狭姨。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖苏遥,靈堂內(nèi)的尸體忽然破棺而出送挑,到底是詐尸還是另有隱情,我是刑警寧澤暖眼,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站纺裁,受9級特大地震影響诫肠,放射性物質(zhì)發(fā)生泄漏司澎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一栋豫、第九天 我趴在偏房一處隱蔽的房頂上張望挤安。 院中可真熱鬧,春花似錦丧鸯、人聲如沸蛤铜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽围肥。三九已至,卻和暖如春蜂怎,著一層夾襖步出監(jiān)牢的瞬間穆刻,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工杠步, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留氢伟,地道東北人。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓幽歼,卻偏偏與公主長得像朵锣,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容