移動Web站點開發指南
一年之前我會說移動設備可有可無,但是現在情況完全變了。事實上,一些作者強調應該先開發移動web。我不能說我不同意,畢竟這是可靠的戰略。移動web設計聽起來容易,
然而你“只是”設計一個簡化的網站?如果是這么簡單就好了。
首先我們要考慮開發移動Web站點的方法,很多人都忽略了這一點。第二是移動界面的用戶體驗本質上是不同的。我們首先來看一下設計和開發一個網站的移動版。
在我們討論設計方法之前,我們必須弄清楚移動Web站點和移動應用程序之間的差異。
移動Web站點vs應用程序
盡管這看上去很簡單,但是很多人都混淆了移動應用程序和移動Web站點的概念。兩者之間的區別是顯而易見的,用戶和app的交互與用戶和website的交互是不同的。應用程序需要下載到用戶手機里,程序安裝在用戶設備上,并且可以連接聯機服務器。移動Web站點不需要下載也不用安裝在用戶設備上。它通過瀏覽器輸入訪問站點的URL來進行訪問。
一些設計師把他們的移動Web站點設計成移動應用程序的樣子,這會讓人(尤其是用戶)產生混淆。有某些情況,這么做是有道理的,比如說用戶熟悉這種界面。但是大多數情況下,他們只熟悉web瀏覽。除非你確定嘗試用網站來模擬移動應用程序,不然***避免“應用程序樣式”。
手機應用程序的用法
手機應用程序的用法較為復雜。用戶必須先搜索該應用程序(或者是某一種類型的應用程序),下載安裝,然后了解如何使用它。在這過程中幾乎沒有任何阻礙。許多移動apps仍然是未知的因為沒有人想到嘗試并且發現他們。比如說,一個以當地設計師的鞋店為原型開發的購物應用程序很少會有人使用。
移動Web站點的用法
移動Web站點的使用非常簡單,用戶不需要搜索,下載甚至安裝任何東西。他們只需要訪問你的站點。對于用戶和公司/組織來說,毫不費力就能上手。移動Web站點唯一缺點就是持久性太差。只要用戶不卸載app,app就一直在用戶的設備里。而當用戶停止訪問某個站點,這個站點就從用戶的設備中消失了。
既然你理解了應用程序和網站之間的區別,下面就可以仔細想一下移動設計的方法了。
移動Web站點設計的方法
有四種主要方法來設計移動Web站點,每一種方法都有其的優點和缺點。他們是:
- 有所不為
- 修改現有的設計(用CSS)
- 設計一個獨立的移動Web站點
- 設計一個負責任的網站
下面我們依次來看一下這四種方法吧。
1.“有所不為”
正如前面所說的,現在的移動瀏覽器能夠處理大多數網站,大多數瀏覽器允許用戶在閱讀的時候放大頁面,在瀏覽網頁候縮小頁面。這樣雖然麻煩,但是用戶習慣了這種工作流。有所不為是所有選擇中花費最小的一種方法,因為你差不多“什么都沒做”。同樣這也是最有效的方法。移動瀏覽器的性能一定會有極大的提高。但是作為一個整體,移動用戶的體驗大大減少。這不會使所有移動用戶不再訪問你的網站,但是會使某些用戶對你的網站不再感興趣。
2.修改已有的設計
保留原有的標記,但是調整現有的設計樣式是完善移動體驗的長期方法。通常,通過更換移動瀏覽器的樣式表來達到這個目的,該樣式表簡化了布局,隱藏了大幅圖像/動畫,并使得瀏覽頁面更加容易。
利:
低成本,并且只需要修改外觀。
該方法和“有所不為”相比,改進了用戶體驗。
弊:
限制了能夠做出的改變的數量
內容仍需要下載,(給用戶)帶來了速度及帶寬等一系列問題。
無法改變基于該站點上下文的內容。
對于大多數移動設備和屏幕分辨率來說,很難進行設計。
3.單獨設計一個移動站點
如果有大量預算的話,那么最理想的方法就是開發一個獨立的專門由移動設備訪問的網站。移動Web站點的設計,組織和填充一直關注移動用戶的需求。因為該站點獨立于公司的主網站,因此它可以是完全不同的。當用戶訪問主站點的時候,他們被標識為移動用戶,頁面自動跳轉到為移動設備訪問版本,這給用戶提供了***的體驗。他們可以瀏覽專門為移動用戶的需求設計的站點。
利:
給用戶提供***的移動體驗。
弊:
開發和維護的成本太高。
一些用戶習慣了該網站的桌面版本,并傾向于通常使用的版本。
對于大多數移動設備和屏幕分辨率來說,很難進行設計。
4.設計一個負責任的網站
負責人的設計是個新成員。該設計非常有用,并且可行。因此它的普及率大幅上升。這個設計背后的觀點非常簡單,不僅僅只有一個樣式表。你可以在不同的分辨率下使用不同的樣式表。結果是站點展開和折疊取決于瀏覽器窗口的大小。負責任的設計讓你保持***的演示不管用戶是在使用移動電話,平板電腦還是一個大型的電腦屏幕。
利:
能夠為多種分辨率設計一個良好的視覺體驗。
比移動特定的網站花費要少。
弊:比移動特定的樣式表花費要高。
無法修改基于移動使用的站點內容。
布局受制于資源順序。
總結
設計任何移動Web站點的***步就是選擇你用的方法。選擇的方法能夠表明設計的局限性和性能。目前,有四種主流的設計方法,且每種方法有各自的優缺點。最古老,最有優越感,最貴的方法就是專門為移動設備設計一個站點。最少的花費且長期存在的方法是使用一個特定的樣式表。方法是創建一個設計,該設計響應不同的屏幕分辨率。如果預算比較少,移動用戶的訪問量比較小,你可以什么都不做。現代的移動瀏覽器自己提供可以接受的體驗。
原文鏈接:移動Web站點指南–移動101