手機及小程序界面設(shè)計之五:連高手都容易忽略的9個 iOS 與 Android 間的交互差異

2022-6-14    博博

現(xiàn)在大多數(shù)的 PM /交互/ UI 設(shè)計師,在設(shè)計產(chǎn)品的時候都是以 iOS 為基準 思考產(chǎn)品上的各種功能邏輯、交互狀態(tài),而很容易忽略了某些功能在 Android 里并不能「一稿適應(yīng)兩端」,部分產(chǎn)品差異在安卓上是不一樣的。

所以本文就講下 Android 和 iOS 9大產(chǎn)品/交互差異,希望你在日后的產(chǎn)品設(shè)計時,可以考慮到更多層面的知識點。


虛擬商品、支付規(guī)則和方式的不同


支付規(guī)則

對在于一些虛擬商品的支付上,如 vip 會員、xx幣,xx豆。iOS 和 Android 就存在不同的支付規(guī)則:Android 基本無限制,無抽成。而 iOS 限制比較多,而且要抽成大約 30% 的手續(xù)費。

舉個例子:同樣充值 30 元,Android 端會得到 300 金幣,而在 iOS 中,只有 210 金幣。正因這個抽成規(guī)則的不同(沒辦法,這是蘋果硬性規(guī)定的),才會出現(xiàn)各種平臺的虛擬貨幣,在 Android 和 iOS 中的充值比例是不一樣的,如快手:

連高手都容易忽略的9個 iOS 與 Android 間的交互差異所以對于虛擬商品在 iOS 端的抽成規(guī)則,在產(chǎn)品設(shè)計時一定得考慮清楚,因為這關(guān)系產(chǎn)品的商業(yè)和盈利模式。通常有 2 種解決思路:

A. 讓用戶承擔 30% 的抽成:

同樣的價格,iOS 用戶得到的商品少些

如同樣充值 30 元,Android 端會得到 300 金幣,而在 iOS 中,只有 210 金幣。像快抖音、陌陌等各種貨幣充值。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異同樣的商品,iOS 用戶支付更高的費用

如 3 個月的 vip 會員,Android 端定價是 58 元,iOS 端則可以設(shè)為 68 元。如優(yōu)酷、騰訊視頻的 vip 會員價格。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異B. 公司自己承擔 30% 的抽成:

如 iOS 端充值 30 元,公司實收 21 元,但 iOS 用戶能得到和 Android 一樣的 300 個金幣。(理論上是有這個解決思路,但現(xiàn)實中很少有公司去實現(xiàn),畢竟抽成成本就擺在那里)

另外還需要注意的是:因為抽成規(guī)則的不同,對于同一個 ID 的賬戶余額,在 Android 和 iOS 端中是不能通用的。因此在產(chǎn)品設(shè)計時需要將這點告知用戶,預防用戶犯錯、以及惡意刷幣。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

支付方式

Android 由于開源的特性,因此對接的都是第三方支付平臺,如微信支付、支付寶、銀聯(lián)卡等。 而 iOS 出于系統(tǒng)的封閉性和安全性考慮,只能調(diào)用蘋果自己的支付系統(tǒng):登錄 Apple ID ,然后用授權(quán)的支付方式(支付寶、銀聯(lián)卡)進行付款。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異



狀態(tài)欄交互的不同


「狀態(tài)欄」也就是我們手機界面最頂部的電池欄,它除了可以在不同背景里切換顏色外,在交互的觸發(fā)上,Android 和 iOS 中也各不相同。

iOS :用戶在 Y 軸滾動了很長內(nèi)容時,點擊狀態(tài)欄可以快速回到初始位置。

Android :無論用戶滾動了多長內(nèi)容,都是點擊無任何效果。

雖然這一交互差異是 iOS 專有的,但它卻啟發(fā)我們一個新的設(shè)計思路:在必要的時候,狀態(tài)欄可以為產(chǎn)品承載新的交互狀態(tài)。如網(wǎng)易的 LOFTER( iOS 端),用戶離開音樂播放界面時,狀態(tài)欄就用于顯示音樂信息和操作入口,方便用戶在瀏覽其他內(nèi)容時可以快速關(guān)閉音樂,極大提升了用戶的操作效率。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異


下載方式和狀態(tài)的不同


這種大多應(yīng)用于運營的「拉新」場景,為了能讓新用戶得到好處(紅包、優(yōu)惠券、更好看的內(nèi)容等)。通常會讓新用戶下載產(chǎn)品 APP 領(lǐng)取。而由于 Android 與 iOS 的下載方式不同,會帶來不同的交互狀態(tài)和產(chǎn)品邏輯。

Android :可以在當前頁面(后臺)下載,也可以在應(yīng)用商店下載;過程中可以顯示進度,且允許用戶暫停下載;下載完成后調(diào)起安裝頁面,用戶可以取消安裝,也可以自動安裝……正因為 Android 下載軟件的各種便捷性,所以才會帶來各種交互狀態(tài):未下載、下載中、暫停中、已下載但未安裝、已安裝。這些都是交互設(shè)計師需要特別注意的,每個不同的狀態(tài)背后都會不同的產(chǎn)品邏輯。

iOS :只能跳轉(zhuǎn)到 App Store 里下載,所有下載流程和狀態(tài)都是在那完成的,可以脫離開活動頁面,相比于 Android 的下載方式就簡單很多。跳轉(zhuǎn)的方式可以是全屏幕,也可以是半屏。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異


軟件更新方式的不同


Android :由于安卓的開源特性,當有新版本時都會提示用戶更新,且每個產(chǎn)品內(nèi)部都帶有「版本更新」入口。而更新的方式可分 2 種:

  • 引導更新:彈出提示讓用戶更新 APP ,用戶點擊「更新」按鈕前往應(yīng)用商店更新、或者在當前頁面更新并顯示下載進度。
  • 強制更新:也是先提示用戶更新,只不過用戶點擊「更新」按鈕,即調(diào)起軟件安裝頁面。(前提是產(chǎn)品已在用戶處于 wifi 模式下,將安裝包已下載完成)

連高手都容易忽略的9個 iOS 與 Android 間的交互差異iOS :而 iOS 端出于對用戶體驗的考慮,是禁止向用戶提示版本更新信息的。這也是為什么絕大部分的 iOS 產(chǎn)品,都是沒有「版本更新」入口的原因(像 QQ 、支付寶、百度網(wǎng)盤等大廠產(chǎn)品)。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

即使有,點擊了也直接跳轉(zhuǎn)到 App Store 查看版本情況。且下載渠道都固定在 App Store 里。理所應(yīng)當?shù)模浖母路绞揭仓荒茉?App Store 里進行,無法做到與 Android 一樣后臺下載、后臺更新。


文字發(fā)送指令位置的不同


在手機鍵盤里輸入文字時,iOS 由于系統(tǒng)的限制,對文字的發(fā)送指令只能在鍵盤上來完成,因此 iOS 用戶的交互操作都全部集中在鍵盤右下角。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

而 Android 端就靈活很多,不僅可以在鍵盤上執(zhí)行發(fā)送指令,也可以在輸入欄/搜索欄周邊新增操作入口。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異


退出浮層列表的不同


長按一張圖片后,都會彈出一個列表浮層,因為 iOS 手機只有一個「Home 鍵」 而已,為方便用戶退出浮層才增加了「取消」入口。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異而 Android 手機本來就有「返回」虛擬鍵,安卓用戶的退出/返回行為都習慣于通過虛擬鍵觸發(fā),所以多做一個「取消」的意義性不大。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異


刪除方式的不同


iOS 端一直教育著用戶使用「左滑」刪除列表信息,所有的刪除功能都是支持「左滑」來實現(xiàn)的。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

而 Android 系統(tǒng)大部分只能通過「長按」來觸發(fā)編輯狀態(tài),其中就包括了刪除功能。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

不過現(xiàn)在也有極少數(shù)的產(chǎn)品,正在逐漸打破這兩端間的「刪減」界限,比如網(wǎng)易郵箱(Android)就做到了左滑刪除信息。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異


消息推送機制的不同


當我們第一次打開產(chǎn)品、允許了獲取消息通知的權(quán)限后,所有的信息傳輸都會基于服務(wù)器進行推送。而兩端在這塊的推送機制又有所不同:

iOS :所有新信息都會實時推送到你的手機里,即使你關(guān)閉了軟件,還是一樣會收到提示。就算是你處于斷網(wǎng)狀態(tài),信息也會先儲存于蘋果服務(wù)器,等你聯(lián)網(wǎng)時再一次性把收到的信息推送給你。既釋放手機內(nèi)存,又不會讓用戶遺漏有新消息。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

Android :而安卓則不同,你若退出了產(chǎn)品,數(shù)據(jù)的推送只有等你再次打開產(chǎn)品時,才會通知你有多少新信息。雖然減少了對用戶的干擾性,但也增加了服務(wù)器數(shù)據(jù)儲存的壓力,還容易耽誤用戶接收新消息。


復制文字后,剪切板狀態(tài)的不同


也就是我們手機的搜狗輸入法鍵盤,在微信聊天內(nèi)、手機短信里復制了一段內(nèi)容后,由于 Android 與 iOS 的平臺特性差異,會給兩端用戶帶來不同的交互差異。

iOS :復制完文字后,打開輸入法鍵盤會顯示來自剪切板的文字內(nèi)容。用戶只需點擊,即可將文字復制在搜索欄、輸入欄等需要文字填寫的操作區(qū)域里,無需觸發(fā)「粘貼」操作。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

Android :而有些安卓機(如小米/錘子/樂視等),無論你復制了什么信息(文字、數(shù)字、網(wǎng)址等),都很難實現(xiàn)輸入法里的「剪切板」功能。用戶需要觸發(fā)「粘貼」功能,才能輸入剛剛的復制內(nèi)容。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

而對于特定的信息類型:如網(wǎng)址。用戶復制網(wǎng)址往往都帶有極強的目標性、搜索性,一些瀏覽器產(chǎn)品會預判用戶這一操作行為,將復制的網(wǎng)址前置展示出來,以抵消 Android 端對于復制文字帶來的系統(tǒng)限制。如 QQ 瀏覽器(安卓端)就有 2 種解法方法:

方法1:利用安卓系統(tǒng)的消息權(quán)限,在手機界面的頂部彈出網(wǎng)址欄提示,無論是在微信還是短信中,復制網(wǎng)址后都能快速地觸達目標。

方法2:復制網(wǎng)址后打開搜索功能,會將網(wǎng)址自動定位并粘貼到搜索欄中,便于用戶查詢。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

而 UC 和百度也有類似的解決辦法:將復制后的廣泛信息(文字/數(shù)字/網(wǎng)址/郵箱地址等等)嵌入在搜索框下方,用戶點擊就能搜索。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異

這也是一種妥當?shù)慕鉀Q方法,因為用戶可復制的信息類型特別廣泛、目標不是很清晰。無法準確判斷出用戶一定會有搜索訴求。所以才將復制后的信息放在搜索框下面,而不是自動粘貼到搜索框中,既考慮了用戶目標,又兼顧了操作效率。


總結(jié)


以上就是 Android 與 iOS 的差異總結(jié),若有描述得不當請多指教!下面是總結(jié)文件。

連高手都容易忽略的9個 iOS 與 Android 間的交互差異


作者:土撥鼠

轉(zhuǎn)載請注明:優(yōu)設(shè)網(wǎng)

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



更多精彩文章:

手機及小程序界面設(shè)計之一:讓設(shè)計更有說服力的20條經(jīng)典原則:菲茨定律

手機及小程序界面設(shè)計之六:讓設(shè)計更有說服力的20條經(jīng)典原則:菲茨定律

手機及小程序界面設(shè)計之八:如何適配iPhone X?來看滴滴出行的實戰(zhàn)案例復盤!







分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔