响应式原型的7个常见错误

  01.不针对屏幕而针对设备设计
  根据OpenSignal提供的数据，现在市场上有24，093个不同的安卓设备，从去年的18，796个起——这还没有算上iOS和其它操作系统的设备。
  02.只依赖设备尺寸进行临界点设定
  新的设备总是会不断推出，即使你能数得出每个可用设备的临界点，你的响应式网站将在下一个更大设备出现的时候变得过小。
  03.忽视触屏控制
  触屏控制是众多移动设备的巨大优势之一：它们有趣，它们易用，同时它们还帮你节省时间。不要在某些设备上疏忽了它们，因为其它设备不能使用。这里有一些包含触屏控制的建议：
  了解每个设备的最佳实践。在小屏设备上，左下角是大拇指最容易接触的地方，所以将你点击最频繁的按钮放在这里。然而对平板来说，因为它们被拿的方式不同，顶部的边角是黄金接触点。
  点击目标（如CTA按钮。译者注：CTA即call to action。）必须有足够的尺寸。一个最小44点的点击区域需服从fat-finger-friendly（译者注：即较粗的手指也能点得到）原则。
  元素之间的建议间距为至少23pt，以免点错。
  为无hover状态适配。你可以代替点击激活功能，或从一开始揭示hover元素的原生状态。
  不要重复造轮子。常用的手势比如滑动用于导航和其他功能，因为它们已经被用户熟知。
  04.链接到手机上显示效果不佳的内容
  你不能设计让访问者从链接跳转到其他页面或内容，不管是在你的网站或其它地方。响应式体验的一大问题就是当与你的响应式网站链接到非响应式设计的网页。
  如果你的响应式网站链接到外站，你无法对此做些什么，除非考虑用一个可替换的网站。然而，当链接到你可以控制的网站或资源，包括小网站或合作方的网站，你绝对想要确保它们提供了一系列良好的响应式体验。
  05.对更大的屏幕缺乏计划
  我建议先为移动端设计，当并不意味着仅仅设计移动端。即使更小的屏幕可能更受欢迎，42%的流量仍然来自桌面端的访问者。这两种屏幕尺寸均需要被考虑到。
  06.在不同的屏幕大小使用一样的导航
  同一设备中用一致的导航绝对是件好事。但别太执迷于一种布局并将其反复地在其它设备上实践。这与响应式设计的本质是相违背的。
  07.隐藏内容
  一个常见的错误观念曾经认为移动端用户是匆忙的，并且只想要“整个网站”的缩小版本。诸如联系信息和指南这类内容被优先考虑，其它内容则被隐藏了。
  现在我们知道大多数移动端用户一点也不匆忙，有68%的使用场景还是在家中。大多数用户想要在移动设备上访问整个网站，他们想要无内容删减但重新排版的版本。