童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

4月4日 藏于心投稿
  【编者按】本文作者唐杰,一位年轻的北漂产品经理,有过几年独立站长的经历,以及一年多移动互联网产品经理经验。本文列举了其在工作实践中体会到的十条移动应用产品设计经验,与大家分享。希望本文抛砖引玉,与读者们共同讨论。
  随着移动互联网的发展,越来越多的Web产品开始布局移动端,因此越来越多的PM在交流讨论移动APP的产品设计。笔者从事移动互联网已经有一年多,通过不断的学习和实践积累了一些心得,现在整理并分享一下,希望对新接触移动互联网产品的PM有所帮助。
  移动APP也算是一种CS的架构,除了此架构本身的一些产品特性之外,我们还需要注意移动互联网的一些特性,像使用环境、触摸操作等等,因此移动产品最注重的就是内容的交互形式。下面介绍的这十条产品设计经验主要也就是围绕交互和内容的。
  1、系统标准依照用户具体的使用情境和需求来决定是沿用标准还是创新。
  相比Web产品,移动APP产品有着初始的平台系统特性,产品设计应该遵循平台系统的设计规范。合理的制定和使用标准,可以大幅度提高效率,有利于产品的一致性,提升用户体验。除了基础的标准外,我们可以根据具体的需求和目标用户的情境决定是否套用标准,或者创新标准。
  推荐两本入门必读手册:
  《iOS人机界面指导手册》Apple原著,朱晨翻译。
  《Android4。0设计规范》Android原著,腾讯CDC团队翻译。
  2、目标导向以用户为中心,关注用户目标而不是关注用户要完成的任务。
  用一句官话:秉承以用户为中心的设计理念,应用“以目标为导向的设计”方法,进行互联网产品的设计。
  无论是Web产品还是移动APP产品,我们都应当关注用户的目标,以最简单直接的步骤给用户想要的结果,特别是移动互联网的碎片化、易打断的使用场景下,更应该避免增加过多的步骤或操作任务。
  3、直觉体验设计方案必须能够引导用户做出最符合直觉的反应行为。
  移动平台系统有着基础的体验标准,这些标准培养了用户对APP应用的体验认知,因此我们需要理解用户的期望、需要、动机和使用情境来制定下一步操作或者内容的出现位置,使用户能够顺畅的完成交互行为。
  例如:一个向用户隐喻从右边展开内容的按钮,如果是从左边展开,那么这就超出了用户直觉,用户潜意识行为就会被打断,且需要重新调整,这就无形中增加了用户思考。例如:一个功能按钮,用户触击后潜意识会认为下一步操作应该会出现在这个按钮的周边,如果跑的太远,也超出了用户直觉。
  除了直觉,我们还需要考虑用户的触摸行为,所以下一步操作的出现位置应该离用户手指最近(舒适的操作范围之内)且不能被挡住(手指或手掌挡住)。
  4、成本控制从细节开始减少用户的操作及学习成本,使用户快速上手和识别产品特性。
  了解用户的使用情境(碎片化的时间,随时会被打断),尽量不要增加学习成本(操作学习、界面学习),因为用户的时候是碎片化的,他们没有太多时间学习,特别是多手式操作是有学习和记忆的成本的。
  腾讯、百度等等很多第三方的数据显示,一个月都不下载新应用的用户占60以上,绝大多数APP应用的用户留存率不足40。因此,除非你的产品是特别的刚需,否则不要挑战用户的智商,大部分用户是不会像我们一样对产品深思熟虑和了解透彻之后再使用的。
  5、需求设计以用户的需求为中心,避免参杂个人的主观喜好。
  设计工作开始之前,需要先想清楚:用户是谁,他们有什么特点,我们可以为他们解决什么问题。提供真正能够解决用户问题的设计方案,而不是自己喜欢的设计方案。
  同时记住上一条,尽量傻瓜化,千万不要认为,自己能够理解的东西,用户也能理解。
  6、减少界面尽量减少界面间的交互,避免新页面切断了用户使用的流畅感。
  在一个页面里能够交互完成的内容,尽量减少页面的切换,当然前提是考虑了系统的负载。
  例如搜索功能,触击搜索按钮后平滑展开输入框,同时展开虚拟键盘。例如选择功能,触击后展开选择器,在选择器里连续触击某条选项两次完成选择,或者选中某条选项后再触击完成。
  如上两条简单的示例,都是可以在当前界面内完成的。在当前界面平缓交互出来的元素给用户在体验上更加流畅,同时也让用户觉得只是在原有界面上载入了新元素,用户感观上只需要接受新的元素。而新界面突然切断用户使用的流畅感,也就是说用户的思维需要进行切换,需要重新接受并认识新的页面,就像进入了另一间屋子。
  7、概念简化避免概念输出,要尽量以用户听得懂的语言来表达设计。
  这个取决于产品的定义和用户群体,避免内部概念或行业概念的输出,例如房地产行业,你对购房者说租售比(租售比不是百分比数值),绝大多数用户肯定不懂,如果你对购房投资者说租售比,他们肯定知道。
  所以在产品设计中,元素和内容的表达需要考虑用户的定位,针对目标用户群体听得懂的语言来表达,使用通俗化的语言和通俗化的元素,无法避免的概念需要协助解释,例如采用“模态”指引等等方式。
  8、信息交互基于信息层面的交互,应该简单自然易懂。
  信息层面的交互是最直观的交互,因为他本身就能给用户直观的信息反馈,因此信息的本身应该简单易懂,不要让用户莫名其妙。
  同时交互的设计流程要符合用户期望及下意识行为。
  9、简洁元素减少视觉元素的堆叠,提高交互元素的辨识,合理隐喻交互元素。
  产品设计中的视觉体验也很重要,如今简洁风格是一种设计趋势,复杂的元素会增加用户的识别成本,用户需要接受和学习的元素过多容易造成审美和使用的疲劳,特别是元素没有统一的连贯性,所以界面越简洁越好,元素越少越好,可大大减少视觉上的信息接受量。
  在移动产品中,由于界面大小的因素,我们经常会遇到用图标做功能按钮,因此按钮的图标就需要充分考虑用户的体验认知。例如普遍的圈型箭头是刷新、心型是关注、星型是收藏、齿轮是设置等等。我们在采用图形隐喻功能的时候,应当考虑用户的认知,避免用户学习和识别的成本。
  10、明确结构合理划分界面的逻辑结构,按照不同的内容与功能逻辑进行划分,突出结构主次。
  1、页面中主要有三层结构:默认层、隐藏层、叠加层。默认层:初始显示的界面(页面);隐藏层:默认隐藏的界面,需要操作才会显示,例如导航等等;叠加层:是需要操作才会出现,例如对话框、警告、模态窗口和弹出信息等等。
投诉 评论

移动设备的转场设计讲到移动设备的转场设计,我们先来看看移动设备。移动设备有三个主要的特点:1。屏幕小,相对于普通的PC来看移动设备的屏幕相对要小很多。2。使用环境多变……微博UDC:如何制作专题?专题是一种内容聚合,有共同性的文章组成的集合体,呈现出信息量大、令人印象深刻的特点,将给读者在浏览这一信息时得到全方位的认知,从而取得读者给予信任和认可,在读者的认知中建立起权……26个时尚的极简主义网页设计我们总是会听到“少即是多”。有时,剥离了所有的噱头和幻想的元素从布局和专注于核心设计的原则出发,就会得到一个更……开启生活新方式腾讯充值中心改版总结“当翻开崭新的一页,我们希望它不在是一个工具,而是一个有品质有口碑,能让消费者记住的产品。”这是我们为充值中心改版设定的目标。在动工之前去体验了几个国内充值平台,如:淘宝、网易……百度MUX:活动运营设计总结在八月份火爆的伦敦奥运会以及2012百度世界大会的热浪席卷之时,百度同期举办的运营活动也取得了不错的成绩。在奥运期间,由百度移动打造的“奥运伦敦神测”答题活动赢得了2000万网……有限屏幕的无限空间从空间角度谈移动界面扩展移动产品大家都不会陌生,几乎是无所不能,可以随时随地满足用户的多种需求。那么移动产品设计呢?有没有遇到类似的情况,PM小A说:产品要增加功能,在界面上加个入口,小意思嘛。小B说……移动端动画设计的12个原则在移动设备用户体验设计领域,微妙精致的动画已成为非常重要的设计元素。为任何对象添加动画并不简单,需要观察研究在真实世界中物体是如何在时空中运动的,需要设计者关注细节,并且具有耐……体验新版AppleAppStoreApp设计从业人员必读首先和大家分享几个数据:Apple开发者向iOSAppStore提交的应用数量突破100万款大关有4亿用户注册了AppleID,一共下载了350亿次应用上面由……一淘UED:404那些不得不说的事前阵子做我们一淘优惠商家统一的报错页面,整理了一些有意思的404页面(后简称404),加之最近网友热议的QQ空间公益404页面,在这里一起拿出来跟大家分享一下。什么是40……浅谈“最小化”和“关闭”的交互体验摘要:随着互联网的发展,不同软件在作用不同的情况下有着不同的交互方式,下面来谈谈我们每天都接触的“最小化”和“关闭”。按照最原始的设计意图,“最小化”是将程……PayPal换装记历史回顾PayPal是大家非常熟知的全球目前最大的在线支付平台,它于1998年12月由PeterThiel及MaxLevchin建立,总部坐落在美国加利福尼亚州圣荷西市,……移动应用产品设计的十条经验分享【编者按】本文作者唐杰,一位年轻的北漂产品经理,有过几年独立站长的经历,以及一年多移动互联网产品经理经验。本文列举了其在工作实践中体会到的十条移动应用产品设计经验,与大家分享。……
关于注册登录的设计原则之三:不要扔下你的新用户不管对新用户的引导,不应在用户注册之后便结束。将新用户丢弃在一个陌生的页面,并且没有任何的提示,会让他们觉得不知所措。相反的,比较合适的做法是用一个欢迎信息和隐晦或明确的引导来告知……外部设计审核那些事儿随着QQ秀产品的成长,不断推出更多的新功能和尝试开发各种新项目,为了把内部有限的设计资源有效的利用在重点项目中,需要把更多的活动页面、主题模版页面和广告外包给外部设计公司(以下……浅谈移动应用的广告模式前段时间无意中接触了一款叫做“花钱Colormoney”的软件,名为“花钱”,实为帮用户赚钱的一款移动APP锁屏软件。如何赚钱呢?可能大家都已经想到了,就是做广告。但是这个AP……让页面更上档次!网页设计细节大总结大家都知道”细节决定成败”这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出……腾讯设计师谈微信设计:AndroidDesign是大势所趋本篇由腾讯研发管理部高级设计师Vertu撰写,他以产品设计师的视角,对比解读了微信的旧容与新妆,也讲了Android版微信5。2放弃iOSUI设计背后的故事。新版Android……马化腾:用户体验的101001000法则在研究用户需求上没有什么捷径可以走,不要以为自己可以想当然地猜测用户习惯产品研发中心最容易犯的一个错误是:研发者往往对自己挖空心思创造出来……APP用户体验通过设计让APP变快做了设计转眼间也4年多了,从2011年由网页设计师转到手机APP设计师;最近的工作不是很忙,就静下心来去阅读学习下互联网的一些发展趋势来弥补自己在这方面的不足(因为工作的时间大……〔多维星际、轻录时空〕QQ空间手机版4。2设计总结项目背景许多用户对于QQ空间pc平台下各式丰富的个性化装扮都深有印象,当他们转入到手机等移动设备对于空间装扮需求依然强烈。QQ空间手机版经历3。0系列版本主要以打造……百度MUX:谈网页设计的骨骼在我们的生活中,设计无处不在,比如地铁里的大广告牌,橱窗里摆放的衣服,高楼大厦的LED展位,甚至手机里的某个应用界面等,通常在大家眼里,好的设计就是即有创意又大胆,并没有什么规……扁平和简约来袭在过去几年里,软件和APP的界面设计风格发生了迅速变化,由3D、拟物发展到扁平、简约。尽管这一趋势普遍存在,我们还是思考下是如何发展至此的,以及它对整个界面设计领域有何影响。另……漂亮的视差效果,值得你用性能来换取吗?关于视差效果性能表现的小话题;弱问,各位见过的使用视差技术的Web页面里,有多少能让你觉得清晰顺畅的感受不到任何负面体验?我印象里真的没几个,包括Medium里的;不知为什么,……必备:如何设计FAVICON站点图标现代网页设计中最令人沮丧和感到混乱的莫过于网站图标了(favicon),是“favoriteicon”的简称。这枚小小的图标一般出现在浏览器的选项卡里、地址栏处,根据我们操作系……

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界