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

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

一，布局形式的差異

1）iOS 經(jīng)典的“tab bar”

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

2）Android 提供了 2 種視圖控制方式

在 Android 4.0 規(guī)范出來之后，Android 提出了 2 種視圖控制方式，一種是直接在導(dǎo)航欄的標(biāo)題下加入一個(gè)觸控按鈕，點(diǎn)擊后會(huì)彈出切換欄目的菜單（圖中 2 標(biāo)注的位置）

比如日歷應(yīng)用點(diǎn)擊后可以切換不同的視圖，另外一種是直接在導(dǎo)航欄的下面加入了一個(gè)視圖控制欄（下右圖中 2 標(biāo)注位置），和 iOS 的 tab bar 很像，不過是僅放在了上面，而且提倡支持手勢滑動(dòng)切換：

3) Windows Phone 的創(chuàng)新

Windows Phone 與上面兩個(gè)平臺(tái)就差距很大了，因?yàn)?Windows Phone 獨(dú)特的 Metro UI 提倡回歸傳統(tǒng)的閱讀體驗(yàn)，像瀏覽報(bào)紙和雜志一樣瀏覽手機(jī)上的內(nèi)容，更關(guān)注與內(nèi)容而不是修飾，所以 Windows Phone 整體都給人一種像在看雜志的感覺。Windows Phone 的視圖控制通過一種叫做“全景視圖”的方式展開（下圖）。

實(shí)際上，4 個(gè)視圖的內(nèi)容是在一個(gè)頁面上的，而且是一個(gè)頁面同時(shí)加載的。用戶的手機(jī)默認(rèn)只顯示第一屏的內(nèi)容，通過滑動(dòng)把后面的內(nèi)容拉出來。

這種視圖方式很創(chuàng)新，而且方便閱讀，不得不說瀏覽的體驗(yàn)好了很多。但是需要注意的是：

因?yàn)槠鋵?shí)這3個(gè)欄目是同一頁面視圖，所以不要將內(nèi)容放的過多，否則加載會(huì)很慢影響效率；

對(duì)交互設(shè)計(jì)過程中的排版和視覺提出了很高的要求；

另外，Windows Phone 還提供了一種叫做樞軸的方式，樞軸和 iOS 的 tab bar 相差不是很大，只不過完全是通過滑動(dòng)來切換欄目的：

（樞軸布局）

二，導(dǎo)航邏輯的差異

大家都知道 iOS 是沒有實(shí)體返回按鍵的，所有返回都是通過導(dǎo)航欄的 back 按鈕來完成。

在  iOS的導(dǎo)航邏輯中，我們可以明顯的看出來，整個(gè)程序是一頁一頁的切換，就像一個(gè)幻燈片。而返回按鈕也就是切換到上一頁。所以，iOS 的返回控制的是頁面。

標(biāo)簽： 交互設(shè)計(jì) 交互設(shè)計(jì)原則 交互形式 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。