用户花费大量时间与移动设备上的网站进行交互，而不是桌面。这个数字似乎每天都在增长。根据网络统计发现 大部分成年人手机平均花费3小时35分钟，预计这些设备的使用时间明年将通过电视观看。
这对所有网页设计师和开发者都有重大影响。您必须创建有效的响应式网站或应用程序才能满足此需求。今天，我们正在探索八项规则，以确保您在设计响应式体验（无论是网站还是应用程序）时都能遵循这些规则。
1.整理设计
为了充分利用响应式网站或应用程序设计，您可以做的最好的事情就是整理它。不要将设计包含太多选项或按钮。所有这些只会压倒用户。有几种方法可以有效地做到这一点：
简化内容：密切关注用户需要知道与网站或应用程序进行交互的内容。使用一系列屏幕或步骤以逻辑方式呈现此信息。屏幕上的所有内容都会在小屏幕上瘫痪。
仅使用对设计功能至关重要的界面元素。为什么包含用户未与之交互的选项按钮？（如果您不确定，请查看分析数据。您应该能够看到某些操作的交互模式和用户流。）
2.使任务可消化
当表单看起来容易时，人们更愿意提供信息
用户最常见的任务之一是填写表单。因此，我们将以此为例来考虑如何使操作易于理解。想象一下，在网上放入一些东西后，我们会设置一个结账屏幕。那么会发生什么？
是否有一个长屏幕，有大量的字段要填写（其中一些非常小）？或者，交互是从简单的问题开始，您可以在一个屏幕上完成？
我的猜测是你更有可能填写后一种形式。大多数用户也是如此。当表单看起来很容易时，人们更愿意提供信息并点击结账（或其他所需的操作）。
关于数据和表单的另一个提示 - 尽可能使用智能功能。诸如自动完成之类的功能将使用户更有可能实际上将该表单一直转换为完成，因为它很容易。用户实际键入（或点击键入）的内容越少，他们就越有可能继续前进。
另一个例子在上面的Evernote的例子中是清楚的。其中一项主要任务是添加新笔记。绿色+按钮在屏幕底部中央高度可见，使此操作易于查找和完成。
3.创建明显且容易的按钮
坚持常见的使用模式和功能。
有时，设计师有这种倾向，想要创造新的和令人兴奋的东西并过度暗示明显的：按钮应该看起来像按钮。
不要试图在这里重新发明轮子。不要花哨并设计一种完成动作的新方法。设计按钮看起来像按钮一样。坚持常见的使用模式和功能。
如果用户必须考虑如何与响应式网站或应用程序设计进行过多努力 - 或者根本不考虑 - 可能的情况是他们根本不参与并继续使用其他选项。
作者：意派Coolsite360
链接：https://www.jianshu.com/p/70d888885185
随时随地看视频
