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)請告知馬上刪除或修改貌矿。如有不足請指出,歡迎補充罪佳。