详解APP软件开发过程中的解构和重构

一个极客用户（需要深度体验各类app的产品经理就算这类用户）需要来回翻转整个app才能理解这个app的设计理念和机制，因为没有明确的方法论去告诉我们怎样去深度体验app，很多时候大家会感到迷茫和低效，这是因为我们往往抓其一隅，陷在细节里不可自拔。

只有当你有意识从全局上去分析整个系统的设计，从app的各种页面去构建出一个逻辑框架图的时候，你才开始“玩转”这个app。那么，有没有一套方法可以帮助我们迅速在大脑中建立app模型？

对此，我们要做的就是翻转页面，然后把这些页面解构、重组，形成一个逻辑（功能）框架图。当你的大脑中有了这样一个整体的概念，再细入到每一个具体页面的时候，你看到的不再只是这个页面，你会知道它处于整体的哪一个位置？它在整个app中扮演了怎样的一个角色？它与其他页面之间的逻辑关系是如何的？在此，我就借助马海祥博客的平台跟大家详细的解说一下APP解构和重构的方法：

一、APP的解构方法

大家都知道“APP是由页面组成的”，但这又是一个毫无意义的结论，虽然如此，我们不妨来尝试站在“页面”这个角度宏观和微观的看一下APP。

1、APP的三个页面

一般来说，APP里有三个页面：聚合页、列表页、正文页。

聚合页汇聚了各个模块的入口，从这里用户可以选择要去的地方，比如云阅读的首页，里面有用户订阅各大资讯源。

列表页就是纯粹某项内容的列表展示，如果你进入云阅读的某个订阅源就可以看到这个页面了。

内容页是最底层的内容展示页，用户在内容不能再往下走层级了，当然了横向串动或者向上跳是可以的，对应的就是你在云阅读里面看某篇资讯详细内容。

2、页面的三个元素

一个页面总是由三个元素组成，主内容、页面工具、页面操作。

主内容必然存在，即使是空态都会展示个哭脸之类的，拿书籍正文页来说，这本书的文字就是主内容。

页面工具用来改变一些展示方式，如：字体大小、夜间模式、亮度。

页面操作含信息的处理路径，如：评论、分享、加书签、查看书籍详情、复制、剪切。

这三个页面组合在一起，仅内容页不够时加上列表页，不够再有聚合页。每个页面自身的内容、工具、操作又会有序的组合，这样就形成一个封装好模块，这个模块对外以节点方式沟通，多个模块组合在一起就形成一个结构化的APP。

这里举一个埃菲尔铁塔的故事：埃菲尔铁塔，组成零件有18038个，重10000吨，施工时共钻孔700万个，使用铆钉250万个，设计图纸5300多张，其中包括1700张全图，在18世纪的时候施工仅用了2年2个月，因为事先严格的编号，施工过程没有做过任何改动。

所以，当我们面对一个APP设计时，不要担心它的复杂，并不是复杂，而是由此带来的混淆状态和无条理性让我们担心，APP能复杂过300米高的铁塔吗（当然，有些问题还是需要我们提前考虑的，比如我曾在马海祥博客的《手机app制作开发之前必须要考虑的5个问题》一文中所提及到的）？

二、APP的重构方法

APP解构后的各个模块及页面自己的内容、工具、操作如何通过组合来更好的吻合用户任务，是交互设计师发挥的地方之一。

常用的手法是用户研究，去研究自己设想的目标用户，其实获得这些数据和结论后，要用在结构上同样需要费一番心思，相当于准备了做菜的材料和知道了吃饭人的口感偏好之后，我们要如何把菜炒出来。

1、让用户决定模块间的组合与穿插

卡片分类法就是一例，云阅读的各个模块归类时就用过，其中本地书上传模块的入口就被认为应该在书城里出现（我们实际放在“我”这个模块里）。

APP页面工具布局时，有时侯过份强调一致性、统一性，会忽视用户任务的随意性、连贯性，云阅读的用户在任何页面随时想使用夜间模式，总没人希望在家里关书房的灯需要去客厅按下开关吧，所以，云阅读的winPhone客户端就在首页Appbar中放入夜间模式开关，同样的功能在正文页与设置的列表页都有。

这就犹如有个小区建成后，楼与楼之间有草坪和大道，但没有小径，如此一来，人们自觉不自觉地会抄近道，踩踏草坪，于是管理人员竖起牌子严厉提醒大家：请勿践踏草坪，但根本不奏效。时间一长，草坪上就形成了许多不规则的小径。管理人员生气了，把小径重新整理成草坪，并在出口和入口处拦上绳子，起初似乎好一点，后来又恢复原样。如此几番折腾，他们终于悟出了道理：沿着自然形成的小径铺上石板，让人们心安理得地行走。草坪有了小径的点缀，也显得更有情趣。

APP产品中放羊放的比较好的还有注册这个功能模块，现在新旧APP都允许用各大社交平台帐号登录，在这之前是每个APP都强制用户搞一个帐号，说白了就是为方便推送广告，但也直接拦截掉了至少一半潜在用户，得不偿失。

现在用户爱用什么社交帐号登录随意，而且这种方式瞬间成为标配，就是结构追随任务的实例。

对于这种放羊的方法是用户最乐意看到的，但是产品方很不乐意，设计者也容易被弄晕，有时候一个功能模块需要在另一个功能模块的三个页面都放入口，这个还好点，关键是一些用户永远不需要的模块怎么办，放到哪里都不是用户希望的（对此，大家可以通过马海祥博客的《app运营必须关注的5个数据指标》相关介绍得到一些启发）？

2、将用户不喜欢的模块悄悄得植入产品中

就是让用户看着这个产品很顺眼、很好用，但是里面确实有产品植入性的东西。

比如云阅读的猜你喜欢模块，在用户读完一篇文章和每个订阅源详情后都跟着猜你喜欢。这些推荐都是追随类型相关性出现的，如果你正在阅读的是“app应用软件制作开发的成本要多少钱？”，我们就会猜你可能也喜欢“app的主流版本和开发流程”这类文章。

当然，滥竽充数让用户识破的例子也很多。很多APP中的页面底部广告就是典型例子，这个页面操作让人不惜关掉网络以换取安静纯粹的看书，当也有一些比较好的，比如下图所示：

再比如云阅读首页右上角总是挂一个消息提醒的Icon（属于页面操作），碰巧如果你的邮箱悲催的被各种垃圾邮件干扰，这个Icon会不厌其烦的给你弹出气泡，这个气泡对你其实没什么用，因为你不关注这些邮件，然后很多用户就来询问哪个地方有个关闭通知的按钮（反馈系统看到的）。有时候滥竽充数没做好的同时设计师还不忘给用户闪个Tips，仿佛吼着说“看，我在这儿”，鬼才愿意看到。

新功能Tips提醒也是同样讨人厌的滥竽充数，更新或下载一个APP后总是各种提示诸如“点击这个发布动态、这里添加好友”，真的等用户任务到了要用此模块且不知道怎么办的时候，结构确给不出回答。

另一个场景是这样的：你选择用扫一扫加一个朋友的微信，到“添加好友”模块却找不到扫一扫，而对方此时虔诚的举着个二维码略带蔑视的看着你，经过一番周折你可能终于在“发现”模块里面找到了扫一扫（也可能换其它方法），双方一阵啧啧，你内心估计会嘀咕一下微信：这是咋整的！我们避开业务层面的（扫一扫功能增多了）讨论这个现象，用户的任务确实就是在“添加好友”时需要用到扫一扫，这就是说，这个悄悄移位的的举措一下子就让用户感觉到不适了。

3、遵守用户在其它APP上的既有习惯

组合各个模块和布置页面内容、工具、操作。云阅读4.0版本的模块的结构有好几个方案，最后用的是最大众化的底部导航，用户熟悉这种交互方式是选择此方案的原因之一。

教育用户这种事就像第一个吃螃蟹的人——付出的多收获却不一定丰厚。米聊大家还记得莫，国内移动互联网即时通讯最早期试水者，微信将其秒杀后，模块结构却基本被沿袭下来（当然也可能是巧合）。

再比如下拉刷新这个已经全民皆知的习惯，最早来自Twitter，而且也获得了专利，现在APP中遇到列表页需要刷新内容时不用下拉刷新试试？这种页面工具咱们大可不必去创造新轮子。

在所有的APP里“设置”模块其实像一个垃圾桶，设计师觉得不重要又不好去掉的东东都在里面堆积（相对来说产品经理更擅长做这件事），这样做的好处就是用户的任务实在走不下去了设置可以来弥补，用户用的不舒服却没其它办法时就会来设置里淘淘宝试试运气（从用户反馈中可以看到这些习惯）。

所以，页面工具在设置中基本都要有，正文页有夜间模式工具、设置中也要有，设计时诸如此类往往需要照葫芦画下来。

4、边上线边改版

如今的APP几个月不换个结构，出个新版本，都不好意思和别人说这个项目还活着（当然，这也需要你不断的对APP做推广，不知道怎么做的博友，可查看马海祥博客的《app营销推广的渠道、策略和方法技巧》相关介绍）。

云阅读winPhone端有一个模块是离线下载，之前离线下载完成后的资讯分布在各自订阅源内，用户就跑来吼了，下好了不知道去哪里看，这不是浪费人家流量莫。

然后就多出一个模块：离线资讯，设计师在离线资讯聚合页中放了个离线下载的入口（页面操作）被各方否决，理由是这个会串到离线模块里去，而且首页Appbar原来就有离线下载入口，于是就没有加。

上线后用户又不乐意了，离线资讯里面想去下载不知道怎么办，最后我们又顺速补上这个入口，因为用户任务在这里需要而且也是常理，结构最好满足它。

细算一下为了这个事情就有三个版本，不过骑驴看账本还是蛮管用和常用的。

还有一个和描述不清APP对立的现象是这样的，公司新人接触一个APP时总能提出巴拉巴拉一大堆不符合用户任务的问题，这时候深陷其中的设计师会礼貌的回答：“嗯，这个我们会考虑的。”当然了大多数情况下是不会改的，这可能是设计师已经忘却最初目标，这类现象很常见，毕竟80%的APP都不是很成功。

其实不管是解构还是重构APP，都需要时刻知道自己从哪里出发的：勿忘初心就好。

马海祥博客点评：

如果想快速上手一个app，那就可以用分析app解构与重构的方法在脑中建模，形成一个全局感知。这种建模不用太精细，在大脑中形成一个提纲挈领的印象即可。

不过在设计app的场景下就需要落实各个细节了，从顶层设计开始，逐步分析系统的实体与实体关系，然后再在这个基础上去组织构建app原型，这将大大提升你的工作效率。