如何把产品思维应用在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

相关推荐

  • 如何完美碾压用户体验职位面试 【UXRen译#152】

    作者: Patrick Neeman |  翻译:Shea ,校审:Ariel   当你成功进入了电话面试或者面对面面试的阶段,这就意味着你已经通过了最艰难的考验:你已经具备了在该公司工作的技能。现在要被评估是否具备软实力以及能否…

    交互专题 2017-08-07
  • 微交互的设计案例与思考(下篇)

    在上篇中,我们聚焦产品中的用户流程行为,讨论为减少用户操作负担和优化等待而做的交互设计;在中篇中,我们从人的主观感受出发,讨论产品的礼仪和为舒适而做的交互设计;在本篇中,我们将讨论人的感知和目标,探究那些”人们其实已经知道,却没有被发现“,但伟大产品为此做的动人细节。

    2017-04-30
  • 全面揭秘!详析 Adobe XD 的团队内部使用的设计思考流程

    你有没有想过,如果有一种通用公式,能让你设计出创新性的产品、用户体验或服务,这世界将会发生什么? ——我指的可不是那些慢吞吞的递进式优化,我要说的是"破坏性"的革新! 可能你觉得我说的不太现实,好吧,我承…

    2016-10-18
  • Bug还是大动作?-静电为你解读Sketch3.7版本新功能

    静电说:Hello大家好,又到了逗比软件Sketch大版本的推出时间。哦不对,不能说逗比,只能说史上更新最快的软件。比如今天下午薄荷面官方在半个小时更新了两个版本的Sketch,哇塞,想想都有些小激动捏。咳咳,严肃点…

    2016-04-13
  • 我们在呐喊实体店已沦为试衣间!日本实体却比电商繁华,为啥?

    当中国企业在惊呼传统商业必死的时候,人家可没这么慌,为什么?因为人家的细节做的足够好,客户体验自然更佳,体验营销做的好啊,就好比:你电商再好,可你有试衣间么?

    2017-06-05
  • 圣诞节恶搞阳狮集团首席执行官

    嘿,节日里,当别人家的领导都在台上长篇大论,又是回顾又是展望为全体员工注射一波又一波的鸡血,你猜......广告公司的大佬们都在干嘛?事实上从2013年开始,阳狮集团的CEO莫里斯,都会找点乐子,不只是和idea漫天飞的创意人,更拉拢网友们,玩一场High翻天的游戏。

    2014-12-28
  • 订阅渠道

    一些第三方媒体渠道大家需要的可以订阅我是UE网最新文章,订阅阅读交互设计教程文章 微博:http://t.im/iamuewb 微信:http://t.im/nw5y 网易云课堂:http://t.im/iamue 网易云阅读的:http://t.im/iamue1 或者:ht…

    交互设计 2015-06-30
  • 扇贝单词App软件的交互思路,神还原!

    本篇勾文思路,重点是明白设计软件为了什么?而不要盲目设计,时刻记住目标。

    2017-05-13
  • 关于交互设计细节,这里一个Case 就是 Pinterest的APP端,我们一起解读一下吧。

    Pinterest有着极棒的交互设计细节,同时,它构建的交流平台有十分丰富的设计作品。要知道,绝佳的设计能吸引新用户去更好的体验产品。 Pinterest是我经常使用的一个App,在我同时关注的好几个有关于UI和UX设计平台…

    2015-01-26
  • 物联网产品用户体验设计的5个关键

    来源:物联之家网编译:冬夜物联网智库 整理发布转载请注明来源和出处------【导读】------创建物联网产品良好用户体验的5个关键:简化入门、顺畅的跨平台设计和交互、个性化和背景、一体化体验、创新体验方式。设计一个伟大的、用户体验极佳的物联网产品说起来容易做起来很难。仅仅为一个新应用程序构建直观的用户体验就极具挑战,而物联网系统通常由多个设备、多个具有不同功能的应用程序和接口、输入输出数据流和用户权限分配组成,因此,为如此复杂的系统...

    2018-04-10