iPhone、Galaxy S3 以及 Lumia 920是市場(chǎng)上(shàng)如今最引人(rén)注目的三款智能手機，正好對應iOS、Android及Windows Phone三大(dà)平台，盡管三大(dà)操作(zuò)系統在市場(chǎng)份額、出貨量以及用戶認可(kě)方面都有(yǒu)着不小(xiǎo)的差異。但(dàn)更能我們興趣，更有(yǒu)討(tǎo)論價值的其實是這三大(dà)平台在設計(jì)方面的差異，這不僅最終決定着用戶的體(tǐ)驗，也決定了開(kāi)發者的參與熱情。

來(lái)自微信公衆帳号“互聯網er的早讀課”的這篇文章從包括變局、導航邏輯、設計(jì)風格等六大(dà)方面的差異對三大(dà)平台的交互設計(jì)進行(xíng)了較為(wèi)深入的分析和(hé)討(tǎo)論，極具參考價值。

一，布局形式的差異

1）iOS 經典的“tab bar”

在 iOS 應用內(nèi)如果要切換不同的模塊，或者頁面內(nèi)要切換不同的欄目，往往都會(huì)用到“tab bar”這一形式的控件。這個(gè)經典設計(jì)從 iOS 早期沿用至今，大(dà)部分 iOS 應用都是這樣設計(jì)的。當然，iOS 本身是很(hěn)包容的，最近也很(hěn)流行(xíng)抽屜式導航。但(dàn)是 tab bar 一直是最受歡迎也最好被用戶認知的方式：

2）Android 提供了 2 種視(shì)圖控制(zhì)方式

在 Android 4.0 規範出來(lái)之後，Android 提出了 2 種視(shì)圖控制(zhì)方式，一種是直接在導航欄的标題下加入一個(gè)觸控按鈕，點擊後會(huì)彈出切換欄目的菜單（圖中 2 标注的位置）

比如日曆應用點擊後可(kě)以切換不同的視(shì)圖，另外一種是直接在導航欄的下面加入了一個(gè)視(shì)圖控制(zhì)欄（下右圖中 2 标注位置），和(hé) iOS 的 tab bar 很(hěn)像，不過是僅放在了上(shàng)面，而且提倡支持手勢滑動切換：

3) Windows Phone 的創新

Windows Phone 與上(shàng)面兩個(gè)平台就差距很(hěn)大(dà)了，因為(wèi) Windows Phone 獨特的 Metro UI 提倡回歸傳統的閱讀體(tǐ)驗，像浏覽報紙和(hé)雜志(zhì)一樣浏覽手機上(shàng)的內(nèi)容，更關注與內(nèi)容而不是修飾，所以 Windows Phone 整體(tǐ)都給人(rén)一種像在看雜志(zhì)的感覺。Windows Phone 的視(shì)圖控制(zhì)通(tōng)過一種叫做(zuò)“全景視(shì)圖”的方式展開(kāi)（下圖）。

實際上(shàng)，4 個(gè)視(shì)圖的內(nèi)容是在一個(gè)頁面上(shàng)的，而且是一個(gè)頁面同時(shí)加載的。用戶的手機默認隻顯示第一屏的內(nèi)容，通(tōng)過滑動把後面的內(nèi)容拉出來(lái)。

這種視(shì)圖方式很(hěn)創新，而且方便閱讀，不得(de)不說浏覽的體(tǐ)驗好了很(hěn)多(duō)。但(dàn)是需要注意的是：

因為(wèi)其實這3個(gè)欄目是同一頁面視(shì)圖，所以不要将內(nèi)容放的過多(duō)，否則加載會(huì)很(hěn)慢影(yǐng)響效率；

對交互設計(jì)過程中的排版和(hé)視(shì)覺提出了很(hěn)高(gāo)的要求；

另外，Windows Phone 還(hái)提供了一種叫做(zuò)樞軸的方式，樞軸和(hé) iOS 的 tab bar 相差不是很(hěn)大(dà)，隻不過完全是通(tōng)過滑動來(lái)切換欄目的：

（樞軸布局）

二，導航邏輯的差異

大(dà)家(jiā)都知道(dào) iOS 是沒有(yǒu)實體(tǐ)返回按鍵的，所有(yǒu)返回都是通(tōng)過導航欄的 back 按鈕來(lái)完成。

在  iOS的導航邏輯中，我們可(kě)以明(míng)顯的看出來(lái)，整個(gè)程序是一頁一頁的切換，就像一個(gè)幻燈片。而返回按鈕也就是切換到上(shàng)一頁。所以，iOS 的返回控制(zhì)的是頁面。