移动端网页在今天虽然已经变得越来越重要,但我们在日常使用中依然会遇到一些糟糕的页面。近日,开发者 Umer Mansoor 就总结了开发移动网页时应该避免的 “七宗罪” 。

  页面载入缓慢:众所周知网页载入速度是网站效能的一项重要衡量指标,毕竟很多时候多用户并不总是在 WiFi 状态下浏览网页,所以载入缓慢无疑是移动页面七宗罪之。移动网页在设计时应该避免整合过多高解析度的图片以及累赘的指令码档案。
  cluttered
  排版凌乱:当网页映入眼前,凌乱的文字排版当然也是访客难以忍受的。就像人们在现实生活中倾向于和思路清晰的人交流一样,当多用户和网页 “交流” 时也希望能快速找到自己需要的资讯。所以杂乱的排版同样是移动网页应该避免的设计误区之一。比如 Eurosmartz 的移动版完全不像是为移动装置设计的网页。
  导航功能不易使用:随着移动装置效能的提升,很多移动网页设计者倾向于在移动端堆叠更多的内容,这时导航功能就变得必不可少了。可诸多移动页面在设计导航功能时又没有足够重视其可操控性,比如按钮太过紧密、连结间距过小、选单过于隐蔽等等。各种社交网站的点赞功能尤其容易在滑动网页时误点选。蹩脚的导航无疑严重影响了多用户和网页 “互动” 的过程,以至于有些多用户要 “抱怨” 自己手指太肥。
  desktop-vs-mobile
  桌面端和移动端页面风格差异巨大:某些时候我们可能会遇到一些桌面端和移动端页面风格差异巨大的站点,比如 Toybox 。一些对此站点不熟悉的多用户在从 Toybox 的桌面端跳转到移动端时,也许很难意识到这是同一个网站的两个不同版本。虽然 Toybox 桌面端的动态效果挺好,但这种会给多用户造成极大困惑的设计明显难以得到多用户的喜爱。
  弹窗:网页弹窗在桌面端已经令多用户厌烦不已,可不幸的是一些移动端的网页设计者还是把其带到了移动页面上。毫无疑问由于移动装置萤幕尺寸的限制在移动端弹窗明显会有更好的传播效果,但无疑也会遭受到多用户更多的厌恶。
  001
  自动重定向:当多用户使用 iPad 访问某一个网站时将其自动重定向到适配 iPad 的版本,这听上去的确是一个好想法,可在实际操作中一样会遇到问题。比如当一个网站的移动版由于以上的种种问题让多用户感到难以接受而想切换回桌面版时,自动重定向基本上让多用户陷入了死回圈。此外由于重定向而导致浏览器无法开启网页的现象也时常出现。所以在使用自动重定向功能时应该三思而行。