提问回答：怎样优雅的设计APP应用页面

页面框架设计只是整个产品设计中的一环，不要把眼边界定在这一环，也不要只站需要、只站在交互、只站在视觉上考虑问题，从数个角度看问题，你才会学会成长。

小密圈被封了一段时间后终于重睹天日了，这篇文章就来解答小密圈里的1个提问：怎样设计1个APP应用页面。

看见这种提问，内心普遍是抗拒的，因为产品设计是1个系统工程，单独拧出来其中1个步骤来讲，全是割裂的，但在实际中又必须割裂出来，因为只有割裂出每个步骤，把每个步骤都想通想透，才能组成详尽的产品设计的知识体系。那怎么来权衡整体和局部，系统和部件，也是一门大学问

互联网产品设计的步骤大体是：产品定位——需要探讨——信息构架设计——步骤设计——页面框架设计——设计说明——输出设计文档。能够看见页面设计是处在整个步骤的后期，所以早期必须去和产品经理或许用研人员频繁交流，确定产品定位、确定需要、了解业务步骤，然后再整理信息构架、产品的导航方式、任务步骤和页面流。

不管产品经理还是交互或UI，都要去了解这些，并频繁交流，这是基本。所有的设计摆脱了会员和需要全是耍流氓。

其实这也是我在以上文章中频繁强调的，只要你从事的是产品设计的工作（现在牵涉到的分工重要有产品经理、交互设计师、视觉设计师），都要从产品设计整体去考虑问题，产品经理不要只想着需要，交互也不能只想着体验，视觉也不能仅仅考虑美不漂亮，这种眼界的提升，会直接影响到设计方案。

假如你已经创立了整个产品设计的知识体系，这只是第一步，下一步你还有思考产品运营，思考商务、思考资本，这些全是需要设计师去了解的。周末和朋友聊天的同时，他打了个非常好的比喻，把企业比成1个人，那么不一样的岗位就等同于每个人的感官和外在，产品等同于1个人的大脑，视觉等同于1个人的衣品，商务等同于1个人的交流能力…

你假如只了解人的1个部分，就永远没有办法领会这个人。

我现在就在深耕产品设计的基本上，在学习产品运营的知识。

确定了页面设计的上游的步骤，接下来要做的，是明确页面的目标和目的。

目标和目的是2个概念，目标是你为什么要设计这个页面，目的是设计这个页面想要达成什么。比如，电商的商品详情页目标是讲述商品、协助会员进行选购决策，目的就是提高会员提交订单的转化率。

京东&淘宝

作为同样的商品详情页面，不一样的目标和目的，直接影响到设计方式。比如京东是自营商品，会员一次性选购的越多，其客单价会更高、运营成本也会更低，所以它的商品详情页的重要目的是提高参与购物车的转化率。而淘宝作为1个平台，单独选购一件商品和一次性选购多件商品都很主要，所以它的参与购物车和立刻选购的优先级是同等主要的。

记住：确定页面目标和目的，这是你设计1个页面的指引思想。

任何单独的页面都只是会员完结某个任务的其中一环，这个页面从哪来？能去哪？影响着页面的导航设计、以及工具栏上按钮的放置。

为了延续性，继续拿淘宝详情页来举例。

共享&选购

返回页面依照设计规范，基础会摆在标题栏的左侧，也有一些小众APP思考到单手操作摆在页面底端，其余如共享和更多普遍会摆在标题栏的右侧。此外针对当前页面的一些操作会摆在工具栏上，比如淘宝的客服、店铺、收藏、参与购物车、立刻选购；比如资讯类APP的留言、点赞、收藏等。

在思考页面的去处的同时，普遍有二级页面的方式和暂时框的方式，暂时框又有模态和非模态的区别。比如淘宝的立刻选购就用了模态暂时框，而没有选用二级页面，这能降低会员在完结1个任务时的跳转流程，提高转化率。

本文地址：https://appbj.cn/article/2908/

相关文章

• 1 app开发该如何制定预算？是怎样一个开发流程？
• 2 在app运营中怎样进行应用商店优化提升搜索排名和下载
• 3 产品经理做一个app定制方案需要哪些内容？