通過微信Android和iOS版看兩大系統差異
由於設計師或者產品經理使用的移動設備大部分是iPhone,所以在做設計時,容易忽略Android和iOS的差異,按照自己的使用習慣進行設計,導致大部分設計師或產品經理做出的設計都是基於iOS規範或習慣。而安卓則照搬iOS。這對於安卓開發而言是個災難,很多組件本可以直接調用系統,由於按照IOS的設計,則需要開發自己寫,研發成本變得很高。
如果設計師或者產品經理有的異常場景狀態沒有想到,導致安卓開發沒有組件調用,為了省事就直接調用安卓自帶組件,導致整個產品在視覺風格上面既有產品風格的組件又有安卓系統的組件 ,統一性很差。所以做一款產品,最好要做兩套設計稿(iOS、Android各一套)。
1. 消息提醒機制的差異
iOS版
用戶首次進入微信,微信會彈出消息通知的許可權選擇,用戶如果選擇不允許的話,那麼用戶想開啟消息推送的許可權就必須到ios系統設置裡面開啟。注意微信消息設置界面,接受新消息通知和接收語音和視頻聊天邀請通知開關關閉而且置灰,點擊無反應。
用戶只有進入設置-通知-微信,打開允許通知開關打開則微信才能發送消息推送的通知。同時這個許可權給了微信之後,微信就可以像安卓一樣,在微信消息設置界面設置關閉和打開,不在需要系統的制約了(前提ios系統設置通知已經打開)。
用戶只有進入設置-通知-微信,打開允許通知開關打開則微信才能發送消息推送的通知。同時這個許可權給了微信之後,微信就可以像安卓一樣,在微信消息設置界面設置關閉和打開,不在需要系統的制約了(前提ios系統設置通知已經打開)。
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. 信息發送按鈕不一致
總結:如果想快速且詳細了解IOS和Android版組件的差異化,可以在sketch上面New From Template 裡面找到 iOS UI Design 和Material Design 查看
5. 導航欄的不一致
Android版的返回icon,通常用左箭頭(中間有一杠)。同時導航欄的標題位於左邊箭頭之後,標題為當前界面的標題。
iOS版的返回箭頭(中間沒有一杠),返回箭頭之後為上一級界面的標題。導航欄中間的標題為當前界面的標題。
6. 返回上一級界面的差異
除了左上角的返回箭頭,Android手機都可以點擊虛擬返回鍵返回上一級界面。
iOS版App都可以從左邊緣向右滑動返回上一級界面,部分App的Android版也做了從左邊緣向右滑動返回上一級界面。
總結
做設計,有一個很簡單的辦法就是先借鑒官方、行業主流的設計,在學習和借鑒的過程中總結分析別人設計背後的邏輯。官方、主流設計已經將用戶的認知和使用習慣培養起來了。正如交互之父Alan Cooper所說:如果你找不到更好的設計方案,就按照目前的標準來做,強打差異化有違背用戶習慣的,可能這對用戶價值是有傷害的。
當設計能力到達一定的水平,同時目前市場的解決方案都滿足不了現有的業務需求,就可以學會創造,但是在創造過程中最好依據現有標準設計來改變與創造。
轉載自:公眾號 UXED
交互設計學堂已經開設了新的欄目-行知書院,旨在幫助小夥伴們來高效的學習現在市面上優秀的用戶體驗書籍比如《交互設計精髓》等等,同時結合老D的工作經驗來幫助你們從不同的高度和角度來解讀書中的內容。每天一課,積少成多。已有134位小夥伴加入。詳細了解行知書院


※第11期課程增加線下班
※在線課程第11期開始報名5.29開課
※聊天機器人 是交互體驗設計的新思路
TAG:交互設計學堂 |
※通過區塊鏈構建分散式信用數據體系,Distributed Credit Chain打造去中心化的金融生態系統
※微軟開始通過Windows Security Alerts鼓勵更多用戶利用OneDrive備份
※看我如何通過Tor Onion在Windows中執行遠程Shell
※Mirai變成Miori:IoT殭屍網路通過ThinkPHP遠程代碼執行漏洞傳播
※通過Microsoft Office和YouTube視頻傳遞惡意軟體的PoC攻擊
※AirPlay能支持Sonos揚聲器,通過Siri控制Apple Music!
※GridRaster和Saguna通過Edge電腦改善移動AR和VR體驗
※通過Google Expeditions和Virtual Tours進行
※Lemnis Technologies旨在通過Verifocal結束「VR症」
※新型惡意軟體Nigelthorn通過Facebook和Chrome插件傳播
※通過ICON Platform製作自己的UA Curry 5 Colorway
※聯想Daydream一體機Mirage Solo通過3C認證
※Lemnis Technologies旨在通過Verifocal?結束「VR症」
※通過Google Expeditions和Virtual Tours進行沉浸式教育
※通過Post Types進行WordPress提權
※通過 Docker 實現在 Linux 容器中運行 Microsoft SQL Server 資料庫
※易建科技eKing Cloud通過Kubernetes全球一致性認證
※《屍體派對 Blood Drive》通過ESRB分級 獲將登陸Switch
※專註健康 Fitbit Inspire和Inspire HR只通過活動獨家銷售
※Michael Arrington:比特幣ETF有望年底通過