淺談iOS與Android設計規范:6類交互設計規范對比
iOS和Android兩個不同的平臺,肯定是有很多區別的,下面就從交互的角度,談談區別。
以前就讀過IOS和Android的規范,但是覺得沒啥大用處,因為現在APP為了保持一致性,通常在IOS和Android上的設計是一樣的,而且一些小公司只設計IOS的交互原型,因為只要IOS上能用,安卓上肯定沒問題,前段時間,和一個人聊,問我它倆的區別,當時一臉懵逼,不知從何說起。畢竟是兩個不同的平臺,肯定是有很多區別的,下面就從交互的角度,談談區別。
一、全局導航
- IOS:通常放在底部,方便用戶點擊
- Android:通常放在上面,下面有物理按鍵,防止誤操作。
解析:因為Android比IOS多了物理按鍵,為了防止誤操作,所以只能將全局導航放在上面,但是隨著屏幕越來越大,上面是手指無法觸及的區域,所以切換起來相對成本較高。
二、二級導航
- IOS:通常放返回、上一級標題、標題(居中),操作通常只有一個
- Android:通常返回控件、logo、下拉菜單、重要操作、更多操作
解析:IOS顯示了上一級的名稱,讓用戶點擊返回后,心里有預期,Android放了APP的logo,增加了品牌性,但是就使用來講,用戶不知道點擊會回到哪,下拉菜單和更多操作都需要點擊才能顯示,增加了操作步驟。
三、工具欄
- IOS:通常放在最下面,方便操作
- Android:放在導航欄里,將重要操作放在外面,其他放在更多里。
解析:IOS將操作都放在底部,區域更大,操作更方便。Android將操作放在了頂部,顯得很擁擠,并且還收起了一部分,需要用戶查找,但是卻節省了空間,讓內容顯示區更大。
四、提示框
- IOS:出現在屏幕中間,可以帶圖標,可以不帶,可以是靜態的,也可以是動態的。
- Android:不可以帶圖標,不能是動態的,最多只可以帶一個操作按鈕,最多只能出現一個提示,不能和低端的懸浮按鈕重合。
解析:IOS的設計理念是盡量不打擾用戶,只要用戶能看見變化,輕易不會出現提示,只有一些用戶無法感知時,才會出現提示框,所以可以是動態的,像調節音量。Android的提示要比IOS重一些,因為它可以帶一個按鈕。
五、警示框
IOS:標題和按鈕是必須的,可以有內容和輸入
Android:主要有四種:用途、內容、事件、表現。
1、用途包含了標題,內容和事件。
2、內容:只包含標題和內容
3、事件:標題、內容、更多操作按鈕(不只是接受不接受)
4、表現:有標題、可輸入、可操作、有按鈕。
解析:警示框按鈕的排列是一致的,左側是消極的,右側是積極的。IOS的警示框劃分要少一些,構成就是標題和按鈕,也可以解釋和輸入。但是,Android要復雜的多,分了4種情況,但是我覺得第一種和第三種差不多,標題和內容是必須的,按鈕和輸入可以選擇。
六、手勢定義
IOS的手勢規定有8種,如下:
Android:將手勢進行了單指和雙指的劃分,有14種。
- 單次觸擊(Touch):一只手指按下,提起
- 雙次觸擊(Double Touch):兩只手指按下,提起,其中一只手指按下,提起
- 拖拽(Drag),輕滑(Swipe)和快擲(Fling):一只手指按下,移動再提起
- 長按:一只手指按下,稍后再提起
- 長按拖動:一只手指按下后稍后,移動,再提起
- 雙觸拖動:一只手指按下后提起,再按下后,拖動,再提起
- 捏放(Pinch Open):雙指按下,向外移動,再提起
- 捏合:雙指按下,向內移動,再提起
- 雙指觸擊:雙指快速按下,提起
- 雙指拖拽,輕滑和快擲:兩指按下,移動后提起
- 雙指長按:雙指按下,稍后提起
- 雙指長按拖動:雙指按下,稍后移動,再提起
- 雙指雙次觸擊:雙指快速按下提起,重復一次該動作
- 旋轉:雙指按下,以指間中點為圓心快速轉動,再提起
解析:IOS只有8種手勢,Android有14種,但是很多都不常用,個人感覺IOS的8種已經完全夠用了,定義那么多種,用戶的學習成本就會提高,而且Android的有些手勢并沒有定義可以做什么,所以給出這么多手勢也沒有用。
結語
本文對IOS和Android的規范進行了對比,Android的規范那是相當詳細,但是IOS的只給出了設計原則,所以,一些是我自己總結的,可能對比的還不夠全面,歡迎大家一起討論。
本文由 @設計Zan 原創發布于人人都是產品經理。未經許可,禁止轉載。
不是很有用,感覺是多年前的內容。因為目前蘋果跟安卓融合度蠻高的了。
毫無用處,圖片展示尤其爛七八糟
不錯不錯,贊!~
寫的沒有規范可言啊
平臺差異化規范是有,但目前環境兩者融合度也蠻高的了
這算不上規范吧,知識交互方式而已。而且android被寫的太不堪了。
寫的很棒,很清晰,很受用~~能無私分享已經很棒了~~
解析:因為Android比IOS多了物理按鍵,為了防止誤操作,所以只能將全局導航放在上面,但是隨著屏幕越來越大,上面是手指無法觸及的區域,所以切換起來相對成本較高。—–Android的頂欄支持滑動切換,比IOS的點擊不知道高到哪里去了,完全就是不懂亂寫!
剛看了下小米note4 是跟蘋果一樣啊
感覺作者帶著偏見在寫安卓
感覺把安卓說的一文不值了呢!
這些只是個例,并不是規范。
?? ?? ??
不懂不要亂寫。
這個網站上的文章質量越來越差了
蘋果返回放在頂部,方便用戶點擊。。。。
難道我們用的不是同一個Android
第一段說的越來越來是不是越來越大的意思啊
。。真不知道作者想的些什么東西
個人總結的一點東西,可能有些偏差,望見諒
樓主看的是以前的android吧
我看的是android 5 的,但是有一些東西沒有明確的寫出來,就自己總結了一下,可能有偏差
相比游戲類的產品,大部分只能使用點擊來說,非游戲類app要幸福得多。