【编者按】本文作者唐杰，一位年轻的北漂产品经理，有过几年独立站长的经历，以及一年多移动互联网产品经理经验。本文列举了其在工作实践中体会到的十条移动应用产品设计经验，与大家分享。希望本文抛砖引玉，与读者们共同讨论。

随着移动互联网的发展，越来越多的Web产品开始布局移动端，因此越来越多的PM在交流讨论移动APP的产品设计。笔者从事移动互联网已经有一年多，通过不断的学习和实践积累了一些心得，现在整理并分享一下，希望对新接触移动互联网产品的PM有所帮助。

移动APP也算是一种C/S的架构，除了此架构本身的一些产品特性之外，我们还需要注意移动互联网的一些特性，像使用环境、触摸操作等等，因此移动产品最注重的就是内容的交互形式。下面介绍的这十条产品设计经验主要也就是围绕交互和内容的。

1、系统标准—依照用户具体的使用情境和需求来决定是沿用标准还是创新。

相比Web产品，移动APP产品有着初始的平台系统特性，产品设计应该遵循平台系统的设计规范。合理的制定和使用标准，可以大幅度提高效率，有利于产品的一致性，提升用户体验。除了基础的标准外，我们可以根据具体的需求和目标用户的情境决定是否套用标准，或者创新标准。

推荐两本入门必读手册：

《iOS人机界面指导手册》Apple原著，朱晨翻译。

《Android 4.0设计规范》Android原著，腾讯CDC团队翻译。

2、目标导向–以用户为中心，关注用户目标而不是关注用户要完成的任务。

用一句官话：秉承以用户为中心的设计理念，应用“以目标为导向的设计”方法，进行互联网产品的设计。

无论是Web产品还是移动APP产品，我们都应当关注用户的目标，以最简单直接的步骤给用户想要的结果，特别是移动互联网的碎片化、易打断的使用场景下，更应该避免增加过多的步骤或操作任务。

3、直觉体验–设计方案必须能够引导用户做出最符合直觉的反应行为。

移动平台系统有着基础的体验标准，这些标准培养了用户对APP应用的体验认知，因此我们需要理解用户的期望、需要、动机和使用情境来制定下一步操作或者内容的出现位置，使用户能够顺畅的完成交互行为。

例如：一个向用户隐喻从右边展开内容的按钮，如果是从左边展开，那么这就超出了用户直觉，用户潜意识行为就会被打断，且需要重新调整，这就无形中增加了用户思考。例如：一个功能按钮，用户触击后潜意识会认为下一步操作应该会出现在这个按钮的周边，如果跑的太远，也超出了用户直觉。

如上两条简单的示例，都是可以在当前界面内完成的。在当前界面平缓交互出来的元素给用户在体验上更加流畅，同时也让用户觉得只是在原有界面上载入了新元素，用户感观上只需要接受新的元素。而新界面突然切断用户使用的流畅感，也就是说用户的思维需要进行切换，需要重新接受并认识新的页面，就像进入了另一间屋子。

7、概念简化–避免概念输出，要尽量以用户听得懂的语言来表达设计。

这个取决于产品的定义和用户群体，避免内部概念或行业概念的输出，例如房地产行业，你对购房者说租售比（租售比不是百分比数值），绝大多数用户肯定不懂，如果你对购房投资者说租售比，他们肯定知道。

所以在产品设计中，元素和内容的表达需要考虑用户的定位，针对目标用户群体听得懂的语言来表达，使用通俗化的语言和通俗化的元素，无法避免的概念需要协助解释，例如采用“模态”指引等等方式。

8、信息交互–基于信息层面的交互，应该简单自然易懂。

信息层面的交互是最直观的交互，因为他本身就能给用户直观的信息反馈，因此信息的本身应该简单易懂，不要让用户莫名其妙。

同时交互的设计流程要符合用户期望及下意识行为。

9、简洁元素–减少视觉元素的堆叠，提高交互元素的辨识，合理隐喻交互元素。

产品设计中的视觉体验也很重要，如今简洁风格是一种设计趋势，复杂的元素会增加用户的识别成本，用户需要接受和学习的元素过多容易造成审美和使用的疲劳，特别是元素没有统一的连贯性，所以界面越简洁越好，元素越少越好，可大大减少视觉上的信息接受量。

在移动产品中，由于界面大小的因素，我们经常会遇到用图标做功能按钮，因此按钮的图标就需要充分考虑用户的体验认知。例如普遍的圈型箭头是刷新、心型是关注、星型是收藏、齿轮是设置 等等。我们在采用图形隐喻功能的时候，应当考虑用户的认知，避免用户学习和识别的成本。

10、明确结构–合理划分界面的逻辑结构，按照不同的内容与功能逻辑进行划分，突出结构主次。

1、页面中主要有三层结构：默认层、隐藏层、叠加层。默认层：初始显示的界面（页面）；隐藏层：默认隐藏的界面，需要操作才会显示，例如导航等等；叠加层：是需要操作才会出现，例如对话框、警告、模态窗口和弹出信息等等。

2、页面中分别划分为三个区域：可操作区域、主流程、提示信息。可操作区域：是主要内容交互的区域，例如选项、信息交互等等；主流程：用于醒目的告诉用户，你将进行的操作行为是什么，会产生什么样的结果；提示信息：展示用于操作的协助提示类的信息。

第2点关于页面区域的介绍，只是笔者对界面结构内容的理解，仅供参考。第10条和第9条都是比较偏向于视觉体验，这一层级主要是通过色调来增强用户体验，通过色调影响用户的操作，并且通过界面结构和内容，清晰的告诉用户在那里，退路在那里，能够去那里。

以上10条，也许对你有所启发，也许使你更加迷茫，但是正如笔者开头说的，移动互联网产品更注重内容的交互，所以除了这些理论性的知识，还需要去体验各类应用（不局限于某一类），体验和了解他们的交互和展现形式。推荐一个方法：每天只玩一个移动产品，玩熟玩透，并列出这个应用的优点和缺点，然后和大家分享交流，再从别人的眼中了解反馈，用不了一个月，你就能对移动互联网领域有所掌握了。

来源：雷锋网