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

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

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

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

iOS版

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

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

Android版

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

分析總結(jié)：

iOS系統(tǒng)對權(quán)限控制比較嚴(yán)，例如用戶如果要調(diào)用相冊權(quán)限、相機(jī)、麥克風(fēng)、位置等都需要用戶選擇確定，用戶點(diǎn)擊不允許。就沒法調(diào)取。這也就是為什么ios消息設(shè)置相對來說復(fù)雜一點(diǎn)，根本原因是iOS系統(tǒng)。

由于Android開源，Android開發(fā)在用戶安裝微信就獲取了很多權(quán)限，用戶安裝微信后，對于消息提醒的設(shè)置只需要在微信設(shè)置界面設(shè)置就可

2. 手勢操作的差異

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

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

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

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

警告框

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

更多操作選擇時

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

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

搜索欄

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

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

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

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

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

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

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

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

6. 返回上一級界面的差異

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

iOS版App都可以從左邊緣向右滑動返回上一級界面，部分App的Android版也做了從左邊緣向右滑動返回上一級界面。

總結(jié)

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

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

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

作者：UX，華為ITUX交互組組長