经常在项目工作中我们会遇见和产品的争执,为什么这个功能需要这么设计,这个功能有没有其他的方式去设计,或者产品经理觉得这个设计不好看,颜色不好看等等!那是因为设计之前你没有用竞品分析,今天带你如何一步步去使用。




 为什么做竞品分析 

这种情况我们肯定经常遇见,有时候合作一个项目,特别的顺利,我们的设计稿一稿子就通过了,但是有的时候我们做另外一个页面时候发现,稿子根本很难通过,这个时候经常就怀疑对方能力,怀疑自己,甚至觉得设计师工作很苦逼!


其实这个情况很现实就是信息不对等,很多时候我们和产品经理考虑的视角完全不一样,产品经理每天都是看的各家的产品,对手家功能等等,也很多人每天在自己角度思考问题,很多时候那些我们觉得一稿子就过的方案,可能就和他心中那个竞品很接近,符合他们预期!所以你的设计很容易获得他的认可,但是一旦你的方案和他心中的预期不匹配,那么就会各种改稿!

特别我们很多设计师,经验不足时候,在对方没有完全信任你的时候,你很难让你的方案有说服力,记得我之前刚工作时候,没有做过A类型产品,去入职第一月,设计总监让我这个月什么都不要去做,就去研究竞品,把同行业的产品,TOP10的,国外TOP10的都研究一遍,做到了如指掌,页面的每个框架,每个结构都能很详细的默写出来,最后一周时候,领导随便说一个产品的页面框架能在纸上能画出原型图,只有这样你才能hold住大型产品,才能在设计里面占在巨人肩膀上去思考!

所以竞品分析的重要性不言而喻,是普通设计师和设计专家拉开设计实力很重要的一个技能,竞品分析很多时候,其实就是回答你这个设计为什么这么设计,你得很好的说服别人,我们经常觉得设计没有话语权,其实很多时候话语权是靠我们自己争取来的,你作为设计师,你如果对你负责的业务,行业内都是怎么做的,主流应用如何设计的,有哪些设计形式和风格都不清楚,都无法说出各种优势劣势其实你很难讲清楚你设计是如何做的。

今天分享一个我之前做的一个天猫改版的设计案例,当然现在线上已经更新了,但是这个思路可以分享给大家,当时我在做这个需求时候,是如何考虑的,如何通过竞品分析方法来做这个案例的,希望可以帮助到大家。


 1.选择竞品 

比如这次项目,我挑选了一些主流电商全球top的eaby,亚马逊,wish等产品,同时行业挑选了一些airbnb,facebook,youtube等设计比较有代表性的产品,同时国内也挑选了有文艺气息的豆瓣做为我研究的竞品。

以上我是挑选竞品一个方向,当然大家可以有更好的方向,完全根据你的需求来确定竞品,一般来说建议选择行业TOP10,国内的,国外的,以及国内垂直独角兽的产品,也可以加一些设计比较好的产品放入竞品。

另外一个纬度就是根据你要解决的问题进行选择竞品,比如我这次需要解决我的页面风格问题,所以我挑选了一些业内比较领先的产品作为的竞品分析方向。


 2.根据你的问题进行研究 

根据你要解决的问题,进行研究

但是我的问题是需要对页面进行改版,当时正好赶上产品更新迭代的过程,需要进行迭代,所以刚好根据这个契机,我需要视觉升级,所以我的问题是产品改版+风格升级

所以我基于风格纬度对确定的竞品去进行研究,看看业内对于我的页面,风格设计上主流设计都是如何处理的,看看行业趋势以及我们现在所处的位置。


 3.竞品分析 

接下来我对我的页面首先进行所有竞品截图,然后从风格纬度进行详细分析:

风格1:表单+icon

研究过程中,发现很多公司我的页面都是采用,列表表单类结构设计,列表类比较讲究效率,一般页面内容比较少,页面功能操作根据优先级从上到下去排序,设计上比较扁平化基本都是采用列表设计,或者图标加列表形式。

风格2:图标风格

这种风格在国内电商比较常见,全部电商都是很接近类似,头部个人部分,下面跟着订单状态,底部常用设置操作,这种设计目前来说差异性不明显,结构太雷同。

风格3:片式设计

卡片式布局,比较合适内容比较多,功能为主,每个卡片对应一个功能一个场景,卡片式设计功能比较完整。


 个人资料背景板式 

除了我的页面功能布局布局设计外,我的页面头部背景也是这次竞品分析重点之一,我们看看业内都有些通用做法:

风景照片

以facebook为代表,个人页面背景采用图片作为背景设计,facebook用户是全球的,风景图可以自定义,能包容大多数设计审美。

品牌符号

以严选为代表,个人页面背景采用严选笔画字体,将笔画字体很巧妙融于到背景里面,低调同时凸现品牌。

抽象图形

以谷歌为代表,个人页面背景采用几何抽象图形设计,年轻活泼,设计主张明显。

头像放大

头像放大也是一种形式,通过读取用户头像,模糊处理成背景也是很时尚的一种形式

简约纯色

通过和品牌统一的颜色也是一种方式,更加简洁,用户使用功能就好。

产品背景

背景运用和产品相关联元素作为背景也是一种很讨巧的方式,很好的反应产品属性。


 4.设计趋势融于 

趋势的融合,除了研究已经的产品的风格特点,也需要关注当前趋势,层叠式错误结构设计比较流行,能在普通图形中通过错落式结构设计出页面差异性,版块层叠式结构是一种新的设计,既版块之间互相叠加,同时配合长距离投影加强层叠关系。


 5.定设计策略 

正如以上的分析,了解了我的页面一些布局方式有哪几种,以及我的页面背景图片处理的手法,那么结合以上的分析,可以得出整个设计的决策点:

建差异:在头部采用层叠错落式结构。让整个页面层叠感更强,同时通过卡片式设计来强调每个卡片和每个卡片之间联系,建立差异。

塑品牌:顶部背景图采用品牌logo图形和猫头作为背景处理,透出品牌。


 6.方案呈现 

普通会员


超级会员

APSS会员


 6.总结 

以上就是通过一个竞品分析方法来处理我们日常一个简单页面改版的大概思路,竞品分析其实不止是视觉分析,还包含交互分析,商业竞品分析,在后面分析中再分享给大家!


 设计日记星球会员 

由原支付宝设计专家Sky创建,在这离努力的人近一点,离努力的设计师近一点。我们价值观:一个人可以走很快,一群人可以走很远。
欢迎还尚未加入设计日记的同学,加我微信围观
扫描下方二维码,加我私人微信

本篇文章来源于微信公众号: 我们的设计日记