通過微信Android和iOS版看兩大系統(tǒng)差異

UX
21 評論 15094 瀏覽 96 收藏 9 分鐘

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

由于設(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é):

  1. 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)。
  2. 由于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版也做了從左邊緣向右滑動返回上一級界面。i

總結(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í)慣的,可能這對用戶價值是有傷害的。

這就是為什么我以微信為載體對比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交互組組長 ?微信公眾號:UEDC

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 國內(nèi)杠精真多。說一些沒營養(yǎng)的廢話,不腰疼?少比比,懟你都浪費(fèi)精力,對看你一眼都是浪費(fèi)青春,家庭幸福和睦?

    來自四川 回復(fù)
  2. 小伙子,多讀書吧

    來自廣東 回復(fù)
  3. 最后一段說的收了,還不知道如何創(chuàng)造時先把現(xiàn)有的標(biāo)準(zhǔn)學(xué)會了應(yīng)用好了再去創(chuàng)造。

    回復(fù)
  4. 支持作者~ ??

    來自廣東 回復(fù)
  5. 呃……

    來自北京 回復(fù)
  6. 鍵盤俠哪里都有,區(qū)別只在于多讀了兩篇高頭講章,冠以個高級鍵盤下的名頭,作者大可不必多費(fèi)口舌,做專欄本就是一件利己利人的好事,期待更好的作品

    來自廣東 回復(fù)
  7. 你那么牛逼,怎么不寫兩篇讓大家學(xué)習(xí)學(xué)習(xí)?起碼UX寫的對我有幫助

    來自廣東 回復(fù)
  8. 期待更深入的解析篇

    來自廣東 回復(fù)
    1. 會的哈。這篇我一個下午就寫完了,確實(shí)寫的比較淺

      來自廣東 回復(fù)
  9. 為什么安卓系統(tǒng)和iOS系統(tǒng)會出現(xiàn)差異呢

    回復(fù)
  10. 雖然是比較淺顯就能看出的差異,但是作者把它總結(jié)出來,還是能讓讀者加深點(diǎn)了解,支持作者

    來自廣東 回復(fù)
  11. 叫鳥不肥

    來自江蘇 回復(fù)
  12. 多數(shù)人能看出兩者差異(多數(shù)人會說),但是只有少數(shù)人會寫出來兩者差異(少數(shù)人會做)

    來自上海 回復(fù)
    1. 那我就請問了,兩大系統(tǒng)的差異在哪?

      來自北京 回復(fù)
    2. 文中不是寫了嗎? 消息通知機(jī)制差異,手勢差異,組件差異,導(dǎo)航欄差異,鍵盤差異,返回上一級界面的差異(當(dāng)然很出現(xiàn)這種結(jié)果的原因是設(shè)計(jì)理念和使用的技術(shù)架構(gòu)的差異)

      來自廣東 回復(fù)
    3. 除了組件的差異之外其他只是簡單的代碼實(shí)現(xiàn)不同和設(shè)計(jì)師設(shè)計(jì)的不同而已,這難道就是系統(tǒng)的差異?

      來自北京 回復(fù)
    4. 你都說了那么多不同了.難道不都是在說系統(tǒng)差異?

      來自廣東 回復(fù)
    5. 根據(jù)兩端不同的用戶使用習(xí)慣來微調(diào)界面的差異而已。

      來自北京 回復(fù)
  13. 介紹的還是淺顯,沒有說到實(shí)質(zhì)性的東西。

    來自廣東 回復(fù)
    1. 恩是的,關(guān)于ios和安卓為什么會存在如此差異 ,寫起來會比較麻煩(需要從設(shè)計(jì)理念和使用的技術(shù)架構(gòu)等挨條分析),就先沒寫了。

      來自廣東 回復(fù)
  14. 這篇文章的用戶群是給目前無心留意安卓和ios差異的童鞋看的,我總結(jié)出來難道有問題嗎?你如果都知道可以無視。你既然長了眼睛,你也寫幾篇給我長長眼啊。

    來自廣東 回復(fù)