Android VS iOS:多數(shù)PM忽視的5個(gè)交互設(shè)計(jì)
本文簡(jiǎn)單介紹了5個(gè)Android和iOS設(shè)計(jì)不同的地方,可以說(shuō)大部分PM都可能會(huì)忽視這些細(xì)節(jié)。不是大盤點(diǎn),只是作為思考的引子。
相信大部分產(chǎn)品經(jīng)理使用的都是iOS設(shè)備,對(duì)Android設(shè)備的交互總是很不習(xí)慣,所以在做設(shè)計(jì)的時(shí)候,有的時(shí)候就會(huì)忽略Android和iOS的設(shè)計(jì)差異,而執(zhí)意按照自己的使用習(xí)慣進(jìn)行設(shè)計(jì)。
其實(shí)這個(gè)問(wèn)題也是產(chǎn)品經(jīng)理需要突破自己的地方,作為一個(gè)產(chǎn)品經(jīng)理而不是用戶,一定要客觀地看待產(chǎn)品設(shè)計(jì),而非主觀臆想。從產(chǎn)品邏輯觸發(fā),而不是從“我覺(jué)得”出發(fā),是產(chǎn)品經(jīng)理進(jìn)階的第一步。本文就簡(jiǎn)單介紹了5個(gè)Android和iOS設(shè)計(jì)不同的地方,可以說(shuō)大部分PM都可能會(huì)忽視這些細(xì)節(jié)。不是大盤點(diǎn),只是作為思考的引子。
1. 標(biāo)題位置
標(biāo)題的位置是最基礎(chǔ)的一個(gè),Android靠左,iOS 居中。
這個(gè)是最基礎(chǔ)的一個(gè)交互差異,但是也不是每家公司都在遵守。正面的例子,微信和淘寶,在Android設(shè)備上做了靠左的設(shè)計(jì)。但是仍然有例外,比如下面的例子(也是大廠):
然而,即使是微信和淘寶都遵守著的Android的設(shè)計(jì)規(guī)范,還是被大部分Android廠商自身系統(tǒng)UI拋棄。這也是安卓UI比較尷尬的地方:一方面安卓設(shè)計(jì)規(guī)范一直在不斷大改,一方面各個(gè)廠商“致敬”iOS風(fēng)氣濃重,這也間接導(dǎo)致很多設(shè)計(jì)師干脆照搬了iOS的交互。
2. 右滑和長(zhǎng)按
Android 對(duì)列表操作欄的處理為長(zhǎng)按,iOS為左滑。
這個(gè)交互其實(shí)是大家比較熟悉的一個(gè),目前比較成熟的產(chǎn)品基本也會(huì)遵守這個(gè)交互習(xí)慣,這已經(jīng)屬于不遵守就會(huì)讓用戶很別扭的細(xì)節(jié)。
3. 消息開關(guān)設(shè)計(jì)
對(duì)于iOS系統(tǒng)而言,push是否能夠發(fā)到主要取決于系統(tǒng)級(jí)的開關(guān),而對(duì)于Android系統(tǒng)而言,push到達(dá)設(shè)備主要取決于各家是否能夠?;?。所以對(duì)于iOS而言,消息開關(guān)需要強(qiáng)調(diào)系統(tǒng)級(jí)的開關(guān),而對(duì)于Android則可以直接打開或者關(guān)閉。如微信的設(shè)計(jì):
當(dāng)然對(duì)于微信這種大廠而言,不太需要在乎消息開關(guān)打開率,如果再進(jìn)一步考慮消息開關(guān)的打開情況的話,則可以對(duì)于開關(guān)做進(jìn)一步處理:打開消息情況不做直接關(guān)閉引導(dǎo),關(guān)閉情況則引導(dǎo)用戶打開設(shè)置。比如當(dāng)時(shí)重構(gòu)功能時(shí)候我給的方案:
4. 多篩選交互
對(duì)于地址選擇,iOS一般使用系統(tǒng)交互的滾筒控件,但是部分Android APP也用這個(gè)交互,則是不對(duì)的。對(duì)于Android交互而言,一般是用列表選擇代替滾筒的設(shè)計(jì)。對(duì)于這點(diǎn),有問(wèn)題的APP倒還有一些。我們還是看一下淘寶的選擇地址時(shí)的設(shè)計(jì)(請(qǐng)忽略淘寶這個(gè)貼邊的按鈕設(shè)計(jì)):
5. 搜索框交互
關(guān)于搜索框,也是有標(biāo)準(zhǔn)交互的。
Android交互為:返回,搜索框,搜索按鈕。iOS交互為:搜索框,取消。如下可見(jiàn)(京東):
當(dāng)然,也有反面的例子(某新聞客戶端):
為什么要這么做呢?其實(shí)也是iOS和Android的系統(tǒng)決定的。對(duì)于iOS而言,系統(tǒng)搜索框本就是這樣設(shè)計(jì),而且在搜索模式下,底部確認(rèn)按鈕可以變?yōu)樗阉靼粹o,這符合iOS用戶的習(xí)慣操作。而對(duì)于Android系統(tǒng)而言,底部沒(méi)有搜索按鈕,雖然回車是可以起到相同的作用,但是對(duì)于用戶而言,頂部沒(méi)有搜索按鈕還是會(huì)造成誤解。(如下:為搜索調(diào)起時(shí)候我的手機(jī)鍵盤)
6. 總結(jié)
做交互,其實(shí)很基礎(chǔ)的一個(gè)方法就是抄別人。但是很多人在抄的時(shí)候,也沒(méi)有研究透別人設(shè)計(jì)背后的邏輯,固執(zhí)于自己的使用產(chǎn)品的習(xí)慣,有的時(shí)候甚至是造成了很多錯(cuò)誤。
多看看別人怎么做,多想想別人為什么這么做。
多思考成熟交互背后的邏輯,不固執(zhí)于自己的用戶習(xí)慣,從產(chǎn)品邏輯觸發(fā),而不是從“我覺(jué)得”出發(fā),這才是產(chǎn)品經(jīng)理進(jìn)階的第一步。
本文由 @潘一鳴 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
首先基于各大廠的應(yīng)用,Android和ios的好多都是在融合的,比如Android的qq就可以側(cè)滑,ios也有靠左的標(biāo)題。還有一個(gè)糾錯(cuò),就是Android的軟鍵盤底部也可以變?yōu)樗阉靼粹o,這個(gè)是程序方面實(shí)現(xiàn)的!我就是一個(gè)移動(dòng)端開發(fā),上面的那些問(wèn)題基本都不算使用習(xí)慣問(wèn)題,僅需要程序員寫幾行代碼的事,而且很容易。
大佬,這篇文章我可以轉(zhuǎn)載到我的個(gè)人訂閱號(hào)嗎?
文中開頭說(shuō),相信大部分產(chǎn)品經(jīng)理使用的都是IOS設(shè)備,這是為什么?
標(biāo)題應(yīng)該叫“微信Android VS iOS:多數(shù)PM忽視的5個(gè)交互設(shè)計(jì)“ (手動(dòng)滑稽)
不用強(qiáng)制遵循這些吧,關(guān)鍵是用戶哪種用的順手,那自然會(huì)成為不需要說(shuō)明的規(guī)則,大家自然就會(huì)這么去做了
我仔細(xì)對(duì)比了最新版的QQ的iOS端和安卓端,你文中提到的注意點(diǎn)很多都是統(tǒng)一的。QQ團(tuán)隊(duì)不會(huì)不知道這些細(xì)節(jié),所以我覺(jué)得既然用戶用著習(xí)慣,順暢,設(shè)計(jì)開發(fā)也同時(shí)能減少工作量,也并不需要那么刻意區(qū)分平臺(tái)設(shè)計(jì)特點(diǎn)啊
你確定經(jīng)常用安卓系統(tǒng)的用戶會(huì)習(xí)慣左滑刪除?
安卓版的qq的消息刪除也是左滑,沒(méi)毛病
安卓的鍵盤也是可以開發(fā)的
慢慢的開始注重細(xì)節(jié)
多篩選交互,安卓4.0版本以上就有類似ios滾動(dòng)篩選的交互了。我倒覺(jué)得有些ios比較人性化的設(shè)計(jì)照搬到android上也沒(méi)有什么不可以,目標(biāo)是用戶體驗(yàn)設(shè)計(jì),而不是平臺(tái)規(guī)范設(shè)計(jì)
這句好 講得好。
不說(shuō)別的,最后一條,現(xiàn)在android鍵盤一大堆有搜索鍵,我覺(jué)得作為產(chǎn)品人,不能為了設(shè)計(jì)而設(shè)計(jì);
重點(diǎn)是要適配所有的機(jī)型,改鍵盤的搜索鍵,這在Android平臺(tái)幾乎是不可能的。這不是為了設(shè)計(jì)而設(shè)計(jì),相反,非要把搜索放鍵盤上才是為了設(shè)計(jì)而設(shè)計(jì)。
測(cè)試發(fā)布
你的文章就是對(duì)于新手我的指明燈。
腦子是個(gè)好東西,可。。。
謝謝分享,工作中會(huì)考慮