即使這樣，我們也無需扔掉HTML、CSS、JavaScript或是相關的Web App前端開發框架——這些工具可以幫助我們在開發原生應用的過程中創建快速原型——無論視覺還是交互方面都相當高保真的快速原型。

說到設計工作本身，特別在用戶體驗方面，移動應用與傳統網頁之間還是有著顯著差異的。有兩點需要特別注意：人機交互方式與使用場景。

• 對于移動設備來說，你需要面對和解決的交互設計方面的問題會有很多，和以往不同，你現在是在為手指做設計。你必須考慮的一個問題是，怎樣的頁面元素布局可 以讓拇指自由的操作并充分的休息。另外，當用戶在進行操作時，界面的一部分必然會被拇指遮擋住，所以要盡量保證控制元件的布局不會干擾到實際內容。類似這 樣的問題還有很多，多數可以歸納到“舒適度”與“可視性”這兩方面。這也是多數觸屏智能手機會將主要控制元件或導航一類放在屏幕底部的原因——而這些與傳 統Web設計的習慣正好相反。
• 你需要知道用戶多數會在怎樣的環境下以怎樣的方式使用客戶端應用。對于這個問題，我們通常有個誤解，就是覺得用戶都會在很忙很趕、無法集中注意力的情況下使用應用。其實這只是實際情況的一部分，“移動應用”并非只在移動的狀態下被使用；很多時候，人們會在沙發上、在廚房中、在機場候機時進行操作。在這些場景里，用戶擁有足夠多的操作時間，注意力也可以非常集中。另外，移動設備在很多方面的功能是超越桌面計算機的，譬如GPS、內置麥克風及攝像頭、觸控、陀螺儀、羅盤等；基于這些功能打造的不同類型的客戶端應用，它們所對應的使用場景也各有不同。

不要過于自信的假設用戶的意圖。移動應用未必代表功能的簡化，當你告訴自己“用戶并不需要在移動版本中使用這個功能”時，你也許是錯的。回憶一下你是否有這樣的經歷：在移動設備的瀏覽器中打開一個你所熟悉的網站，卻發現頁面跳轉到了所謂的移動版本，不僅在視覺和操作上與你的習慣不符，更糟的是也許它所簡化掉的功能正是你所需要的。雖然用戶正在使用小屏幕設備，但這不代表他們需要獲取的信息、需要使用的功能變少了。

我想說的是，我相信在多數情況下，無論移動應用還是所謂的移動版頁面，它們都應該與桌面版的網站及產品具有相似的內容與功能。當然，正如我們在前面提到的，在呈現及交互方式等方面，它們需要基于設備自身的特點而區別對待，但在內容方面應當盡可能保持一致。有些時候，移動應用甚至需要做的更多，拿亞馬遜 (Amazon)舉例子，他們的移動客戶端應用還具有條碼掃描功能；這是充分利用移動設備特有功能的典型案例。

從網站移動化這個角度來說，作為Web設計和開發人員，需要把思路鍛煉的更加具有彈性。在過去超過15年的時間里，我們只是為桌面瀏覽器設計網站。真正的Web設計不該是這樣的，它應該中立于平臺之間的差異，在任何設備、任何尺寸的屏幕中都保證可訪問性及可用性。

當然，在移動設備大規模普及之前，我們確實很難看到這一點；現在，我們開始了解到自己的網站和產品會被各種類型的設備訪問及使用。這并不是說我們要為所有類型的設備都單獨打造一個版本——真正需要的是讓網站有足夠的適應性和響應性。

關于響應式Web設計，可以參考我們之前的兩篇文章：“什么是響應式Web設計？怎樣進行？” 以及 “通過CSS3 Media Query實現響應式Web設計”。

Robin Nixon (Web開發人員、科技文章作者，著有HTML5 for iOS and Android: A beginner's Guide一書)

在我看來，對于傳統Web設計及開發人員來說，進行擴展或轉型的最佳入門方式，就是保持手頭技術的先進性，包括HTML(5)、CSS(3)和 JavaScript；目前，將Web App整合成為原生客戶端應用的解決方案正在日趨成熟，要實現產品的移動應用化，我們并不一定需要花時間學會那些復雜的編程語言，比如面向對象C語言、 JAVA、.NET等。只要你擁有足夠扎實的前端設計和開發能力，你就可以很輕松的創建Web App。