一年之前我會說移動設(shè)備可有可無，但是現(xiàn)在情況完全變了。事實上，一些作者強調(diào)應該先開發(fā)移動web。我不能說我不同意，畢竟這是可靠的戰(zhàn)略。移動web設(shè)計聽起來容易，

然而你“只是”設(shè)計一個簡化的網(wǎng)站？如果是這么簡單就好了。

首先我們要考慮開發(fā)移動Web站點的方法，很多人都忽略了這一點。第二是移動界面的用戶體驗本質(zhì)上是不同的。我們首先來看一下設(shè)計和開發(fā)一個網(wǎng)站的移動版。

在我們討論設(shè)計方法之前，我們必須弄清楚移動Web站點和移動應用程序之間的差異。

移動Web站點vs應用程序

盡管這看上去很簡單，但是很多人都混淆了移動應用程序和移動Web站點的概念。兩者之間的區(qū)別是顯而易見的，用戶和app的交互與用戶和website的交互是不同的。應用程序需要下載到用戶手機里，程序安裝在用戶設(shè)備上，并且可以連接聯(lián)機服務器。移動Web站點不需要下載也不用安裝在用戶設(shè)備上。它通過瀏覽器輸入訪問站點的URL來進行訪問。

一些設(shè)計師把他們的移動Web站點設(shè)計成移動應用程序的樣子，這會讓人（尤其是用戶）產(chǎn)生混淆。有某些情況，這么做是有道理的，比如說用戶熟悉這種界面。但是大多數(shù)情況下，他們只熟悉web瀏覽。除非你確定嘗試用網(wǎng)站來模擬移動應用程序，不然***避免“應用程序樣式”。

手機應用程序的用法

手機應用程序的用法較為復雜。用戶必須先搜索該應用程序（或者是某一種類型的應用程序），下載安裝，然后了解如何使用它。在這過程中幾乎沒有任何阻礙。許多移動apps仍然是未知的因為沒有人想到嘗試并且發(fā)現(xiàn)他們。比如說，一個以當?shù)卦O(shè)計師的鞋店為原型開發(fā)的購物應用程序很少會有人使用。

移動Web站點的用法

移動Web站點的使用非常簡單，用戶不需要搜索，下載甚至安裝任何東西。他們只需要訪問你的站點。對于用戶和公司/組織來說，毫不費力就能上手。移動Web站點唯一缺點就是持久性太差。只要用戶不卸載app，app就一直在用戶的設(shè)備里。而當用戶停止訪問某個站點，這個站點就從用戶的設(shè)備中消失了。

既然你理解了應用程序和網(wǎng)站之間的區(qū)別，下面就可以仔細想一下移動設(shè)計的方法了。

移動Web站點設(shè)計的方法

有四種主要方法來設(shè)計移動Web站點，每一種方法都有其的優(yōu)點和缺點。他們是：

1. 有所不為
2. 修改現(xiàn)有的設(shè)計（用CSS）
3. 設(shè)計一個獨立的移動Web站點
4. 設(shè)計一個負責任的網(wǎng)站

下面我們依次來看一下這四種方法吧。

1.“有所不為”

正如前面所說的，現(xiàn)在的移動瀏覽器能夠處理大多數(shù)網(wǎng)站，大多數(shù)瀏覽器允許用戶在閱讀的時候放大頁面，在瀏覽網(wǎng)頁候縮小頁面。這樣雖然麻煩，但是用戶習慣了這種工作流。有所不為是所有選擇中花費最小的一種方法，因為你差不多“什么都沒做”。同樣這也是最有效的方法。移動瀏覽器的性能一定會有極大的提高。但是作為一個整體，移動用戶的體驗大大減少。這不會使所有移動用戶不再訪問你的網(wǎng)站，但是會使某些用戶對你的網(wǎng)站不再感興趣。

[[54865]]

2.修改已有的設(shè)計

保留原有的標記，但是調(diào)整現(xiàn)有的設(shè)計樣式是完善移動體驗的長期方法。通常，通過更換移動瀏覽器的樣式表來達到這個目的，該樣式表簡化了布局，隱藏了大幅圖像/動畫，并使得瀏覽頁面更加容易。

利：

低成本，并且只需要修改外觀。

該方法和“有所不為”相比，改進了用戶體驗。

弊：

限制了能夠做出的改變的數(shù)量

內(nèi)容仍需要下載，（給用戶）帶來了速度及帶寬等一系列問題。

無法改變基于該站點上下文的內(nèi)容。

對于大多數(shù)移動設(shè)備和屏幕分辨率來說，很難進行設(shè)計。

3.單獨設(shè)計一個移動站點

如果有大量預算的話，那么最理想的方法就是開發(fā)一個獨立的專門由移動設(shè)備訪問的網(wǎng)站。移動Web站點的設(shè)計，組織和填充一直關(guān)注移動用戶的需求。因為該站點獨立于公司的主網(wǎng)站，因此它可以是完全不同的。當用戶訪問主站點的時候，他們被標識為移動用戶，頁面自動跳轉(zhuǎn)到為移動設(shè)備訪問版本，這給用戶提供了***的體驗。他們可以瀏覽專門為移動用戶的需求設(shè)計的站點。

利：

給用戶提供***的移動體驗。

弊：

開發(fā)和維護的成本太高。

一些用戶習慣了該網(wǎng)站的桌面版本，并傾向于通常使用的版本。

對于大多數(shù)移動設(shè)備和屏幕分辨率來說，很難進行設(shè)計。

4.設(shè)計一個負責任的網(wǎng)站

負責人的設(shè)計是個新成員。該設(shè)計非常有用，并且可行。因此它的普及率大幅上升。這個設(shè)計背后的觀點非常簡單，不僅僅只有一個樣式表。你可以在不同的分辨率下使用不同的樣式表。結(jié)果是站點展開和折疊取決于瀏覽器窗口的大小。負責任的設(shè)計讓你保持***的演示不管用戶是在使用移動電話，平板電腦還是一個大型的電腦屏幕。

利：

能夠為多種分辨率設(shè)計一個良好的視覺體驗。

比移動特定的網(wǎng)站花費要少。

弊：比移動特定的樣式表花費要高。

無法修改基于移動使用的站點內(nèi)容。

布局受制于資源順序。

總結(jié)

設(shè)計任何移動Web站點的***步就是選擇你用的方法。選擇的方法能夠表明設(shè)計的局限性和性能。目前，有四種主流的設(shè)計方法，且每種方法有各自的優(yōu)缺點。最古老，最有優(yōu)越感，最貴的方法就是專門為移動設(shè)備設(shè)計一個站點。最少的花費且長期存在的方法是使用一個特定的樣式表。方法是創(chuàng)建一個設(shè)計，該設(shè)計響應不同的屏幕分辨率。如果預算比較少，移動用戶的訪問量比較小，你可以什么都不做?，F(xiàn)代的移動瀏覽器自己提供可以接受的體驗。

原文鏈接：移動Web站點指南–移動101