淺談iOS與Android設計規范:6類交互設計規范對比

23 評論 67439 瀏覽 464 收藏 9 分鐘

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 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 不是很有用,感覺是多年前的內容。因為目前蘋果跟安卓融合度蠻高的了。

    來自北京 回復
  2. 毫無用處,圖片展示尤其爛七八糟

    來自北京 回復
  3. 不錯不錯,贊!~

    來自廣東 回復
  4. 寫的沒有規范可言啊

    來自北京 回復
  5. 平臺差異化規范是有,但目前環境兩者融合度也蠻高的了

    來自上海 回復
  6. 這算不上規范吧,知識交互方式而已。而且android被寫的太不堪了。

    來自浙江 回復
  7. 寫的很棒,很清晰,很受用~~能無私分享已經很棒了~~

    來自上海 回復
  8. 解析:因為Android比IOS多了物理按鍵,為了防止誤操作,所以只能將全局導航放在上面,但是隨著屏幕越來越大,上面是手指無法觸及的區域,所以切換起來相對成本較高。—–Android的頂欄支持滑動切換,比IOS的點擊不知道高到哪里去了,完全就是不懂亂寫!

    來自湖北 回復
  9. 剛看了下小米note4 是跟蘋果一樣啊

    來自北京 回復
  10. 感覺作者帶著偏見在寫安卓

    來自福建 回復
  11. 感覺把安卓說的一文不值了呢!

    來自北京 回復
  12. 這些只是個例,并不是規范。

    來自上海 回復
  13. ?? ?? ??

    來自遼寧 回復
  14. 不懂不要亂寫。

    來自廣東 回復
  15. 這個網站上的文章質量越來越差了

    來自北京 回復
  16. 蘋果返回放在頂部,方便用戶點擊。。。。

    來自浙江 回復
  17. 難道我們用的不是同一個Android

    來自內蒙古 回復
  18. 第一段說的越來越來是不是越來越大的意思啊

    來自北京 回復
  19. 。。真不知道作者想的些什么東西

    來自廣東 回復
    1. 個人總結的一點東西,可能有些偏差,望見諒

      來自北京 回復
  20. 樓主看的是以前的android吧

    來自上海 回復
    1. 我看的是android 5 的,但是有一些東西沒有明確的寫出來,就自己總結了一下,可能有偏差

      來自北京 回復
  21. 相比游戲類的產品,大部分只能使用點擊來說,非游戲類app要幸福得多。

    來自廣東 回復