新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > 网站运营 > App运营 > 详解APP软件开发过程中的解构和重构

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

时间:2014-07-08   文章来源:马海祥博客   访问次数:

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

详解APP软件开发过程中的解构和重构-马海祥博客

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

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

一、APP的解构方法

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

1、APP的三个页面

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

详解APP软件开发过程中的解构和重构-马海祥博客

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

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

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

2、页面的三个元素

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

详解APP软件开发过程中的解构和重构-马海祥博客

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

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

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

这三个页面组合在一起,仅内容页不够时加上列表页,不够再有聚合页。每个页面自身的内容、工具、操作又会有序的组合,这样就形成一个封装好模块,这个模块对外以节点方式沟通,多个模块组合在一起就形成一个结构化的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中的页面底部广告就是典型例子,这个页面操作让人不惜关掉网络以换取安静纯粹的看书,当也有一些比较好的,比如下图所示:

详解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原型,这将大大提升你的工作效率。

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/App/670.html,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: App软件 App开发 app解构 app重构

上一篇:APP的主流版本和开发流程
下一篇:如何推广一个新的App软件

今日话题更多>

SEO研究院 更多 >>