掌握这7项原则让移动网站设计更出众

  1. 创建一个坚实的信息层次结构
  移动用户有非常明确的目标导向。当他们访问一个网站时，他们希望尽快找到他们需要的东西。人们很少逐字阅读网页，而是浏览网页。这就是为什么良好的可扫描性是移动网站设计的基本属性。访问者应该可以轻松快速地在你的网站上找到他们正在寻找的信息。
  2. 使用简单的页面布局
  用户注意力是一种宝贵的资源，应该相应地分配。当你设计移动布局时，你需要优先考虑简单性，因为简单的布局在小屏幕上效果更好。以下是实现这一目标的方法：
  坚持一栏布局。当你优化桌面网页设计时，你通常依靠多栏网页设计网格来构建信息。但是对于移动设备，坚持使用一栏布局要好得多，因为多栏会引入更多噪音并使用户更难理解信息。
  不要使用水平滚动。水平滚动不仅会造成糟糕的用户体验（因为水平滚动并不直观），而且还未能通过 Google 移动友好测试。
  整理布局。移动用户不应该一次被大量信息淹没，因为这可能会造成混乱并难以找到他们需要的信息。遵循简约的方法来创建干净的布局——使用简洁的副本并摆脱纯粹的装饰元素，这样你的用户就可以享受干净且高度集中的移动体验。请记住，你使用的每个文本或图像都应该为访问者带来价值。
  3.使文本可读并使用大触摸目标
  可读性，或读者理解书面文本的难易程度，是网页设计的基本属性，因为很多信息都是通过文本或副本传达的。以下是在设计时考虑到良好的可读性时需要考虑的属性：
  字体。选择一种可以很好地缩放并且在任何屏幕尺寸上看起来都很棒的字体。Helvetica(中文选择非衬线体)和Roboto是不错的选择。
  字体大小。16 像素是移动字体大小的一个很好的默认值。
  颜色对比。争取达到WCAG 2.0 AA 级，让读者可以访问文本。
  小触摸目标是移动用户的另一个问题。在移动设备上，用户用手指点击屏幕上的项目，但较小的触摸目标会增加用户击中错误对象的机会。手指友好的大按钮将使最终用户与你的网站的交互更加舒适。触摸屏对象的推荐目标尺寸为 7-10mm。
  4. 尽量减少用户输入数据的工作量
  填写表单并不是 Web 体验中最令人兴奋的部分，但设计高效的表单至关重要，这样你的访问者就不必花费太多时间输入数据。设计表单时需要考虑以下几点：
  询问最低限度的信息。通过仅询问基本信息，你可以最大限度地减少用户填写表单时的工作量。
  为送货或帐单地址等字段提供自动填充功能。你可以根据用户的 GEO 位置自动填充用户的地址。
  使用内联验证实时验证用户输入。用户在输入信息时会看到他们错误地添加了信息，而不是在他们点击“提交”按钮时。
  5. 优化页面速度的设计
  用户在交互设计中关心速度。网站加载内容所需的时间越长，用户放弃它的可能性就越大。因此，建议测量性能并删除任何会增加加载时间的对象。高分辨率图像、视频和精美动画都会影响页面加载时间。
  6. 移动端和桌面端的视觉和功能一致性
  许多数字产品可作为移动应用程序和网站使用。如果你的产品在两者上都运行，则需要使应用程序和网站的移动用户界面保持一致。理想情况下，移动网络体验应该与你的移动应用程序没有区别，因为它允许用户在应用程序和网站之间自由切换。
  7. 允许用户在另一台设备上完成他们的旅程
  访问者在移动设备上开始任务但在桌面上完成它是很常见的。一个例子是从电子商务商店购买产品。访问者喜欢在移动设备上浏览，但在填写表格时，他们希望切换到桌面，因为它更方便。提供“共享”功能，以便访问者可以通过电子邮件发送链接。
  始终与用户一起验证你的设计。