[导读] 手机盛行的时代,手机里面的东西也就要求比较高,当我们想起移动APP用户体验的时候,都会想到一款简洁、美观、易用产品的一系列功能,它让我们的生活更简单。针对用户遇到的问
手机盛行的时代,手机里面的东西也就要求比较高,当我们想起移动APP用户体验的时候,都会想到一款简洁、美观、易用产品的一系列功能,它让我们的生活更简单。针对用户遇到的问题,我们的产品经理就会试图通过各种方法,去解决,功能仅仅只是这众多可想出方法的一小部分。
从产品的角度思考,意味着多维度统筹思考解决方案,包括特定用户的问题、待解决方案、产品目标、产品营收等维度。
如下图的app界面设计,设计师重复考虑了产品思维的意识。

举例说明下:
当我们单手操作APP界面滑动的时候,设计师把选中按钮的图标放在左上角,因为产品滑动的时候是从右往左滑动的,这样点击选中的时候,不会让用户手指不舒服。因为选中的刚好在手指触摸到的地方。如果放在右边就会手指需要弯曲。有点不自在的感觉,不信大家可以去试试。
下面小编给大家奉上产品思维的图谱,希望对于移动端的UI设计学会培养自己的产品思维。

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

第二步:理解了产品是什么之后,设计师在为正确的用户打造正确的产品功能等方面,产品思维给设计师带来了优势。它有助于设计师整体上理解产品的用户体验,而不仅仅是在交互和视觉的细节功能点上钻牛角尖。同时,它确保设计师解决真正的用户问题,从而降低做无用功的风险。无论何时开始创建产品功能,产品思维能够帮助我们做出正确的决定。
产品思维确保用户体验设计师发现真正的问题,创建正确的功能点,并且能够与团队成员(尤其是产品经理)更有效的沟通。
下面我们就来举例说明产品思维应用到APP界面布局上:
第一个APP九宫格布局:


特点:相比陈列馆式,九宫格布局比较稳定为一行三列式
优点:清晰展现各入口,方便用户快速查询
缺点:1.菜单之间的跳转要回到初始点
2.容易形成更深的路径,不能显示太多入口次级内容
很多软件都喜欢运用九宫格布局,简书的专题管理员这里也使用了这种布局,井然有序且间隔合理,视觉效果挺舒服的。平台兼容性、扩展性也强。
第二个:APP选项卡式布局

选项卡式布局特点:导航一直存在,具有选中状态,可快速切换另一个导航
优点:1.直接展示最重要接口内容信息
2.分类位置固定,清楚当前所在入口位置
3.减少界面跳转的层级,轻松在各入口间频繁跳转
缺点:1.功能入口过多时,该模式显得笨重不实用
比如丽人丽妆APP、简书APP等都使用了选项卡布局,图中上面的红色框和下面的红色框都是此布局,但是,个人觉得上面的选项卡由于功能入口太多而显得笨重,下面的则恰到好处。
第三个APP层叠效果布局
app层叠效果布局也是目前很多APP常用的,也是产品思维的新方案。

这样的布局特点:重点展示一个对象,而且视觉效果也好看,只需要通过手势滑动查看更多内容
优点:单页面内容整体性强,聚焦度高、视觉效果强、用户体验好
缺点:1、受屏幕宽度限制、性能方面等要求,可显示的数量不能太多
2、不能跳跃性地查看间隔的页面,不能随机看或回到上一页
3、各页面内容结构相似,容易忽略后面的内容
以上就是小编想要跟大家分享的一些关于移动端APP设计师需要理解的一些产品思维,同时也要学会培养自己的产品思维,才能设计出好的APP作品。
推荐阅读:移动端APP设计基础知识之icon设计
- 上一篇:浅析移动端APP最常见的手势交互操作
- 下一篇:浅析APP创建一致性设计的原则
免责声明:
丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。
如何将产品思维融入到APP页面上
的相关文章- app icon图标的统一绘制与优化
- 微信语音骗局,APP使用引发我们的思考
- APP设计中创意十足的Loading动效
- 下层页面设计过程的注意要点
- 移动app设计当中常见8种基础布局方案
- 四大维度全方位剖析APP分享功能
- APP设计技巧之减少用户等待感
- UI交互设计案例之动效UI设计
- APP学习干货之爆品金三角法则
- 从零开始学习APP系列的切图标注
- APP设计教程之弹框设计的技巧
- 三款APP设计交互当中的小细节
- 欣赏一些漂亮而生动的APP引导页界面
- 移动端app极简设计原则
- 如何应用黄金分割比例到APP界面设计
- APP细节考量的四个方面
- 如何设计持续时间场景的APP页面
- 国外优秀的app界面设计案例欣赏
- APP设计同质化如何破解
- APP原型设计的三种表现方式
- 直戳人心的APP设计文案
- 一组超可爱的移动APP表情包设计
- 10种最经典的APP UI界面设计模式
- 如何通过颜色搭配来布局移动APP界面和排版设计
- 总结一些打动人心的APP设计点
- 欣赏一组高品质的简洁大气的APP设计
- 如何应用黄金比例工具来设计APP界面
- APP交互设计实用的触屏手势矢量素材
- 欣赏六款手游APP的交互案例和UI设计风格
- 如何设计出简单的APP图标组合
- 了解APP空状态下UI界面设计思路
- 了解移动端APP的设计趋势
- 分享一组美食APP设计素材
- HeyU Mobile App UI界面PSD源文件
- 2017年app创意设计作品
- 聊天APP UI界面设计文件下载