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

2022-6-14    博博

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

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


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


支付規(guī)則

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

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

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

A. 讓用戶承擔(dān) 30% 的抽成:

同樣的價(jià)格,iOS 用戶得到的商品少些

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

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

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

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

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

另外還需要注意的是:因?yàn)槌槌梢?guī)則的不同,對(duì)于同一個(gè) ID 的賬戶余額,在 Android 和 iOS 端中是不能通用的。因此在產(chǎn)品設(shè)計(jì)時(shí)需要將這點(diǎn)告知用戶,預(yù)防用戶犯錯(cuò)、以及惡意刷幣。

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

支付方式

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

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



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


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

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

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

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

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


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


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

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

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

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


軟件更新方式的不同


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

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

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

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

即使有,點(diǎn)擊了也直接跳轉(zhuǎn)到 App Store 查看版本情況。且下載渠道都固定在 App Store 里。理所應(yīng)當(dāng)?shù)?,軟件的更新方式也只能?App Store 里進(jìn)行,無法做到與 Android 一樣后臺(tái)下載、后臺(tái)更新。


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


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

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

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

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


退出浮層列表的不同


長(zhǎng)按一張圖片后,都會(huì)彈出一個(gè)列表浮層,因?yàn)?iOS 手機(jī)只有一個(gè)「Home 鍵」 而已,為方便用戶退出浮層才增加了「取消」入口。

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

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


刪除方式的不同


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

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

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

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

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

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


消息推送機(jī)制的不同


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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

這也是一種妥當(dāng)?shù)慕鉀Q方法,因?yàn)橛脩艨蓮?fù)制的信息類型特別廣泛、目標(biāo)不是很清晰。無法準(zhǔn)確判斷出用戶一定會(huì)有搜索訴求。所以才將復(fù)制后的信息放在搜索框下面,而不是自動(dòng)粘貼到搜索框中,既考慮了用戶目標(biāo),又兼顧了操作效率。


總結(jié)


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

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


作者:土撥鼠

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

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

魏華的微信.png

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

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

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



更多精彩文章:

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

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

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







分享本文至:

日歷

鏈接

個(gè)人資料

存檔