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

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

1.返回

Android是有物理返回按鈕的,點擊返回按鈕,控制的不光是一個頁面,而是包括了上一步操作。比如說:進入頁面A,點擊文本框彈出鍵盤。那么點擊返回按鍵就是收起鍵盤。所以,android的返回邏輯是按照倒敘的時間流進行的,返回控制的不僅是頁面,還有動作。

Android導(dǎo)航是應(yīng)用內(nèi)和系統(tǒng)的雙向?qū)Ш?。航欄標題前的一個小箭頭,點擊這個小箭頭,可以回到該頁面的上一層級,如:當上一個查看的界面是當前界面的父層級時,點擊“返回”按鍵和點擊“向上”按鍵的結(jié)果是一樣的。然而,“向上”圖標可以確保用戶停留在應(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)用圖標會觸發(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有圖標右上角的小紅圈(徽標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,(來自知乎)標題位置

標題的位置是最基礎(chǔ)的一個,Android靠左,iOS 居中。


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

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

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

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

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

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

對于iOS系統(tǒng)而言,push是否能夠發(fā)到主要取決于系統(tǒng)級的開關(guān),而對于Android系統(tǒng)而言,push到達設(shè)備主要取決于各家是否能夠?;?。所以對于iOS而言,消息開關(guān)需要強調(diào)系統(tǒng)級的開關(guān),而對于Android則可以直接打開或者關(guān)閉。如微信的設(shè)計:

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

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

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

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

關(guān)于搜索框,也是有標準交互的。

Android交互為:返回,搜索框,搜索按鈕。iOS交互為:搜索框,取消。如下可見(京東):

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

為什么要這么做呢?其實也是iOS和Android的系統(tǒng)決定的。對于iOS而言,系統(tǒng)搜索框本就是這樣設(shè)計,而且在搜索模式下,底部確認按鈕可以變?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)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容