
Echo :本文將以微信為載體,通過微信Android和iOS版,來一起看Android和ios的兩大系統的差異。
由于設計師或者產品經理使用的移動設備大部分是iPhone,所以在做設計時,容易忽略Android和iOS的差異,按照自己的使用習慣進行設計,導致大部分設計師或產品經理做出的設計都是基于iOS規范或習慣。而安卓則照搬iOS。這對于安卓開發而言是個災難,很多組件本可以直接調用系統,由于按照iOS的設計,則需要開發自己寫,研發成本變得很高。
如果設計師或者產品經理有的異常場景狀態沒有想到,導致安卓開發沒有組件調用,為了省事就直接調用安卓自帶組件,導致整個產品在視覺風格上面既有產品風格的組件又有安卓系統的組件 ,統一性很差。所以做一款產品,最好要做兩套設計稿(iOS、Android各一套)。
本文以微信為載體,通過微信Android和iOS版,來一起看Android和iOS的兩大系統的差異。
一. 消息提醒機制的差異
iOS版
用戶首次進入微信,微信會彈出消息通知的權限選擇,用戶如果選擇不允許的話,那么用戶想開啟消息推送的權限就必須到iOS系統設置里面開啟。注意微信消息設置界面,接受新消息通知和接收語音和視頻聊天邀請通知開關關閉而且置灰,點擊無反應。

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


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

分析總結:
- iOS系統對權限控制比較嚴,例如用戶如果要調用相冊權限、相機、麥克風、位置等都需要用戶選擇確定,用戶點擊不允許。就沒法調取。這也就是為什么iOS消息設置相對來說復雜一點,根本原因是iOS系統。
- 由于Android開源,Android開發在用戶安裝微信就獲取了很多權限,用戶安裝微信后,對于消息提醒的設置只需要在微信設置界面設置就可以了。
二. 手勢操作的差異
由于安卓用戶習慣長按操作,iOS用戶習慣左右滑動。所有涉及到更多功能的操作時,安卓用戶會嘗試長按,而iOS用戶會嘗試左右滑動。

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

三. 組件風格的差異
大部分App在組件設計方面都是在iOS和Android版官方組件的基礎上做了一點改變。框架結構等都不變。改變的大部分是視覺風格。
警告框
iOS版的警告框的文字和按鈕都是居中對齊,Android版的警告框的文字是左對齊,按鈕是右對齊。

更多操作選擇時
iOS版用的組件是“上滑列表”,用戶對功能的進一步選擇。Android用的是“操作列表”。
iOS設計規范里面,如果涉及到多項操作時,多用下滑列表。而Android設計規范多用操作列表。

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

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

總結:如果想快速且詳細了解iOS和Android版組件的差異化,可以在Sketch上面New From Template 里面找到 iOS UI Design 和Material Design 查看。
五. 導航欄的不一致
Android版的返回icon,通常用左箭頭(中間有一杠)。同時導航欄的標題位于左邊箭頭之后,標題為當前界面的標題。
iOS版的返回箭頭(中間沒有一杠),返回箭頭之后為上一級界面的標題。導航欄中間的標題為當前界面的標題。

六. 返回上一級界面的差異
除了左上角的返回箭頭,Android手機都可以點擊虛擬返回鍵返回上一級界面。
iOS版App都可以從左邊緣向右滑動返回上一級界面,部分App的Android版也做了從左邊緣向右滑動返回上一級界面。
總結
做設計,有一個很簡單的辦法就是先借鑒官方、行業主流的設計,在學習和借鑒的過程中總結分析別人設計背后的邏輯。官方、主流設計已經將用戶的認知和使用習慣培養起來了。正如交互之父Alan Cooper所說:如果你找不到更好的設計方案,就按照目前的標準來做,強打差異化有違背用戶習慣的,可能這對用戶價值是有傷害的。
這就是為什么我以微信為載體對比iOS和Android兩大系統的差異。
當設計能力到達一定的水平,同時目前市場的解決方案都滿足不了現有的業務需求,就可以學會創造,但是在創造過程中最好依據現有標準設計來改變與創造。
歡迎關注作者的微信公眾號:「UEDC」

「超實用!設計規范的精華版手冊」
- 《小科普!ANDROID和IOS的設計到底有什么不同?》
- 《高手幫你學規范!IOS和ANDROID規范解析之按鈕》
- 《高手幫你學規范!IOS和ANDROID規范解析之底部浮層》
- 《高手幫你學規范!IOS和ANDROID規范解析之提示框+警告框》
- 《高手幫你學規范!IOS版和安卓的規范解析之底部標簽導航》
- 《高手幫你學規范!IOS和ANDROID規范解析之簡易菜單+彈框》
- 《高手幫你學規范!IOS和ANDROID規范解析之標簽導航和分段控件》
【優設網 原創文章 投稿郵箱:yuan@uisdc.com】
================明星欄目推薦================
優優教程網: UiiiUiii.com
是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。
設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。




發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 772 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓