響應式原型的7個常見錯誤

  01.不針對屏幕而針對設備設計
  根據OpenSignal提供的數據，現在市場上有24，093個不同的安卓設備，從去年的18，796個起——這還沒有算上iOS和其它操作系統的設備。
  02.只依賴設備尺寸進行臨界點設定
  新的設備總是會不斷推出，即使你能數得出每個可用設備的臨界點，你的響應式網站將在下一個更大設備出現的時候變得過小。
  03.忽視觸屏控制
  觸屏控制是眾多移動設備的巨大優(yōu)勢之一：它們有趣，它們易用，同時它們還幫你節(jié)省時間。不要在某些設備上疏忽了它們，因為其它設備不能使用。這里有一些包含觸屏控制的建議：
  了解每個設備的最佳實踐。在小屏設備上，左下角是大拇指最容易接觸的地方，所以將你點擊最頻繁的按鈕放在這里。然而對平板來說，因為它們被拿的方式不同，頂部的邊角是黃金接觸點。
  點擊目標（如CTA按鈕。譯者注：CTA即call to action。）必須有足夠的尺寸。一個最小44點的點擊區(qū)域需服從fat-finger-friendly（譯者注：即較粗的手指也能點得到）原則。
  元素之間的建議間距為至少23pt，以免點錯。
  為無hover狀態(tài)適配。你可以代替點擊激活功能，或從一開始揭示hover元素的原生狀態(tài)。
  不要重復造輪子。常用的手勢比如滑動用于導航和其他功能，因為它們已經被用戶熟知。
  04.鏈接到手機上顯示效果不佳的內容
  你不能設計讓訪問者從鏈接跳轉到其他頁面或內容，不管是在你的網站或其它地方。響應式體驗的一大問題就是當與你的響應式網站鏈接到非響應式設計的網頁。
  如果你的響應式網站鏈接到外站，你無法對此做些什么，除非考慮用一個可替換的網站。然而，當鏈接到你可以控制的網站或資源，包括小網站或合作方的網站，你絕對想要確保它們提供了一系列良好的響應式體驗。
  05.對更大的屏幕缺乏計劃
  我建議先為移動端設計，當并不意味著僅僅設計移動端。即使更小的屏幕可能更受歡迎，42%的流量仍然來自桌面端的訪問者。這兩種屏幕尺寸均需要被考慮到。
  06.在不同的屏幕大小使用一樣的導航
  同一設備中用一致的導航絕對是件好事。但別太執(zhí)迷于一種布局并將其反復地在其它設備上實踐。這與響應式設計的本質是相違背的。
  07.隱藏內容
  一個常見的錯誤觀念曾經認為移動端用戶是匆忙的，并且只想要“整個網站”的縮小版本。諸如聯系信息和指南這類內容被優(yōu)先考慮，其它內容則被隱藏了。
  現在我們知道大多數移動端用戶一點也不匆忙，有68%的使用場景還是在家中。大多數用戶想要在移動設備上訪問整個網站，他們想要無內容刪減但重新排版的版本。