移动应用产品设计的十条经验分享

标签: 产品 移动应用 产品设计 产品经验 | 发表时间:2013-01-07 18:26 | 作者:老缅
出处:http://www.leiphone.com

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

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

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

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

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

推荐两本入门必读手册:

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

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

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

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

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

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

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

12

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

除了直觉,我们还需要考虑用户的触摸行为,所以下一步操作的出现位置应该离用户手指最近(舒适的操作范围之内)且不能被挡住(手指或手掌挡住)。

4、成本控制–从细节开始减少用户的操作及学习成本,使用户快速上手和识别产品特性。

了解用户的使用情境(碎片化的时间,随时会被打断),尽量不要增加学习成本(操作学习、界面学习),因为用户的时候是碎片化的,他们没有太多时间学习,特别是多手式操作是有学习和记忆的成本的。

腾讯、百度等等很多第三方的数据显示,一个月都不下载新应用的用户占60%以上,绝大多数APP应用的用户留存率不足40%。因此,除非你的产品是特别的刚需,否则不要挑战用户的智商,大部分用户是不会像我们一样对产品深思熟虑和了解透彻之后再使用的。

5、需求设计–以用户的需求为中心,避免参杂个人的主观喜好。

设计工作开始之前,需要先想清楚:用户是谁,他们有什么特点,我们可以为他们解决什么问题。提供真正能够解决用户问题的设计方案,而不是自己喜欢的设计方案。

同时记住上一条,尽量傻瓜化,千万不要认为,自己能够理解的东西,用户也能理解。

6、减少界面–尽量减少界面间的交互,避免新页面切断了用户使用的流畅感。

在一个页面里能够交互完成的内容,尽量减少页面的切换,当然前提是考虑了系统的负载。

例如搜索功能,触击搜索按钮后平滑展开输入框,同时展开虚拟键盘。例如选择功能,触击后展开选择器,在选择器里连续触击某条选项两次完成选择,或者选中某条选项后再触击完成。

13

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

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

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

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

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

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

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

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

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

11

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

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

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

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

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

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

(若无特别注明, 雷锋网文章皆为原创,转载请注明出处)
原文链接: http://www.leiphone.com/0107-app.html

老缅 @雷锋网
#我只是比你们更能扯。# 雷锋网产品编辑,分享好应用,讨论如何做好移动互联网产品。 个人博客:laomian.me,微博:weibo.com/alelody,邮箱:[email protected]
您可能也喜欢:

移动应用网页设计的趋势和范例

产品经理必读的产品设计九步法

LinkedIn产品经验分享: 移动优先,至繁归简

移动产品设计新思路

通过手绘元素提升产品的个性与亲和力
无觅

相关 [移动应用 产品设计 十条] 推荐:

移动应用产品设计的十条经验分享

- - 雷锋网
【编者按】本文作者唐杰,一位年轻的北漂产品经理,有过几年独立站长的经历,以及一年多移动互联网产品经理经验. 本文列举了其在工作实践中体会到的十条移动应用产品设计经验,与大家分享. 希望本文抛砖引玉,与读者们共同讨论. 随着移动互联网的发展,越来越多的Web产品开始布局移动端,因此越来越多的PM在交流讨论移动APP的产品设计.

产品设计流程

- - 互联网分析
新的一年到了,分享个大的东西,这个是之前团队总结的一套「产品设计流程」,里面包含了3大模块,产品前期分析,设计环节,上线总结反馈,基本上涵盖了,从需求到上线的经过的流程,相较于大型UED团队会“轻”一些,适合中小型团队. 如果所在公司内部还未有设计流程,可以参考此流程,也可以拿去在这个基础上进行改进.

移动产品设计之设计

- crystal - 互联网的那点事
移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同,再加上硬件设备的差异,最终使得2者千差万别了. 所以,移动产品设计之设计应该首先从用户的使用场景出发,同时考虑用户的硬件设备差异,综合以上2点去帮助用户完成某个任务. 按照我的理解,场景、任务、用户可以称之为设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的.

手机产品设计禁忌

- - 落花流水——elya妞╰_╯
在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念. 刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉. 一般按钮会有四态,不可点击效果、可点击效果、聚焦状态、按下状态.

移动产品设计新思路

- - 互联网的那点事
随着时代的变迁,移动产品的设计也有了更多的变化. 用户的需求越来越多、使用的场景也更加复杂. 也因此移动产品就有了更多设计的新思路. 当然,手机的玩法虽然不再被局限在有限的领域,但是对于那些更喜欢用手机拍核桃、钉钉子以及起瓶盖的各位童鞋,还是看看本次由朱坤 @kentzhu 分享的移动产品设计真正的新思路.

从Mailbox看产品设计火花

- - 优设(UISDC)
Mailbox是个基于Gmail的任务管理类的应用,任务即邮件,可以让邮件完成,删除,设为稍后提醒,放入待办项目中,推行Inbox Zero理念,是个最近比较火的产品,不过坑爹的是Mailbox下载后不能马上用,需要排队开通,本人在上周终于排到了队,经过了几天的试用,把Mailbox和热门邮件客户端Gmail,Sprrow做对比,顺便记录一些感想.

PM札记:产品设计这两年

- - 所有文章 - UCD大社区
做产品差不多也两年左右了,基本上这条路是磕磕绊绊,迷迷糊糊,但好歹大方向是正确的,有空回想总结起来,唏嘘不已,看看以前对产品的看法,再看看今天对产品的认识,不仅感叹自己当初的幼稚,如今,更多的是了解了自己的无知与渺小,怀着一颗谦卑的心,继续学习,在产品这条路上寻找自己的价值. 产品职责包含很多东西,产品设计只是其中的一种职责,只是简单的描述一下我在产品设计上的弯路,回想起我的产品设计生涯,目前走过了三个阶段:.

Siri引发的产品设计变革

- Jerry - 月光博客
  Siri的发布,在iphone 5的失望之后,为苹果带来了言之不尽的话题,其热度甚至超过了ios 5这个重大操作系统更新. 但是,今天希望论述的却不是这些讨论,而是设计者有意或无意之间,为某一类工具的设计产生了重大性的基础定位变革.   笔者不知道大家称Siri为何,或许会被称为“语音交互工具”吧,因为它绝对已经突破了“语音识别工具”这种“声音到文字,文字到命令”的范畴,而直接使用语音实现人机交互.

移动平台上的产品设计

- - 雷锋网
【编者按】本文由 @淘宝UED 团队所撰. 随着智能手机的产生,人们对它们的使用时间与粘性迅速加大,移动互联网的发展越来越迅猛,越来越多的PC端产品开始把注意力集中在转移到方寸之间的屏幕之上时,有如潮水般汹涌. 我们需要的就是适应在移动平台设计一个好的APP,以此获得自己的席位. 当下的移动互联网产业,已经从单纯的以实现单一功能为主,到平台的转移,再到各个APP之间的产业链的形成,还有广告植入的各种运营手段产生各种盈利.

产品设计原则有那些?

- - 知乎每日精选
产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则:. 原 则 1 :用 户 界面 应该 是基于用 户 的心里模型,而不是基于工程 实现 模型. 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式. 其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀.