Android vs iOS—大多數PM忽視的幾個交互細節
相信大部分產品經理使用的都是iOS設備,對Android設備的交互總是很不習慣,所以在做設計的時候,有的時候就會忽略Android和iOS的設計差異,而執意按照自己的使用習慣進行設計。
其實這個問題也是產品經理需要突破自己的地方,作為一個產品經理而不是用戶,一定要客觀地看待產品設計,而非主觀臆想。從產品邏輯觸發,而不是從「我覺得」出發,是產品經理進階的第一步。本文就簡單介紹了5個Android和iOS設計不同的地方,可以說大部分PM都可能會忽視這些細節。不是大盤點,只是作為思考的引子。
1. 標題位置
標題的位置是最基礎的一個,Android靠左,iOS 居中。
這個是最基礎的一個交互差異,但是也不是每家公司都在遵守。正面的例子,微信和淘寶,在Android設備上做了靠左的設計。但是仍然有例外,比如下面的例子(也是大廠):
然而,即使是微信和淘寶都遵守著的Android的設計規範,還是被大部分Android廠商自身系統UI拋棄。這也是安卓UI比較尷尬的地方:一方面安卓設計規範一直在不斷大改,一方面各個廠商「致敬」iOS風氣濃重,這也間接導致很多設計師乾脆照搬了iOS的交互。2. 右滑和長按
Android 對列表操作欄的處理為長按,iOS為左滑。
這個交互其實是大家比較熟悉的一個,目前比較成熟的產品基本也會遵守這個交互習慣,這已經屬於不遵守就會讓用戶很彆扭的細節。
3. 消息開關設計
對於iOS系統而言,push是否能夠發到主要取決於系統級的開關,而對於Android系統而言,push到達設備主要取決於各家是否能夠保活。所以對於iOS而言,消息開關需要強調系統級的開關,而對於Android則可以直接打開或者關閉。如微信的設計:
當然對於微信這種大廠而言,不太需要在乎消息開關打開率,如果再進一步考慮消息開關的打開情況的話,則可以對於開關做進一步處理:打開消息情況不做直接關閉引導,關閉情況則引導用戶打開設置。比如當時重構功能時候我給的方案:
4. 多篩選交互
對於地址選擇,iOS一般使用系統交互的滾筒控制項,但是部分Android APP也用這個交互,則是不對的。對於Android交互而言,一般是用列表選擇代替滾筒的設計。對於這點,有問題的APP倒還有一些。我們還是看一下淘寶的選擇地址時的設計(請忽略淘寶這個貼邊的按鈕設計):
5. 搜索框交互
關於搜索框,也是有標準交互的。
Android交互為:返回,搜索框,搜索按鈕。iOS交互為:搜索框,取消。如下可見(京東):
當然,也有反面的例子(某新聞客戶端):
為什麼要這麼做呢?其實也是iOS和Android的系統決定的。對於iOS而言,系統搜索框本就是這樣設計,而且在搜索模式下,底部確認按鈕可以變為搜索按鈕,這符合iOS用戶的習慣操作。而對於Android系統而言,底部沒有搜索按鈕,雖然回車是可以起到相同的作用,但是對於用戶而言,頂部沒有搜索按鈕還是會造成誤解。(如下:為搜索調起時候我的手機鍵盤)
6. 總結
做交互,其實很基礎的一個方法就是抄別人。但是很多人在抄的時候,也沒有研究透別人設計背後的邏輯,固執於自己的使用產品的習慣,有的時候甚至是造成了很多錯誤。
多看看別人怎麼做,多想想別人為什麼這麼做。
多思考成熟交互背後的邏輯,不固執於自己的用戶習慣,從產品邏輯觸發,而不是從「我覺得」出發,這才是產品經理進階的第一步。
推薦閱讀:
※設計規範官網匯總:IOS、Material Design、IBM、Fluent……(持續更新)
※Twitter的設計主管給年輕設計師的一封信
※產品設計的四大原則
※Portfolio Critique #6 - Facebook by 劉昕雯
※豆瓣 2012 年 5 月的改版的用戶界面設計如何?