如何把产品思维应用在APP页面上

产品思维的终极目标就是  让产品经理和UI设计人员、交互设计师等建立卓有成效的合作关系,携手做出更好的移动端产品。


产品思维的终极目标就是  让产品经理和UI设计人员、交互设计师等建立卓有成效的合作关系,携手做出更好的移动端产品。

如何把产品思维应用在APP页面上

当我们想起移动APP用户体验的时候,都会想到一款简洁、美观、易用产品的一系列功能,它让我们的生活更简单。针对用户遇到的问题,我们的产品经理就会试图通过各种方法,去解决,功能仅仅只是这众多可想出方法的一小部分。

从产品的角度思考,意味着多维度统筹思考解决方案,包括特定用户的问题、待解决方案、产品目标、产品营收等维度。

如下图的APP界面设计,设计师重复考虑了产品思维的意识。

如何把产品思维应用在APP页面上

举例说明下:

当我们单手操作APP界面滑动的时候,设计师把选中按钮的图标放在左上角,因为产品滑动的时候是从右往左滑动的,这样点击选中的时候,不会让用户手指不舒服。因为选中的刚好在手指触摸到的地方。如果放在右边就会手指需要弯曲。有点不自在的感觉,不信大家可以去试试。

下面给大家奉上产品思维的图谱,希望对于移动端的UI设计学会培养自己的产品思维。

如何把产品思维应用在APP页面上

产品思维:为用户的需求而设计

从产品角度思考,帮助设计师创建成功的产品功能。通过定义产品解决的问题,实际上是在回答 “我们为什么设计这个产品?” 。首先定义目标人群,思考“谁面临这些问题?”;然后寻找解决方案,思考“我们要如何解决相应的问题?” ,这样的思路将会指引我们找到全新的产品功能。设立目标,将有助于衡量这个功能是否会成功。

第一步理解产品是什么?

如何把产品思维应用在APP页面上

第二步:理解了产品是什么之后,设计师在为正确的用户打造正确的产品功能等方面,产品思维给设计师带来了优势。

它有助于设计师整体上理解产品的用户体验,而不仅仅是在交互和视觉的细节功能点上钻牛角尖。同时,它确保设计师解决真正的用户问题,从而降低做无用功的风险。无论何时开始创建产品功能,产品思维能够帮助我们做出正确的决定。

产品思维确保用户体验设计师发现真正的问题,创建正确的功能点,并且能够与团队成员(尤其是产品经理)更有效的沟通。

下面我们就来举例说明产品思维应用到APP界面布局上:

第一个APP九宫格布局:

如何把产品思维应用在APP页面上

如何把产品思维应用在APP页面上

特点:相比陈列馆式,九宫格布局比较稳定为一行三列式

优点:清晰展现各入口,方便用户快速查询

缺点:1.菜单之间的跳转要回到初始点;2.容易形成更深的路径,不能显示太多入口次级内容

很多软件都喜欢运用九宫格布局,简书的专题管理员这里也使用了这种布局,井然有序且间隔合理,视觉效果挺舒服的。平台兼容性、扩展性也强。

第二个:APP选项卡式布局

如何把产品思维应用在APP页面上

选项卡式布局特点:导航一直存在,具有选中状态,可快速切换另一个导航

优点:1.直接展示最重要接口内容信息;2.分类位置固定,清楚当前所在入口位置;3.减少界面跳转的层级,轻松在各入口间频繁跳转。

缺点:1.功能入口过多时,该模式显得笨重不实用。

比如丽人丽妆APP、简书APP等都使用了选项卡布局,图中上面的红色框和下面的红色框都是此布局,但是,个人觉得上面的选项卡由于功能入口太多而显得笨重,下面的则恰到好处。

第三个APP层叠效果布局

app层叠效果布局也是目前很多APP常用的,也是产品思维的新方案。

如何把产品思维应用在APP页面上

这样的布局特点:重点展示一个对象,而且视觉效果也好看,只需要通过手势滑动查看更多内容

优点:单页面内容整体性强,聚焦度高、视觉效果强、用户体验好

缺点:1、受屏幕宽度限制、性能方面等要求,可显示的数量不能太多;2、不能跳跃性地查看间隔的页面,不能随机看或回到上一页;3、各页面内容结构相似,容易忽略后面的内容

以上就是跟大家分享的一些关于移动端APP设计师需要理解的一些产品思维,同时也要学会培养自己的产品思维,才能设计出好的APP作品。

产品思维的终极目标就是  让产品经理和UI设计人员、交互设计师等建立卓有成效的合作关系,携手做出更好的移动端产品。

 

来源:http://www.25xt.com/appdesign/14019.html

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/25780/

(0)
CatherineCatherine
上一篇 2017-05-12 07:21
下一篇 2017-05-12 09:02

相关推荐

  • 交互师们,知道如何写一份交互说明文档吗?【精品】

    一. 什么是交互说明文档(DRD)? 所谓DRD即是用来承载交互说明,并交付给前端、测试以及开发工程师参考的文档。 在项目中,交互设计师的主要产出物可能依次是:site map,page flow,wireframes。有的大型项目前期…

    2014-11-25
  • 【交互基础】系列之解析移动端导航设计模式

    鉴于目前交互设计的知识体系较为混乱,我写了这个[交互基础]系列专题,旨在整理移动端交互设计基础知识。巩固自己的知识体系,也与大家共勉,打好基础,才能飞得更高!

    2017-04-30
  • 新版MATERIAL DESIGN 官方动效指南(三)

    新版Material Design 官方动效指南已经翻译到第三章了!今天这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。

    2017-05-23
  • 设计师如何具有工程师思维?

    常常在提 design thinking, 让工程师有设计思维,但作为一个设计师,很多时候工作处理的都是交互层的东西,那如何像一个工程师一样理解一个项目呢?或者说如何具有工程师思维? 这个问题的简单回答是:根本没有“工…

    2015-05-24
  • 用户体验三大评估指标优劣势分析:CSAT、NPS和CES

    作者:TASKUS |  翻译:Cecilia喵酱(在魔都破壳的用盐新人),校审:Baozhu如今市面上有很多不同的用户体验(抑或客户体验、服务体验等)评估标准,我们要如何抉择?用户满意度(CSAT)是B2C企业的一个关键绩效指标,然而现有的用户服务评估标准很多,让人很难分辨哪一种是评估用户真实感受的最佳方法。此文会帮助你了解目前最流行的评分系统的利弊,从而帮助你做出选择。用户满意度(CSAT分数)CSAT是一个广义的概念,描述了许多不...

    2018-02-03
  • 制定内容策略,让网站设计始终保持优秀

    先有鸡还是先有蛋?先有内容还是先有网站?这种问题的争吵从来都没有停过。如果你不想让你的网站华丽而空洞,那么你需要针对自家网站制定一个富有凝聚力的内容策略。内容策略的主要目标是使用文字和数据来创造明确的内容,以支撑起有意义的交互体验。我们需要在沟通的各个层面上都是专家,才能有效地做到这一点。

    2017-05-16
  • Axure RP属于产品经理快速原型设计工具(一:简述)

    一、介绍Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效...

    2018-03-10
  • 如何让头脑风暴更有效率

    头脑风暴法是广泛用于团队的一个产生想法和解决问题的方法。然而,许多头脑风暴活动是有不完美的,最终并不能帮助激发思想上的创新。众所周知,传统的头脑风暴,团体在一起,把想法一个接一个的表达出来,通常这是…

    2014-11-10
  • 日照这家单位招人啦!提成、五险一金、带薪培训、年终奖、节日福利···

    关于我们与其说我们是一个团队,我倒觉得我们更像一个温暖的大家庭。工作上我们团结协作、互相体恤,生活上我们互相帮助、彼此鼓励,家人遇到困扰,我们会拧成一股绳共度难关,家人有喜事有收获,我们会由衷的祝贺!我们每一个人都在用真心去经营我们的置业网大家庭,所以我们无比珍惜和感恩,也希望你和我们一样将它视如珍宝……公司简介日照置业网传媒有限公司主要经营各类广告的发布代理及各项活动策划,各类网站制作管理维护与设计,目前经营包含日照置业网等6家网站,...

    2018-04-08
  • [转]设计智能推送通知的要点|译文

    当你安装一款新的应用时,有多大比例是允许收到推送通知的呢?我已经被无数的推送通知搞烦了!我甚至有在凌晨被推送通知吵醒的经历!这怎能让我爱上那款应用呢!推送通知的逻辑应该更加智能化才是!本文就阐述了设…

    2016-07-15