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

本文作者將以微信為載體,通過微信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版官方組件的基礎上做了一點改變??蚣芙峁溝榷疾槐?。改變的大部分是視覺風格。

警告框

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

 

總結

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

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

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

 

作者:Echo(微信公眾號:UEDC)

來源:學UI網

上一篇: 微信有哪些隱藏的細節或邏輯很驚艷?

下一篇: 2017 年需要警惕的設計趨勢

分享到: 更多
十一选五河北时时 时时彩四星稳赚方法 pk10最牛稳赚单双模式 pk10如何将100玩到一万 全天pk10最精准计划 七乐彩开奖直播现场 360时时彩技巧稳赚 十一选五复式计算器 微信大小单双怎么玩 斗牛看牌抢庄计算器 单机斗地主免费版2018 看牌抢庄牛牛app 欢乐生肖游戏上市 秒速时时手机版 pk10冠亚和值11为大 时时彩每天稳赚一千