一个页面只做一件事

去除杂乱

用户的注意力非常珍贵，我们也要根据用户的注意力进行设计。杂乱的界面展示了过多的信息，让你的用户非常的累：每一个加进去的按钮、图片、文字都会使界面更加复杂。

一屏一个主要操作。对于使用者，你设计的每一个页面应该仅提供一个具有真正价值的单一操作。这会让你的应用更易上手，更易使用，必要时也更容易添加功能。100个清晰的屏幕比1个杂乱的屏幕更好。

让导航更加明显、不言自明

导航确保用户在跳转时不迷路，告诉用户当前在哪，可以去哪，如何回去等问题。

全局导航需要使用清晰明了的视觉图形，无须解释

所有导航必须一致，不要再不通过页面内隐藏或移动导航

对手指友好的点击目标

让你的触碰点7-10mm大，这样他们可以用手指准确的点击到。这样大小的目标对于用户手指来说非常舒适，在点击时，目标的边缘也是可见的。这可以让用户在点击目标之后得到清晰的视觉反馈。

文字内容应易读

移动端设计的规则之一：文字至少要有11pt，这样才能保证他们不需要放大就可以在移动距离内看清。

通过行高或字间距来提高可读性。大一些的空白有时可以让最杂乱的界面看起来具有吸引力和简洁。

让界面元素清晰可见

你需要借助颜色和对比来帮助用户理解你的内容。为了支撑可用性，你可以选定主要、次要、强调颜色。确保元素间有足够的颜色对比度，这样低视力的用户也可以看见和使用你的APP。

文字颜色和背景颜色必须拥有足够的对比度，这样文字才具有可读性。W3C对主体文字和图片文字提供了如下对比度建议：

小字需要与背景有至少4.5：1的对比度；

大字（粗体14pt/18pt，甚至更大）需要与背景至少有3：1的对比度；

界面拥有足够的对比度对于移动端是非常重要的：用户在户外时，手机可能因为光线而只拥有较低对比度。

图标或其他关键元素也应当采用上述建议的对比度。

根据手的位置设计控制点

Steven Hoober在他的移动设备使用调查中发现，49%的用户只依赖一个手指去完成所有的手机操作。下图中的图样大致是移动手机屏幕的可达区域示意图，各颜色代表了用户可以触及的与手机屏幕交互的点。

绿色代表用户可以轻松触及的区域；黄色代表用户需要一点稍微伸展一点；红色代表用户可能需要调整手持方式才能达到的点。因此，手的位置应该影响着移动端设计时各控制元素的摆放问题：

一级菜单、高频按键和常用操作应该放置在绿色区域内，因为这样子单手很容易交互。

反向操作（例如删除和消除）应该放在单手难触及的红色区域，因为你可不想误点击到它们。

减少输入

移动端打字是很缓慢且易错的过程。因此，使用一款移动APP时应尽量减少打字输入的需求：

让表单短且简单，去除一切不需要的内容；

适当时使用自动填充

利用各种智能传感器，摄像头、麦克风、陀螺仪，以及私人数据地理位置、账户信息

这样用户只需要输入最少的信息。

减少等待

减少等待、稳定快捷，才能帮你留住用户。许多研究都表明，用户能够忍受的最长等待时间的中位数，在 6～8 秒之间。这就是说，8 秒是一个临界值，如果你的页面打开速度过慢，等待 8 秒以上，大部分用户会离你而去。

在等待过程中转移注意力

instagram在点击上传照片后，会回到首页的位置，同时告诉你照片正在提交，而不是显示一个上传进度的界面，让用户看百分比。

减少点击

产品在使用过程中经常会有一些多余的点击，对于用户而言，这些不必要的操作都是附加工作。附加工作消耗用户的精力，但是不直接实现用户的目标。消除附加工作，可以提升操作效率，改善产品的可用性。交互设计师应该对产品中附加工作高度敏感，才能把产品设计得更高效。

反馈明确

及时恰当的反馈能告诉用户下一步该做什么，帮助用户做出判断和决定，让用户知道系统运行良好稳定。所以，要营造和谐的人机对话环境，我们必须做到适时明确的反馈。

非模态的反馈，不打断任务流

减少使用alertbox，使用list notification,toast list等方式来提醒用户。

Gmail是第一个把删除的模态弹框设计成List

Notification这种方式的，提醒用户撤销刚才的删除操作，这种非模态的处理，让删除的流程更加顺畅和轻松自如。

自动保存用户的输入成果

移动端输入的环境复杂，容易出错。再输入后要离开时要二次确认

断网或网络不稳定时，仍然可以发布但是显示叹号提醒稍后重试。

作者：justCode_
链接：https://www.jianshu.com/p/c877319d0e9a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

交互设计（英文Interaction Design, 缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求  。

原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型

原则2：培养用户使用情景的思维方式做设计

原则3：尽量少的让用户输入，输入时尽量多给出参考

原则4：全局导航需要一直存在，最好还能预览其他模块的动态

原则5：提供非模态的反馈，不打断任务流

原则6：不要让用户等待任务完成，用户还要发现更多有意思的地方

原则7：自动保存用户的输入成果

原则8：为了程序响应的速度，设计有时候需要担任掩护的作用

认知心理学为交互设计提供基础的设计原则。这些原则包括心智模型（mental model），感知/现实映射原理（mapping），比喻（metaphor）以及可操作暗示（affordance）。这些原则大都在

The Design of Everyday Things

中被提及。

原则：

可视性：功能可视性越好，越方便用户发现和了解使用方法;

反馈：反馈与活动相关的信息，以便用户能够继续下一步操作;

限制：在特定时刻显示用户操作，以防误操作;

映射：准确表达控制及其效果之间的关系;

一致性：保证同一系统的同一功能的表现及操作一致;

启发性：充分准确的操作提示。

准则：

1、伦理的（能体谅人，有帮助）不伤害、改善人的状况;

2、有意图的，能帮助用户实现他们的目标和渴望;

3、注重实效，帮助委托的组织实现它们的目标;

4、优雅的:最简单的完整方案、拥有内部的一致性、合适的容纳和情感。