如何正确做APP的改版

  • A+
所属分类:经验思维

本文来源: 应骏(公众号:应谋鬼计), 共 3844 字

大家好,我是应骏,非常高兴来第九工场给大家开公开课,今天我主要讲的主题是App改版

如何正确做APP的改版

那么我们为什么要做App改版,按照我的经验呢,每次我跳槽到一家新的公司,所要经历的第一件事,就是老板要我来负责App的改版,所以说我还是有一些小小的经验分享给大家的。

如何正确做APP的改版

我目?#25353;?#20107;于产品设计,我的App是叫云集市,是做互联网电商的,当然我本身是属于培训设计师出身,关于设计师培训,大家可以换个角度看成是给设计师提供一个机会的一件事情。很多人呢就是趋向说培?#30340;?#24456;快出高工资岗位的一个培训机构,虽然说通过培训出来的设计师并不是那么抢手,但总有一两个设计师能达到一定的高度,那么大家就不需要说对培训有不好的看法。今天我们讲的是改版,是因为在2019年,是各个大厂?#23478;?#27714;UI设计师要更加综合化一点。

面试和入职考核的时候,大厂对UI设计师的要求就是会交互设计。UI设计师不能只是做UI设计,因为UI设计师本身在工作的流程中是属于末?#35828;?#20301;,前期把需求规划好了,交互需求分析、研究、流程也规划好了,再丢给UI设计师来做,这很多时候就非常被动了。只是做一个执行的工作的话,这样子的工作内容本身是非常缺少价值的。

所以现在很多的公司都会以阿里为背景,将设计师分为创意设计体验设计,体验设计呢就是以交互为核心,辅助视觉、用户研究、产品等技能为一体的一个岗位。所以如果我们要做改版的话,就需要有比较丰富经验的交互技能。

在做改版的时候,如果只是单纯从视觉上来改的话也是没有什么价值的,因为除非是改整个品牌的视觉,当然这也是比较单薄的,就需要把整个架构的功能和战略层再重新分析一遍,才能够改出一个比较有效果的改版。

如何正确做APP的改版

改版是非常让人头大的一件事。因为改版这件事不是说吃饱了撑着就去做的,很多时候是来源于老板的要求,然后就有设计师抓狂说:才改完怎么又要改版;很多公司的老板其实也不知道为什么要改版,只是说App有一段时间不改版了,?#36824;?#35270;觉、品牌、体验都跟不上潮流了,所以要求改版。

既然老板提出要改版,我们没有办法不去做,但是这样的改版很多时候就不知道应?#20040;?#21738;里入手,那么我们今天就从四个步骤来完成APP的改版设计。

如何正确做APP的改版

首先我们要明确的是改版不是改外壳就行了,是一个重新开始的过程,那么什么是重新开始呢?我们要把产品现有的功能全部都忘记掉,保留一些核心的功能,然后再把功能重新梳理一遍,从零开始做产品。

如何正确做APP的改版

主要的四个步骤如上。最重要的还是第一、二点,当你在参加面试的时候,面试官就会询问你:在接到一个设计方案时,你是如何让进行设计方案的推导,以及接下来的设计工作的。

如果你只是会回答说会与产品经理进行讨论,然后结合设计规范进行详细的设计方案,那么这样的回答的缺点是,如果你只是一个初级设计师问题不大,但是如果你是一位较为高级、资深的设计师而这样回答,那么你就是缺乏产品思维的。

比较正确的回答是回去寻找需求的背景,为什么要做这个需求,一定要把为什么做这个需求给弄清楚了,才能去做;接下来就是去推导和调研,和任务方沟通、衔接资源等等。最重要的一个话题是寻找需求的背景和价值。这就是这就是为什么大部分的设计师会用80%的时间去研究第一、二点,最后再花20%去做执?#23567;?/p>

如何正确做APP的改版

首先是第一点。很多时候改版不仅仅是为?#35828;?#20010;功能层面上的改动去改UI视觉层面上的界面,而是因为要节约资源,如果改版只是做了视觉层面的优化,就会浪费很多的资源,还不如趁这个机会将以上三个改版原因都进行升级优化。

关于信息架构的调整,信息架构就类似于我们在超?#23567;?#21830;场中常见的导览,我们会根据导览的指引一步一步的找到需要的物品;信息架构体现在移动端的?#38382;?#23601;是大家可以参考微信底下的导航栏,这说明微信把重要的功能都承载在底下的四大导航标签里,它的信息架构就是由这四个功能导航进行?#30001;?#30340;。所以在做调整的时候,就会将所有的功能进行打散,通过用户的使用来调整。

如何正确做APP的改版

我们可以来看一下大众点评的改版。左边是老版本,右边是新版本。第一眼看上去就会发现新版本更加洋气一些,信息架构也发生了变化。旧版本可能面向的用户群体较广,新版本更聚焦于年轻化,社交化的场景。

如何正确做APP的改版

第二个就是网易考拉。可以从Slogan的变化看出其主要的升?#23545;?#20110;“品味?#20445;?#21516;时会发现新的Slogan给人的遐想空间和格局都变大了,原来的Slogan虽然定位较为明确,但是格局?#36824;?#22823;。网易考拉此次新的改版主要聚焦于品牌和体验,功能上改动较少。

如何正确做APP的改版

下面给大家带来一个案例,这个案例我是全程跟进的。先和大家说一下小背景,当然也就是老板通知要改版,于是我就硬着头皮上了,也是因为改完版后对我的成长帮助非常大的。

做这个改版是有风险和难度的,难度来源于上级没有一个明确的改版目标,其次是由一个设计师牵?#26041;?#34892;改版,阻力是非常大的,因为要涉及到各部门的配合以及资源和需求方版块的变动,工作开始之前就要把各方面资源调动起来,然后再将方案弄出来,同时还要做很多的准?#36127;?#35843;研,而不是说我希望这个地方我想要改成怎么样,然后让其他人配合和执行即可,这是不可能的,包括涉及业务方的时间成本和精力?#30830;?#38754;统统都是要经过集体协商和讨论的。改版最难的点在于整合资源和沟通,这些处理好以后,后期的执行就方便多了。

如何正确做APP的改版

首先我们来看一下原来的旧版本,为什么要改版。当然主要的背景肯定不是上面说的老板提出想要改版,而是通过重新定义背景来进?#23567;?/p>

其实云集本身是一款社交电商App,社交电商就会由两个客户端:卖家端和买家端。卖家端是可以选择入驻成为店主,然后售卖我们平台所提供的商品,不需要?#32422;?#22244;货,在社交圈进行交易即可获得利润;

如何正确做APP的改版

如何正确做APP的改版

接下来就是要做数据分析和调?#23567;?#21487;以从图中看到近5个月来由于各种原因,Vip的转化率逐渐下降;然后是调研部分,我们需要把用户的真是情况给收集起来,有些时候数据只能是作为一个定量的指标,并不能让我们知道用户为什么不来,我们只能通过访谈来得知真实的用户需求。

如何正确做APP的改版

既然联系到了用户,我们具体要问那些问题?

如何正确做APP的改版

调研结束后,我们得出的核心结论。

如何正确做APP的改版

接下来是第二点:改版目标和价值。前期的背景定位完成的差不多了,问题也了解得差不多,就可以定改版目标了,主要是由三个方向。

如何正确做APP的改版

然后是主要的操作流程,这是价值驱动的流程。实际上现在很多都是以问题为驱动的,遇到问题后,通过以解决问题为背景导向进行循环迭代,这样会出现的问题是可能一开始方向就不对了,导致前面的努力都白费了。以价值驱动的流程就没有这样的问题,因为都是以提升产品价值为目标。

价值驱动的设计流程适合用于产品在成熟期过程中的设计流程。

如何正确做APP的改版

如何正确做APP的改版

如何正确做APP的改版

转化?#35270;?#30041;存率是两个比?#29616;?#35201;的数据概念。

如何正确做APP的改版

第三点:如何推导改版方案,即如何在界面上研究pv/uv比值的问题。举个例子pv/uv=0.2,即10个人里只有两个人会去点。

如何正确做APP的改版

在上一步中,我们根据用户的行为数据得出了页面点击的问题,建立了一个“上瘾”模型,根据用户的使用习惯进行改版。我们不能单纯根据数据来进行改版,不能?#30340;?#20010;数值高就放大该功能,数值低就缩小,因为可能某些功能是因为隐藏得比较深导致用户找不到,不能因为用户不点击而弱化该功能。

如何正确做APP的改版

所以当时我就想到了这几个板块。先把版块构想出来,因为具体的实行方式是比较容易的,但是到底是要做什么,这个就是比较难的一个部分。

如何正确做APP的改版

如何正确做APP的改版

以上是第一个方案,后来由于某些原因(项目时间?#24076;?#27809;有被采用。

如何正确做APP的改版

第二(左)和第三(右)方案。可以看出第三个方案比第二个方案只是一些功能指向换了,所以说App的改版还是要迎合业务的使?#20204;?#20917;。

同时,作为设计师还要有发现页面存在的问题的情况,还有要会分析页面,我们一起来看一下其它App的案例。

如何正确做APP的改版

如何正确做APP的改版

如何正确做APP的改版

如何正确做APP的改版

如何正确做APP的改版

如何正确做APP的改版

那么改版中需要注意什么东西?

我把云集vip的制作原型给大家看一下。

如何正确做APP的改版

首先我们会把目标背景清楚写出来,App的第一页需求是非常重要的,只有把第一页内容搞清楚了,才能把方向弄对;如果一开始的方向不对,即使你最后产出了一套完整的执行方案,最后老板说不行,方案也是白做了,所以说背景和方案一定是要搞清楚的。

如何正确做APP的改版

如何正确做APP的改版

接下来就是具体的执行了,执行的话就比较简单,就是把相关的执行规则、交互规则补全就可以了。

如何正确做APP的改版

比?#29616;?#35201;且要注意的一环是与运营那边沟通了,因为添加了运营的板块,这是要运营那边去维护的,所以就要从?#29616;?#19979;的去推进,如果没有先从老板那边获得“尚方宝剑?#20445;?#39033;目是比较难推进的,这个要注意。

如何正确做APP的改版

接下来是最后一步,第四点:如何进行设计验证。那么以上两个模型都有什么特点呢?

如何正确做APP的改版

什么是GSM模型?举个例子,我想去追一个女生,这是目标G;然后女神会主动约我看电影,这就是距离目标越来越近的信号S;指标M值得是什么,指标也是为目标服务的一个具体的数值,今天女神给我买了100块?#26696;猓?#25214;了我100次,这些具体的数值都是为目标G服务的。

好的,我们来结合实际案例来看一下。

如何正确做APP的改版

当时做完方案以后,并不是说上线然后第二天就能看到效果,而是?#20013;?#35266;察方案运营了一个月,把一个月记录下来的指标来验证方案的可行度。

如何正确做APP的改版

还有一个是五度模型。五度模型是与GSM模型结合起来一起用的,通过各个维度的数据来查看改版的验证。

以上就是关于改版的流程就分享到这里。最后做一下内容总结。

如何正确做APP的改版

结束分享之前,我再给讲一个经验,我们做设计师不应该仅仅是做被动方案,要用更高的思维去主动挖掘潜在的需求,这是做设计必须要学会的;大家也可以思考一下,在2019年还想要学会那些技能,提升?#32422;?#30340;核心竞争力,把?#32422;?#30340;壁垒给提高。Ui设计师也可以去学一下交互,这是一个比较好的转型方式,最终ui设计师肯定不仅仅是做Ui设计,而是更进一步成为产品交互体验设计师。

那今天的课程就到这里,谢谢大家!

?
  • 版权声明:本文源自 应骏(公众号:应谋鬼计), 共 3844 字。
  • 转载请注明,本文链接:如何正确做APP的改版

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: