通過微信Android和iOS版看兩大系統差異

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

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

由于設計師或者產品經理使用的移動設備大部分是iPhone,所以在做設計時,容易忽略Android和iOS的差異,按照自己的使用習慣進行設計,導致大部分設計師或產品經理做出的設計都是基于iOS規范或習慣。而安卓則照搬iOS。這對于安卓開發而言是個災難,很多組件本可以直接調用系統,由于按照IOS的設計,則需要開發自己寫,研發成本變得很高。

如果設計師或者產品經理有的異常場景狀態沒有想到,導致安卓開發沒有組件調用,為了省事就直接調用安卓自帶組件,導致整個產品在視覺風格上面既有產品風格的組件又有安卓系統的組件 ,統一性很差。所以做一款產品,最好要做兩套設計稿(iOS、Android各一套)。

本文以微信為載體,通過微信Android和iOS版,來一起看Android和ios的兩大系統的差異。

1. 消息提醒機制的差異

iOS版

用戶首次進入微信,微信會彈出消息通知的權限選擇,用戶如果選擇不允許的話,那么用戶想開啟消息推送的權限就必須到ios系統設置里面開啟。注意微信消息設置界面,接受新消息通知和接收語音和視頻聊天邀請通知開關關閉而且置灰,點擊無反應。

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

Android版

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

分析總結:

  1. iOS系統對權限控制比較嚴,例如用戶如果要調用相冊權限、相機、麥克風、位置等都需要用戶選擇確定,用戶點擊不允許。就沒法調取。這也就是為什么ios消息設置相對來說復雜一點,根本原因是iOS系統。
  2. 由于Android開源,Android開發在用戶安裝微信就獲取了很多權限,用戶安裝微信后,對于消息提醒的設置只需要在微信設置界面設置就可

2. 手勢操作的差異

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

但是由于Android和iOS兩個系統不斷的迭代,在設計上有些地方也趨于相似,例如網易郵箱也可以左右滑動,微信iOS版也有長按功能。

3. 組件風格的差異

大部分App在組件設計方面都是在iOS和Android版官方組件的基礎上做了一點改變??蚣芙Y構等都不變。改變的大部分是視覺風格。

警告框

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

更多操作選擇時

iOS版用的組件是“上滑列表”,用戶對功能的進一步選擇。Android用的是“操作列表”。

iOS設計規范里面,如果涉及到多項操作時,多用下滑列表。而Android設計規范多用操作列表

搜索欄

iOS規范一般都是直接把搜索欄展示在導航欄下,而Android規范一般都是在導航欄里面(右側)。

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

4. 信息發送按鈕不一致

Android版微信信息發送的按鈕放在了工具欄上,ios版微信的信息發送按鈕內嵌在鍵盤上。出現這兩個不一致的原因,應該是Android輸入法沒法做到內部定制。

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

5. 導航欄的不一致

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

iOS版的返回箭頭(中間沒有一杠),返回箭頭之后為上一級界面的標題。導航欄中間的標題為當前界面的標題。

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

除了左上角的返回箭頭,Android手機都可以點擊虛擬返回鍵返回上一級界面。

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

總結

做設計,有一個很簡單的辦法就是先借鑒官方、行業主流的設計,在學習和借鑒的過程中總結分析別人設計背后的邏輯。官方、主流設計已經將用戶的認知和使用習慣培養起來了。正如交互之父Alan Cooper所說:如果你找不到更好的設計方案,就按照目前的標準來做,強打差異化有違背用戶習慣的,可能這對用戶價值是有傷害的。

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

當設計能力到達一定的水平,同時目前市場的解決方案都滿足不了現有的業務需求,就可以學會創造,但是在創造過程中最好依據現有標準設計來改變與創造。

 

作者:UX,華為ITUX交互組組長 ?微信公眾號:UEDC

本文由 @UX 原創發布于人人都是產品經理。未經許可,禁止轉載。

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

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

    來自廣東 回復
  3. 最后一段說的收了,還不知道如何創造時先把現有的標準學會了應用好了再去創造。

    回復
  4. 支持作者~ ??

    來自廣東 回復
  5. 呃……

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

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

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

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

      來自廣東 回復
  9. 為什么安卓系統和iOS系統會出現差異呢

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

    來自廣東 回復
  11. 叫鳥不肥

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

    來自上海 回復
    1. 那我就請問了,兩大系統的差異在哪?

      來自北京 回復
    2. 文中不是寫了嗎? 消息通知機制差異,手勢差異,組件差異,導航欄差異,鍵盤差異,返回上一級界面的差異(當然很出現這種結果的原因是設計理念和使用的技術架構的差異)

      來自廣東 回復
    3. 除了組件的差異之外其他只是簡單的代碼實現不同和設計師設計的不同而已,這難道就是系統的差異?

      來自北京 回復
    4. 你都說了那么多不同了.難道不都是在說系統差異?

      來自廣東 回復
    5. 根據兩端不同的用戶使用習慣來微調界面的差異而已。

      來自北京 回復
  13. 介紹的還是淺顯,沒有說到實質性的東西。

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

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

    來自廣東 回復