设计师适用的视觉向竞品分析

2021-04-20

1715

本期来聊聊竞品分析，我和身边的小伙伴在遇到相关问题时，就经常打开竞品，对比自己的产品交流讨论。

比如某页面布局方式，查看竞品选择了什么布局，使用感受如何，可以上手体验一番；比如某功能图标不好表达，也可以看看竞品的图标使用什么元素，表达的是否准确，能否有更好的发散……

大家是否也有这样的经历呢？

不论是刚接到需求或是中途出现疑问，体验竞品都是一个不错的了解和验证设计的方式。不仅可以发现和修正出现的问题，也能借鉴竞品的优势，为自己的设计带来灵感。

不过平时我们更多的是针对性地看一些具体的问题，看完当即就用上，不需要特意做记录。所以当面对一些需要整体体验并完成竞品分析报告的情景时（比如新产品的探索、产品中期的改版），总是不太好下手，且容易出现问题。

网上虽然资料多，但很多是从产品角度来展开，于设计的适配度不高，真正使用的时候不好落地。

从设计角度该如何完成一个相对完整且有效易懂的竞品分析呢？

下文是我结合项目经验以及相关资料整理的一些方法，因为产品在做改版最近做了不少相关工作，可能对设计师来说相对实用。

当然源于个人经验所限，存在不足，也希望在这里与大家一起交流讨论。针对容易出现的问题，可将竞品分析的流程分为了3步：

1.明确目标，选择竞品

首先是明确目标和选择相应的竞品，若没有明确目标则容易在体验中迷失。

目标可以是具体的、针对某功能的，比如：“优化当前绘本阅读体验，提高阅读舒适度”；也可以是整体的，比如“分析儿童产品的视觉风格特点”。

明确的目标能保持方向的正确，让分析更有针对性。然后根据制定的目标选择相应的竞品，一般分为：直接竞品、间接竞品、相关竞品等。

以儿童绘本产品为例：

直接竞品– 直接竞争关系的产品，比如其他儿童绘本产品。

间接竞品– 使用场景和用户群体比较接近的产品，比如其它儿童学习类产品。

相关竞品– 部分交互、流程有关联，能从中获得启发的产品，比如受儿童喜爱的产品，好用的阅读产品等。

根据目标与项目时长，选择2-5个竞品进行分析。选择时可与产品的同学交流，听取他们的意见，帮助我们选出合适的竞品。

2.信息收集，建立竞品档案

确定目标选出竞品后，接下来就是信息的收集，可分为视觉与非视觉部分。

· 视觉部分-页面截图包

视觉部分主要是体验过程中的页面截屏、动效的录屏等，收集产品页面资料。

不同竞品分文件夹整理，过程中可以为一些没有标题、不方便识别的页面截图命名标注，减少混乱，以方便下一步的分析使用，这些通常由设计师完成。

· 非视觉部分-其他信息资料包

非视觉部分则包括产品的基本信息、市场定位、功能的思维导图、流程图、用户反馈、App Store用户评价、评分等。这部分不与视觉直接相关，有时候由交互或产品的同学完成。

用户体验的5要素——战略层、范围层、结构层、框架层、视觉层，虽然视觉向的竞品分析，主要关注的是视觉层，但其他的4个要素往往影响和决定着最后的视觉呈现，是后续分析过程中需要的资料，能够帮助我们更全面地了解竞品，所以可以咨询相关同学一起收集整合。将上述信息收集完成后，分别命名保存留底。

· 竞品概括卡片

我的习惯是在完成信息收集后，为每个竞品建立一个概况卡片，比起资料包，概括卡片更适合记录至wiki等办公文档，也能让自己更熟悉竞品，后续对比分析中更方便使用。在同步项目时，也能让相关同事快速浏览和掌握概括，若需要汇报也可以用于汇报展示~

卡片内容大体分为基本信息、页面概览、风格总结、设计亮点及细节记录，可根据每次目标不同，进行调整。

基本信息：名称、版本等
页面概览：代表页面的贴图，给观者直观的视觉感受
风格总结：对风格的简单概述（如扁平、微渐变色彩、弥散投影等）
设计亮点：记录使用过程中发现的新颖、可供参考的设计亮点（没有则不记）
细节记录：色彩、字体、字号、圆角、边距等（可根据设计目标的不同进行增减）