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

  頁面載入緩慢:眾所周知網頁載入速度是網站效能的一項重要衡量指標,畢竟很多時候多使用者並不總是在 WiFi 狀態下瀏覽網頁,所以載入緩慢無疑是移動頁面七宗罪之。移動網頁在設計時應該避免整合過多高解析度的圖片以及累贅的指令碼檔案。
  cluttered
  排版凌亂:當網頁映入眼前,凌亂的文字排版當然也是訪客難以忍受的。就像人們在現實生活中傾向於和思路清晰的人交流一樣,當多使用者和網頁 “交流” 時也希望能快速找到自己需要的資訊。所以雜亂的排版同樣是移動網頁應該避免的設計誤區之一。比如 Eurosmartz 的移動版完全不像是為移動裝置設計的網頁。
  導航功能不易使用:隨著移動裝置效能的提升,很多移動網頁設計者傾向於在移動端堆疊更多的內容,這時導航功能就變得必不可少了。可諸多移動頁面在設計導航功能時又沒有足夠重視其可操控性,比如按鈕太過緊密、連結間距過小、選單過於隱蔽等等。各種社交網站的點贊功能尤其容易在滑動網頁時誤點選。蹩腳的導航無疑嚴重影響了多使用者和網頁 “互動” 的過程,以至於有些多使用者要 “抱怨” 自己手指太肥。
  desktop-vs-mobile
  桌面端和移動端頁面風格差異巨大:某些時候我們可能會遇到一些桌面端和移動端頁面風格差異巨大的站點,比如 Toybox 。一些對此站點不熟悉的多使用者在從 Toybox 的桌面端跳轉到移動端時,也許很難意識到這是同一個網站的兩個不同版本。雖然 Toybox 桌面端的動態效果挺好,但這種會給多使用者造成極大困惑的設計明顯難以得到多使用者的喜愛。
  彈窗:網頁彈窗在桌面端已經令多使用者厭煩不已,可不幸的是一些移動端的網頁設計者還是把其帶到了移動頁面上。毫無疑問由於移動裝置螢幕尺寸的限制在移動端彈窗明顯會有更好的傳播效果,但無疑也會遭受到多使用者更多的厭惡。
  001
  自動重定向:當多使用者使用 iPad 訪問某一個網站時將其自動重定向到適配 iPad 的版本,這聽上去的確是一個好想法,可在實際操作中一樣會遇到問題。比如當一個網站的移動版由於以上的種種問題讓多使用者感到難以接受而想切換回桌面版時,自動重定向基本上讓多使用者陷入了死迴圈。此外由於重定向而導致瀏覽器無法開啟網頁的現象也時常出現。所以在使用自動重定向功能時應該三思而行。