避免差異巨大 移動網站設計應該避免的「七宗罪」

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

移動端網頁在今天雖然已經變得越來越重要，但我們在日常使用中依然會遇到一些糟糕的頁面。 近日，開發者Umer Mansoor就總結了開發移動網頁時應該避免的「七宗罪」。

頁面載入緩慢：眾所周知網頁載入速度是網站性能的一項重要衡量指標，畢竟很多時候使用者並不總是在WiFi狀態下流覽網頁，所以載入緩慢無疑是移動頁面七宗罪之首。 移動網頁在設計時應該避免集成過多高解析度的圖片以及累贅的指令檔。

排版淩亂：當網頁映入眼前，淩亂的文字排版當然也是訪客難以忍受的。 就像人們在現實生活中傾向于和思路清晰的人交流一樣，當使用者和網頁「交流」時也希望能快速找到自己需要的資訊。 所以雜亂的排版同樣是移動網頁應該避免的設計誤區之一。 比如Eurosmartz的移動版完全不像是為行動裝置設計的網頁。

導航功能不易使用：隨著行動裝置性能的提升，很多移動網頁設計者傾向于在移動端堆疊更多的內容，這時導航功能就變得必不可少了。 可諸多移動頁面在設計導航功能時又沒有足夠重視其可操控性，比如按鈕太過緊密、連結間距過小、功能表過於隱蔽等等。 各種社交網站的點贊功能尤其容易在滑動網頁時誤點擊。 蹩腳的導航無疑嚴重影響了使用者和網頁「互動」的過程，以至於有些使用者要「抱怨」自己手指太肥。

桌面端和移動端頁面風格差異巨大：某些時候我們可能會遇到一些桌面端和移動端頁面風格差異巨大的網站，比如Toybox。 一些對此網站不熟悉的使用者在從Toybox的桌面端跳轉到移動端時，也許很難意識到這是同一個網站的兩個不同版本。 雖然Toybox桌面端的動態效果挺好，但這種會給使用者造成極大困惑的設計明顯難以得到使用者的喜愛。

彈窗：網頁彈窗在桌面端已經令使用者厭煩不已，可不幸的是一些移動端的網頁設計者還是把其帶到了移動頁面上。 毫無疑問由於行動裝置螢幕尺寸的限制在移動端彈窗明顯會有更好的傳播效果，但無疑也會遭受到使用者更多的厭惡。

自動重定向：當使用者使用iPad訪問某一個網站時將其自動重定向到適配iPad的版本，這聽上去的確是一個好想法，可在實際操作中一樣會遇到問題。 比如當一個網站的移動版由於以上的種種問題讓使用者感到難以接受而想切換回桌上出版時，自動重定向基本上讓使用者陷入了閉環。 此外由於重定向而導致瀏覽器無法打開網頁的現象也時常出現。 所以在使用自動重定向功能時應該三思而行。

橫幅廣告：作為使用者當然可以理解網頁開發者在頁面上設置一些廣告，可橫幅形式的廣告無疑應該被歸為「七宗罪」之一。 從互聯網的發展歷程來看，橫幅廣告的思維好像還停留在1999年，可現在已經是2013年末尾了。

總結看來，Umer Mansoor列舉了頁面載入緩慢、排版淩亂、導航功能不易使用、桌面端和移動端頁面風格差異巨大、彈窗、自動重定向、橫幅廣告共七種讓移動頁面體驗糟糕的「罪惡」。 如果自己設計的頁面中包含這其中的某些項，也許是時候考慮做一些改進了。

圖片來自：Shutterstock、10kloc