2022-6-14 博博
移動端網頁在今天雖然已經變得越來越重要，但我們在日常使用中依然會遇到一些糟糕的頁面。近日，開發者Umer Mansoor就總結了開發移動網頁時應該避免的“七宗罪”。
在移動端方寸地，有細節才能抓住用戶，可以參閱這《60個以小見大的設計細節！》，保證會學到很多。還有，記得不要犯《ANDROID應用中十大常見UX錯誤》
眾所周知網頁加載速度是網站性能的一項重要衡量指標，畢竟很多時候用戶并不總是在WiFi狀態下瀏覽網頁，所以加載緩慢無疑是移動頁面七宗罪之首。移動網頁在設計時應該避免集成過多高分辨率的圖片以及累贅的腳本文件。
當網頁映入眼前，凌亂的文字排版當然也是訪客難以忍受的。就像人們在現實生活中傾向于和思路清晰的人交流一樣，當用戶和網頁“交流”時也希望能快速找到自己需要的信息。所以雜亂的排版同樣是移動網頁應該避免的設計誤區之一。比如Eurosmartz的移動版完全不像是為移動設備設計的網頁。
隨著移動設備性能的提升，很多移動網頁設計者傾向于在移動端堆疊更多的內容，這時導航功能就變得必不可少了。可諸多移動頁面在設計導航功能時又沒有足夠重視其可操控性，比如按鈕太過緊密、鏈接間距過小、菜單過于隱蔽等等。各種社交網站的點贊功能尤其容易在滑動網頁時誤點擊。蹩腳的導航無疑嚴重影響了用戶和網頁“互動”的過程，以至于有些用戶要“抱怨”自己手指太肥。
某些時候我們可能會遇到一些桌面端和移動端頁面風格差異巨大的站點，比如Toybox。一些對此站點不熟悉的用戶在從Toybox的桌面端跳轉到移動端時，也許很難意識到這是同一個網站的兩個不同版本。雖然Toybox桌面端的動態效果挺好，但這種會給用戶造成極大困惑的設計明顯難以得到用戶的喜愛。
網頁彈窗在桌面端已經令用戶厭煩不已，可不幸的是一些移動端的網頁設計者還是把其帶到了移動頁面上。毫無疑問由于移動設備屏幕尺寸的限制在移動端彈窗明顯會有更好的傳播效果，但無疑也會遭受到用戶更多的厭惡。
當用戶使用iPad訪問某一個網站時將其自動重定向到適配iPad的版本，這聽上去的確是一個好想法，可在實際操作中一樣會遇到問題。比如當一個網站的移動版由于以上的種種問題讓用戶感到難以接受而想切換回桌面版時，自動重定向基本上讓用戶陷入了死循環。此外由于重定向而導致瀏覽器無法打開網頁的現象也時常出現。所以在使用自動重定向功能時應該三思而行。
作為用戶當然可以理解網頁開發者在頁面上設置一些廣告，可橫幅形式的廣告無疑應該被歸為“七宗罪”之一。從互聯網的發展歷程來看，橫幅廣告的思維好像還停留在1999年，可現在已經是2013年末尾了。
總結看來，Umer Mansoor列舉了頁面加載緩慢、排版凌亂、導航功能不易使用、桌面端和移動端頁面風格差異巨大、彈窗、自動重定向、橫幅廣告共七種讓移動頁面體驗糟糕的“罪惡”。如果自己設計的頁面中包含這其中的某些項，也許是時候考慮做一些改進了。
轉載請注明：優設網
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
網站設計之一：怒馬！超實用的單頁網站設計指南（附大量資源）
網站設計之二：旅游網站設計分析！教你10個小技巧
網站設計之三：實例教學！如何將極簡風格的原則運用到網站設計中？
網站設計之四：另辟蹊徑談創新！提升網站設計形式的幾種方法
網站設計之五：經驗分享：移動網站設計應該避免的“七宗罪”
網站設計之六：4000 字快速回顧20多年的網頁設計發展史！
網站設計之七：騰訊出品！2021-2022設計趨勢報告：動態篇
網站設計之八：為什么千萬別隨便學國外的極簡設計？
網站設計之九：高手出品！2020~2021年UI界面設計趨勢
網站設計之十：如何做好網頁頭部內容設計？來看 58 設計師的總結！
