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

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

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

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

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

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

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

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

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

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

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

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

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

谢谢~

作者 hello_圣加仑

关键字:产品经理, 拆解


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部