移動網站設計的方法?

Tags: 網站, 大學, 宋體,

有四種主要方法來設計移動網站,每一種方法都有其的優點和缺點。他們是:

1. 有所不為

2. 修改現有的設計(用 CSS )

3. 設計一個獨立的移動網站

4. 設計一個負責任的網站

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

1. “ 有所不為 ”

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

2. 修改已有的設計

保留原有的標記,但是調整現有的設計樣式是完善移動體驗的長期方法。通常,通過更換移動瀏覽器的樣式表來達到這個目的,該樣式表簡化了佈局,隱藏了大幅影象 / 動畫,並使得瀏覽頁面更加容易。

利:

低成本,並且只需要修改外觀。

該方法和 “ 有所不為 ” 相比,改進了使用者體驗。

弊:

限制了能夠做出的改變的數量

內容仍需要下載,(給使用者)帶來了速度及頻寬等一系列問題。

無法改變基於該站點上下文的內容。

對於大多數移動裝置和螢幕解析度來說,很難進行設計。

3. 單獨設計一個移動站點

如果有大量預算的話,那麼最理想的方法就是開發一個獨立的專門由移動裝置訪問的網站。移動網站的設計,組織和填充一直關注移動使用者的需求。因為該站點獨立於公司的主網站,因此它可以是完全不同的。當用戶訪問主站點的時候,他們被標識為移動使用者,頁面自動跳轉到為移動裝置訪問版本,這給使用者提供了最好的體驗。他們可以瀏覽專門為移動使用者的需求設計的站點。

利:

給使用者提供最好的移動體驗。

弊:

開發和維護的成本太高。

一些使用者習慣了該網站的桌面版本,並傾向於通常使用的版本。

對於大多數移動裝置和螢幕解析度來說,很難進行設計。

4. 設計一個負責任的網站

負責人的設計是個新成員。該設計非常有用,並且可行。因此它的普及率大幅上升。這個設計背後的觀點非常簡單,不僅僅只有一個樣式表。你可以在不同的解析度下使用不同的樣式表。結果是站點展開和摺疊取決於瀏覽器視窗的大小。負責任的設計讓你保持最佳的演示不管使用者是在使用行動電話,平板電腦還是一個大型的電腦螢幕。

利:

能夠為多種解析度設計一個良好的視覺體驗。

比移動特定的網站花費要少。

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

無法修改基於移動使用的站點內容。

佈局受制於資源順序。

網站, 大學, 宋體,
相關問題答案