建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
由于設(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ì)于安卓開(kāi)發(fā)而言是個(gè)災(zāi)難，很多組件本可以直接調(diào)用系統(tǒng)，由于按照IOS的設(shè)計(jì)，則需要開(kāi)發(fā)自己寫(xiě)，研發(fā)成本變得很高。
創(chuàng)新互聯(lián)建站是一家從事企業(yè)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、行業(yè)門(mén)戶(hù)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)制作的專(zhuān)業(yè)網(wǎng)站建設(shè)公司，擁有經(jīng)驗(yàn)豐富的網(wǎng)站建設(shè)工程師和網(wǎng)頁(yè)設(shè)計(jì)人員，具備各種規(guī)模與類(lèi)型網(wǎng)站建設(shè)的實(shí)力，在網(wǎng)站建設(shè)領(lǐng)域樹(shù)立了自己獨(dú)特的設(shè)計(jì)風(fēng)格。自公司成立以來(lái)曾獨(dú)立設(shè)計(jì)制作的站點(diǎn)上千余家。
如果設(shè)計(jì)師或者產(chǎn)品經(jīng)理有的異常場(chǎng)景狀態(tài)沒(méi)有想到，導(dǎo)致安卓開(kāi)發(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版
用戶(hù)首次進(jìn)入微信，微信會(huì)彈出消息通知的權(quán)限選擇，用戶(hù)如果選擇不允許的話，那么用戶(hù)想開(kāi)啟消息推送的權(quán)限就必須到ios系統(tǒng)設(shè)置里面開(kāi)啟。注意微信消息設(shè)置界面，接受新消息通知和接收語(yǔ)音和視頻聊天邀請(qǐng)通知開(kāi)關(guān)關(guān)閉而且置灰，點(diǎn)擊無(wú)反應(yīng)。
用戶(hù)只有進(jìn)入設(shè)置-通知-微信，打開(kāi)允許通知開(kāi)關(guān)打開(kāi)則微信才能發(fā)送消息推送的通知。同時(shí)這個(gè)權(quán)限給了微信之后，微信就可以像安卓一樣，在微信消息設(shè)置界面設(shè)置關(guān)閉和打開(kāi)，不在需要系統(tǒng)的制約了(前提ios系統(tǒng)設(shè)置通知已經(jīng)打開(kāi))。
Android版
Android版微信消息提醒設(shè)置就簡(jiǎn)單了。用戶(hù)只需要在微信設(shè)置界面設(shè)置就可以了。
分析總結(jié)：
iOS系統(tǒng)對(duì)權(quán)限控制比較嚴(yán)，例如用戶(hù)如果要調(diào)用相冊(cè)權(quán)限、相機(jī)、麥克風(fēng)、位置等都需要用戶(hù)選擇確定，用戶(hù)點(diǎn)擊不允許。就沒(méi)法調(diào)取。這也就是為什么ios消息設(shè)置相對(duì)來(lái)說(shuō)復(fù)雜一點(diǎn)，根本原因是iOS系統(tǒng)。
由于Android開(kāi)源，Android開(kāi)發(fā)在用戶(hù)安裝微信就獲取了很多權(quán)限，用戶(hù)安裝微信后，對(duì)于消息提醒的設(shè)置只需要在微信設(shè)置界面設(shè)置就可
2. 手勢(shì)操作的差異
由于安卓用戶(hù)習(xí)慣長(zhǎng)按操作，iOS用戶(hù)習(xí)慣左右滑動(dòng)。所有涉及到更多功能的操作時(shí)，安卓用戶(hù)會(huì)嘗試長(zhǎng)按，而iOS用戶(hù)會(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版用的組件是“上滑列表”，用戶(hù)對(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ù)需求和用戶(hù)目標(biāo)來(lái)做設(shè)計(jì)，例如手機(jī)淘寶Android版的用戶(hù)對(duì)搜索過(guò)度依賴(lài)，如果按照Android官方推薦的搜索標(biāo)準(zhǔn)來(lái)，那么對(duì)搜索過(guò)于弱化，用戶(hù)使用起來(lái)會(huì)變得麻煩，從商業(yè)上來(lái)說(shuō)也是一種巨大的損壞。
4. 信息發(fā)送按鈕不一致
Android版微信信息發(fā)送的按鈕放在了工具欄上，ios版微信的信息發(fā)送按鈕內(nèi)嵌在鍵盤(pán)上。出現(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í)界面。
總結(jié)
做設(shè)計(jì)，有一個(gè)很簡(jiǎn)單的辦法就是先借鑒官方、行業(yè)主流的設(shè)計(jì)，在學(xué)習(xí)和借鑒的過(guò)程中總結(jié)分析別人設(shè)計(jì)背后的邏輯。官方、主流設(shè)計(jì)已經(jīng)將用戶(hù)的認(rèn)知和使用習(xí)慣培養(yǎng)起來(lái)了。正如交互之父Alan Cooper所說(shuō)：如果你找不到更好的設(shè)計(jì)方案，就按照目前的標(biāo)準(zhǔn)來(lái)做，強(qiáng)打差異化有違背用戶(hù)習(xí)慣的，可能這對(duì)用戶(hù)價(jià)值是有傷害的。
這就是為什么我以微信為載體對(duì)比iOS和Android兩大系統(tǒng)的差異。
當(dāng)設(shè)計(jì)能力到達(dá)一定的水平，同時(shí)目前市場(chǎng)的解決方案都滿(mǎn)足不了現(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)
名稱(chēng)欄目：通過(guò)微信Android和iOS版看兩大系統(tǒng)差異
文章鏈接：http://fisionsoft.com.cn/article/dhgpopo.html
