移动互联网(APP)产品设计的经验分享.docx

《移动互联网(APP)产品设计的经验分享.docx》由会员分享，可在线阅读，更多相关《移动互联网(APP)产品设计的经验分享.docx（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、移动互联网(APP)产品设计的经验分享 解用户的期望、需要、动机和使用情境来制定下一步操作或者内容的出现位置，使用户能够顺畅的完成交互行为。 例如：一个向用户隐喻从右边展开内容的按钮，如果是从左边展开，那么这就超出了用户直觉，用户潜意识行为就会被打断，且需要重新调整，这就无形中增加了用户思考。 例如：一个功能按钮，用户触击后潜意识会认为下一步操作应该会出现在这个按钮的周边，如果跑的太远，也超出了用户直觉。 除了直觉，我们还需要考虑用户的触摸行为，所以下一步操作的出现位置应该离用户手指最近(舒适的操作范围之内)且不能被挡住(手指或手掌挡住)。 4、成本控制从细节开始减少用户的操作及学习成本，使用

2、户快速上手和识别产品特性。 了解用户的使用情境(碎片化的时间，随时会被打断)，尽量不要增加学习成本(操作学习、界面学习)，因为用户的时候是碎片化的，他们没有太多时间学习，特别是多手式操作是有学习和记忆的成本的。 腾讯、百度等等很多第三方的数据显示，一个月都不下载新应用的用户占60%以上，绝大多数APP 应用的用户留存率不足40%。因此，除非你的产品是特别的刚需，否则不要挑战用户的智商，大部分用户是不会像我们一样对产品深思熟虑和了解透彻之后再使用的。 5、需求设计以用户的需求为中心，避免参杂个人的主观喜好。 设计工作开始之前，需要先想清楚：用户是谁，他们有什么特点，我们可以为他们解决什么问题。提

3、供真正能够解决用户问题的设计方案，而不是自己喜欢的设计方案。同时记住上一条，尽量傻瓜化，千万不要认为，自己能够理解的东西，用户也能理解。 6、减少界面尽量减少界面间的交互，避免新页面切断了用户使用的流畅感。 在一个页面里能够交互完成的内容，尽量减少页面的切换，当然前提是考虑了系统的负载。 例如搜索功能，触击搜索按钮后平滑展开输入框，同时展开虚拟键盘。 例如选择功能，触击后展开选择器，在选择器里连续触击某条选项两次完成选择，或者选中某条选项后再触击完成。 如上两条简单的示例，都是可以在当前界面内完成的。在当前界面平缓交互出来的元素给用户在体验上更加流畅，同时也让用户觉得只是在原有界面上载入了新元

4、素，用户感观上只需要接受新的元素。而新界面突然切断用户使用的流畅感，也就是说用户的思维需要进行切换，需要重新接受并认识新的页面，就像进入了另一间屋子。 7、概念内化避免概念输出，要尽量以用户听得懂的语言来表达设计。 这个取决于产品的定义和用户群体，避免内部概念或行业概念的输出，例如房地产行业，你对购房者说租售比(租售比不是百分比数值)，绝大多数用户肯定不懂，如果你对购房投资者说租售比，他们肯定知道。所以在产品设计中，元素和内容的表达需要考虑用户的定位，针对目标用户群体听得懂的语言来表达，使用通俗化的语言和通俗化的元素，无法避免的概念需要协助解释，例如采用“ 模态”指引等等方式。 8、信息交互基

5、于信息层面的交互，应该简单自然易懂。 信息层面的交互是最直观的交互，因为他本身就能给用户直观的信息反馈，因此信息的本身应该简单易懂，不要让用户莫名其妙，同时交互要符合用户期望模型及下意识行为。 9、简洁元素减少视觉元素的堆叠，提高交互元素的辨识，合理隐喻交互元素。 产品设计中的视觉体验也很重要，如今简洁风格是一种设计趋势，复杂的元素会增加用户的识别成本，用户需要接受和学习的元素过多容易造成审美和使用的疲劳，特别是元素没有统一的连贯性，所以界面越简洁越好，元素越少越好，可大大减少视觉上的信息接受量。 在使用图形隐喻时，需要参考第4、7条，在移动产品中，由于界面大小的因素，我们经常会遇到用图标做功

6、能按钮，因此按钮的图标就需要充分考虑用户的体验认知。例如普遍的圈型箭头是刷新、心型是关注、星型是收藏、齿轮是设置等等。我们在采用图形隐喻功能的时候，应当考虑用户的认知，避免用户学习和识别的成本。 10、明确结构合理划分界面的逻辑结构，按照不同的内容与功能逻辑进行划分，突出结构主次。 10.1、页面中主要有三层结构：默认层、隐藏层、叠加层 10.1.1、默认层：初始显示的界面(页面) 10.1.2、隐藏层：默认隐藏的界面，需要操作才会显示，例如导航等等 10.1.3、叠加层：也是需要操作才会出现，例如对话框、警告、模态窗口和弹出信息等等 10.2、页面中分别划分为三个区域：可操作区域、主流程、提

7、示信息 10.2.1、可操作区域：是主要内容交互的区域，例如选项、信息交互等等 10.2.2、主流程：用于醒目的告诉用户，你将进行的操作行为是什么，会产生什么样的结果 10.2.3、提示信息：展示用于操作的协助提示类的信息 第10.2条关于页面区域的介绍，只是我对界面结构内容的理解，仅供参考。第10条和第9条都是比较偏向于视觉体验，这一层级主要是通过色调来增强用户体验，通过色调影响用户的操作，并且通过界面结构和内容，清晰的告诉用户在那里，退路在那里，能够去那里。 以上10条，也许对你有所启发，也许使你更加迷茫，但是正如我开头说的，移动互联网产品更注重内容的交互，所以除了这些理论性的知识，还需要去体验各类应用(不局限于某一类)，体验和了解他们的交互和展现形式。（推荐一个方法：每天只玩一个移动产品，玩熟玩透，并列出这个应用的优点和缺点，然后和大家分享交流，再从别人的眼中了解反馈，用不了一个月，你就能对移动互联网领域有所掌握了。） 作者: 唐杰 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台