拆解一款 app 的正确姿势——交互篇

对于如何正确拆解一款app，我想首先应该明白它的组成，就如要拆解一辆汽车，我们要知道，汽车主要是由外壳，底盘，发动机，轮胎变速箱等等主要部件组成。同理，一款完整的app是主要包括 产品战略层，交互逻辑层，UI视觉层，开发&后台层，以及最后的运营推广层组成。每一个层次都可以进行详细拆解分析，但如题所说，这里我们着重分析拆解交互逻辑层。

拿到一款app，首先映入我们眼帘的是UI视觉，好比一辆车的外壳，但是我们要看的是它的核心骨架——即信息架构，这时我们应该拿出纸和笔或者用如Xmind之类的工具将app中的信息架构图以树状图的形式画出来，这样我们可以对app有个总体的认知。

众所周知，现在市面上几乎任何一款类型产品都有很多的竞品，所以核心功能以及特色的功能显得格外重要，这里我们队产品的功能的重要性做出分级（注意是产品的整体功能分级，而不是每一层信息的分级），此方法可以确定产品的核心功能和特色功能，比如IM产品微信，即时通信聊天是其核心功能，而抢红包功能就是其特色功能（虽然现在大都IM产品都可以抢红包了...）

同时，任何一款app都有其使用场景，是拥挤的公交地铁上，还是温暖舒适的床上，亦或是在喧嚣吵闹的大街上...充分的结合实际使用场景，同时考虑用户的使用习惯以及心智模型，将更加有助于我们理解产品。

在我们总结完产品的信息架构后，就要分析它的逻辑结构和布局了（注意，是布局不是UI）。关于逻辑结构，一方面我们要考虑产品功能的“层”和“度”，层太深，会增加用户的操作难度和学习成本；度太大，则会造成页面展示的信息过多，用户使用的同时会忽略一些功能。一般来说，产品某项操作流程的层不要超过五层，至于度，则要视产品的类型而定了。而关于页面布局，这是一个仁者见仁智者见智的问题，但理想情况下我们还是要秉承用户至上的原则（至于现实情况则要平衡商业利益），此处个人建议是站在客观的角度去欣赏评判，我们拆解分析的产品大多是经过市场考验及用户认可的，所以他们的设计师对此也是有很大的依据的。比如支付宝首页如豆腐块般摆放整齐却让人眼花缭乱的功能，但千千万的用户不也是用的不亦乐乎么，而你能说阿里的设计师水平很low么......

以上的种种只是拆解分析一款app的基础。同样的在当今时代，微交互也越来越被重视，在我看来也是一款产品的着重“加分项”，这一点上本人比较欣赏网易系的产品，交互上下足了功夫，用着很舒畅。举个栗子：国内当前很火的交友软件“探探”和网易众多小弟中的交友产品“花田”，里面都有一个翻牌子的功能，排除UGC质量的客观因素，当你长按用户卡片（图片）时，此刻“探探”中的用户卡片没有任何反应，而“花田”中的用户卡片却有个向下摆动的动效，模拟了现实中的情景。这种不惹眼的微交互会在无形中给用户以温暖的感觉，增加好感。

当在拆解一款产品时，虽然绝大多数时候我们是报着学习的态度，但同时应该有审视的眼光，任何一款产品都不是完美的，并不能满足所有的目标用户。所以在拆解的同时也要带着几个问题：

1.拿到产品后经过短时间的使用，能否知道这款产品的主要功能及特色功能；

2.体验一个核心功能的完整流程，过程是否遇到波折，体验是否流畅；

3.体验一个次要的但层级相对较深的功能，能否通过信息架构找到该功能。做到以上几点，说明产品的基本交互逻辑是OK的。

总结一下，要做的步骤就是：画信息架构图——分析功能重要级——页面结构布局分析——微交互分析——带着问题体验核心功能和次要功能。

最后想说的是，个人认为拆解一款app的目的性越强，最后的效果可能会越好，漫无目的的拆解，最终很可能是走马观花。

谢谢~

作者 hello_圣加仑

关键字：产品经理, 拆解

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！