本文作者將以微信為載體，通過(guò)微信Android和iOS版，來(lái)一起看Android和ios的兩大系統(tǒng)的差異。

由于設(shè)計(jì)師或者產(chǎn)品經(jīng)理使用的移動(dòng)設(shè)備大部分是iPhone，所以在做設(shè)計(jì)時(shí)，容易忽略Android和iOS的差異，按照自己的使用習(xí)慣進(jìn)行設(shè)計(jì)，導(dǎo)致大部分設(shè)計(jì)師或產(chǎn)品經(jīng)理做出的設(shè)計(jì)都是基于iOS規(guī)范或習(xí)慣。而安卓則照搬iOS。這對(duì)于安卓開發(fā)而言是個(gè)災(zāi)難，很多組件本可以直接調(diào)用系統(tǒng)，由于按照IOS的設(shè)計(jì)，則需要開發(fā)自己寫，研發(fā)成本變得很高。

如果設(shè)計(jì)師或者產(chǎn)品經(jīng)理有的異常場(chǎng)景狀態(tài)沒(méi)有想到，導(dǎo)致安卓開發(fā)沒(méi)有組件調(diào)用，為了省事就直接調(diào)用安卓自帶組件，導(dǎo)致整個(gè)產(chǎn)品在視覺(jué)風(fēng)格上面既有產(chǎn)品風(fēng)格的組件又有安卓系統(tǒng)的組件 ，統(tǒng)一性很差。所以做一款產(chǎn)品，最好要做兩套設(shè)計(jì)稿（iOS、Android各一套）。

本文以微信為載體，通過(guò)微信Android和iOS版，來(lái)一起看Android和ios的兩大系統(tǒng)的差異。

1. 消息提醒機(jī)制的差異

iOS版

用戶首次進(jìn)入微信，微信會(huì)彈出消息通知的權(quán)限選擇，用戶如果選擇不允許的話，那么用戶想開啟消息推送的權(quán)限就必須到ios系統(tǒng)設(shè)置里面開啟。注意微信消息設(shè)置界面，接受新消息通知和接收語(yǔ)音和視頻聊天邀請(qǐng)通知開關(guān)關(guān)閉而且置灰，點(diǎn)擊無(wú)反應(yīng)。

用戶只有進(jìn)入設(shè)置-通知-微信，打開允許通知開關(guān)打開則微信才能發(fā)送消息推送的通知。同時(shí)這個(gè)權(quán)限給了微信之后，微信就可以像安卓一樣，在微信消息設(shè)置界面設(shè)置關(guān)閉和打開，不在需要系統(tǒng)的制約了（前提ios系統(tǒng)設(shè)置通知已經(jīng)打開）。

Android版

Android版微信消息提醒設(shè)置就簡(jiǎn)單了。用戶只需要在微信設(shè)置界面設(shè)置就可以了。

分析總結(jié)：

1. iOS系統(tǒng)對(duì)權(quán)限控制比較嚴(yán)，例如用戶如果要調(diào)用相冊(cè)權(quán)限、相機(jī)、麥克風(fēng)、位置等都需要用戶選擇確定，用戶點(diǎn)擊不允許。就沒(méi)法調(diào)取。這也就是為什么ios消息設(shè)置相對(duì)來(lái)說(shuō)復(fù)雜一點(diǎn)，根本原因是iOS系統(tǒng)。
2. 由于Android開源，Android開發(fā)在用戶安裝微信就獲取了很多權(quán)限，用戶安裝微信后，對(duì)于消息提醒的設(shè)置只需要在微信設(shè)置界面設(shè)置就可

2. 手勢(shì)操作的差異

由于安卓用戶習(xí)慣長(zhǎng)按操作，iOS用戶習(xí)慣左右滑動(dòng)。所有涉及到更多功能的操作時(shí)，安卓用戶會(huì)嘗試長(zhǎng)按，而iOS用戶會(huì)嘗試左右滑動(dòng)。

但是由于Android和iOS兩個(gè)系統(tǒng)不斷的迭代，在設(shè)計(jì)上有些地方也趨于相似，例如網(wǎng)易郵箱也可以左右滑動(dòng)，微信iOS版也有長(zhǎng)按功能。

3. 組件風(fēng)格的差異

大部分App在組件設(shè)計(jì)方面都是在iOS和Android版官方組件的基礎(chǔ)上做了一點(diǎn)改變?？蚣芙Y(jié)構(gòu)等都不變。改變的大部分是視覺(jué)風(fēng)格。

警告框

iOS版的警告框的文字和按鈕都是左右居中對(duì)齊，Android版的警告框的文字是左對(duì)齊，按鈕是右對(duì)齊。

更多操作選擇時(shí)

iOS版用的組件是“上滑列表”，用戶對(duì)功能的進(jìn)一步選擇。Android用的是“操作列表”。

iOS設(shè)計(jì)規(guī)范里面，如果涉及到多項(xiàng)操作時(shí)，多用下滑列表。而Android設(shè)計(jì)規(guī)范多用操作列表

搜索欄

iOS規(guī)范一般都是直接把搜索欄展示在導(dǎo)航欄下，而Android規(guī)范一般都是在導(dǎo)航欄里面（右側(cè)）。

當(dāng)然一些大廠App的ios版把搜索放在搜索放在狀態(tài)欄里面（右側(cè)），Android版把搜索展示在導(dǎo)航欄下。只能說(shuō)官方推薦只能作為參考，具體看業(yè)務(wù)需求和用戶目標(biāo)來(lái)做設(shè)計(jì)，例如手機(jī)淘寶Android版的用戶對(duì)搜索過(guò)度依賴，如果按照Android官方推薦的搜索標(biāo)準(zhǔn)來(lái)，那么對(duì)搜索過(guò)于弱化，用戶使用起來(lái)會(huì)變得麻煩，從商業(yè)上來(lái)說(shuō)也是一種巨大的損壞。

4. 信息發(fā)送按鈕不一致

Android版微信信息發(fā)送的按鈕放在了工具欄上，ios版微信的信息發(fā)送按鈕內(nèi)嵌在鍵盤上。出現(xiàn)這兩個(gè)不一致的原因，應(yīng)該是Android輸入法沒(méi)法做到內(nèi)部定制。

總結(jié)：如果想快速且詳細(xì)了解IOS和Android版組件的差異化，可以在sketch上面New From Template 里面找到? iOS UI Design 和Material Design 查看

5. 導(dǎo)航欄的不一致

Android版的返回icon，通常用左箭頭（中間有一杠）。同時(shí)導(dǎo)航欄的標(biāo)題位于左邊箭頭之后，標(biāo)題為當(dāng)前界面的標(biāo)題。

iOS版的返回箭頭（中間沒(méi)有一杠），返回箭頭之后為上一級(jí)界面的標(biāo)題。導(dǎo)航欄中間的標(biāo)題為當(dāng)前界面的標(biāo)題。

6. 返回上一級(jí)界面的差異

除了左上角的返回箭頭，Android手機(jī)都可以點(diǎn)擊虛擬返回鍵返回上一級(jí)界面。

iOS版App都可以從左邊緣向右滑動(dòng)返回上一級(jí)界面，部分App的Android版也做了從左邊緣向右滑動(dòng)返回上一級(jí)界面。i

總結(jié)

做設(shè)計(jì)，有一個(gè)很簡(jiǎn)單的辦法就是先借鑒官方、行業(yè)主流的設(shè)計(jì)，在學(xué)習(xí)和借鑒的過(guò)程中總結(jié)分析別人設(shè)計(jì)背后的邏輯。官方、主流設(shè)計(jì)已經(jīng)將用戶的認(rèn)知和使用習(xí)慣培養(yǎng)起來(lái)了。正如交互之父Alan Cooper所說(shuō)：如果你找不到更好的設(shè)計(jì)方案，就按照目前的標(biāo)準(zhǔn)來(lái)做，強(qiáng)打差異化有違背用戶習(xí)慣的，可能這對(duì)用戶價(jià)值是有傷害的。

這就是為什么我以微信為載體對(duì)比iOS和Android兩大系統(tǒng)的差異。

當(dāng)設(shè)計(jì)能力到達(dá)一定的水平，同時(shí)目前市場(chǎng)的解決方案都滿足不了現(xiàn)有的業(yè)務(wù)需求，就可以學(xué)會(huì)創(chuàng)造，但是在創(chuàng)造過(guò)程中最好依據(jù)現(xiàn)有標(biāo)準(zhǔn)設(shè)計(jì)來(lái)改變與創(chuàng)造。

作者：UX，華為ITUX交互組組長(zhǎng) ?微信公眾號(hào)：UEDC

本文由 @UX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。