軟件開發(fā)者 Johannes Fahrenkrug 在自己的博客 Springenwerk 講述了移動(dòng)界面設(shè)計(jì)的一些心得，值得參考。

跨平臺(tái)界面是一種觀念的錯(cuò)誤

跨平臺(tái)界面是一個(gè)從未實(shí)現(xiàn)的幻想，是否記得 Java Swing？它許諾在任何運(yùn)行 Java 的平臺(tái)統(tǒng)一界面，而這個(gè)許諾從未兌現(xiàn)，為什么？

跨平臺(tái) UI 糟糕透頂。跨平臺(tái) UI 意味著它在任何平臺(tái)的視覺和感覺都很糟糕。

因?yàn)槿藗兿矚g自己平臺(tái)的特殊性，如果你想為某個(gè)平臺(tái)開發(fā)應(yīng)用，必須深入了解每個(gè)平臺(tái)的特點(diǎn)?？缙脚_(tái)界面意味著你的界面在任何平臺(tái)都像一個(gè)異類，這不僅僅是按鈕和窗口的問題，也不僅僅是風(fēng)格和配色的問題。根本沒有“一個(gè)尺寸，適合全部”的界面。

網(wǎng)頁是一個(gè)例外

游戲是一個(gè)例外，但這個(gè)可以先放下不談。如果說有一種界面能夠跨平臺(tái)，那就是網(wǎng)頁界面。這是因?yàn)槿藗円呀?jīng)習(xí)慣了網(wǎng)頁界面各有不同。

當(dāng)用戶打來瀏覽器的時(shí)候，他們知道自己進(jìn)入了一個(gè)充滿不同的領(lǐng)域。

這正如你進(jìn)入了一個(gè)書店，你知道自己會(huì)看到不同尺寸、不同排版、不同顏色的書籍和雜志，這就像是多彩的網(wǎng)頁一般，充滿了不同的界面設(shè)計(jì)。但是，如果你看到圖書系列中的某本圖書排版不同，或者雜志的下一期突然改變了排版，你會(huì)感到驚訝，這種驚訝就像是在原生應(yīng)用中突然看到了跨平臺(tái)的界面。

因此，用戶的心理期待的差異帶來了不同的效果。顯然，網(wǎng)頁給開發(fā)者提供了跨平臺(tái)的自由。他們可以開發(fā)一套在所有平臺(tái)運(yùn)行的通用界面，而且不遭受批評(píng)。只是需要注意一個(gè)問題，不要模仿原生應(yīng)用。

如果你模仿原生應(yīng)用，用戶會(huì)期待著它和原生應(yīng)用完全一樣，而網(wǎng)頁應(yīng)用常常滿足不了這種期待，更糟糕的是，模仿一個(gè)平臺(tái)上的原生應(yīng)用，在其它平臺(tái)上看起來反而成了一個(gè)異類。

應(yīng)該怎么做?

構(gòu)建一個(gè)與平臺(tái)無關(guān)的界面和體驗(yàn)（UI 和 UX）……以非原生來使你的用戶驚喜，但是要增加功能、動(dòng)畫，易用性，這些是他們使用網(wǎng)頁應(yīng)用時(shí)沒有心理期待的東西。

移動(dòng)界面呢？

同樣的道理，用戶不喜歡看到其它平臺(tái)的模仿品，網(wǎng)頁應(yīng)用不要模仿原生應(yīng)用?；蛘哒f，不要制造那種快捷方式的應(yīng)用，在用戶看來，主屏幕上的圖標(biāo)就是應(yīng)用，他們不在乎具體的實(shí)現(xiàn)細(xì)節(jié)。他們會(huì)期待這是原生應(yīng)用，而他們會(huì)失望。

在移動(dòng)設(shè)備上使用網(wǎng)頁技術(shù)模仿原生界面，只能帶來失望。

你有充分的自由去創(chuàng)造出色的、獨(dú)特的界面。如果你模仿原生界面，用戶會(huì)將你花費(fèi)心思使用的技術(shù)當(dāng)做理所當(dāng)然，當(dāng)他們看到你的應(yīng)用不如原生的流暢，他們會(huì)失望。

原生還是網(wǎng)頁？

首先問自己一個(gè)問題，“我想用這個(gè)應(yīng)用達(dá)到什么目的？”如果你沒有明確，不要去做。

人們希望應(yīng)用是有用、漂亮、令人驚異或者有娛樂性的。如果它不符合以上條件，不要花費(fèi)心思去開發(fā)它……如果你想要開發(fā)一個(gè)應(yīng)用，開發(fā)一個(gè)你也想要使用的應(yīng)用。否則，不要去想這個(gè)問題。

如果你想把應(yīng)用放到 App Store，用戶會(huì)期待它和原生應(yīng)用一樣的速度，界面和體驗(yàn)。坦白的說，最簡(jiǎn)單的方法是做原生應(yīng)用。

網(wǎng)頁技術(shù)構(gòu)建應(yīng)用更加簡(jiǎn)單和快速是一個(gè)神話。它很可能花費(fèi)更長(zhǎng)的時(shí)間，而用戶體驗(yàn)仍然更加糟糕。構(gòu)建一個(gè)簡(jiǎn)單的原生應(yīng)用反而更簡(jiǎn)單。如果你用網(wǎng)頁技術(shù)構(gòu)建的話，可能更加復(fù)雜（如果你試圖去模仿原生的話。）

如果你非要那么做，可以去試試 Appcelerator Titanium 或者關(guān)注一下 Strobe。使用一個(gè)專業(yè)的平臺(tái)可能會(huì)減少你的麻煩。

當(dāng)然，App Store 更容易獲得回報(bào)。如果你對(duì)回報(bào)不是很急切，或資金不足，可以考慮開發(fā)一個(gè)移動(dòng)網(wǎng)頁或者網(wǎng)頁應(yīng)用。出色的網(wǎng)頁應(yīng)用同樣是一個(gè)挑戰(zhàn)。

一些大公司，比如 Google 和蘋果會(huì)同意一個(gè)統(tǒng)一的網(wǎng)頁應(yīng)用標(biāo)準(zhǔn)嗎？可能性不大，它們對(duì)跨平臺(tái)開發(fā)的興趣不大，而對(duì)應(yīng)用的平臺(tái)獨(dú)占性更加有興趣。

結(jié)論

如果你想要最好的用戶體驗(yàn)，去開發(fā)原生應(yīng)用吧。但如果你不喜歡 App Store，而你的應(yīng)用不會(huì)因?yàn)槿笔г缑婧凸δ芏脑?，開發(fā)一個(gè)出色的網(wǎng)頁應(yīng)用，但不要模仿原生界面。

網(wǎng)頁有它自己特殊的東西。利用這些東西，通過現(xiàn)代移動(dòng)瀏覽器提供的高級(jí)功能使你的用戶驚喜吧。

via?Springenwerk

來源：http://www.ifanr.com/52779