• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 视觉设计师如何做竞品分析?来看这份超全面的指南!

视觉设计师如何做竞品分析?来看这份超全面的指南!

作者:沪江设计中心 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含竞品分析,视觉设计等相关知识,沪江设计中心希望在学习及工作中可以帮助到您

作为用户体验设计师,竞品分析也是必备技能之一,通过分析市场上的竞品,能够让设计师在短时间内快速了解自己所做产品在整个市场中的定位,对于视觉设计师来说,有一个系统的竞品分析方法,能够全面了解竞品的品牌、交互、视觉、市场等方面。同时竞品分析也为设计师提供一份可量化的评价标准,避免过于主观的看法,帮助设计师用专业水平说服团队伙伴,提升设计师的专业度,明确设计目标,优化设计产品。

那么今天我们就来聊聊从设计师角度如何来做竞品分析。

一、竞品分析的目的

1. 战略层

目标:了解市场情况和商业目标,分析产品的定位,明确自身的优势,以及与其他同类产品差异化的竞争点。

在这个层面上,身为视觉设计师,建议在做这部分的内容分析时,多和产品经理沟通,了解他们如何定位竞品。结合观察和平时的使用体验,来得出属于自己的结论。

2. 用户层

目标:了解用户是谁,为什么使用产品,使用的场景是什么,是否存在痛点,提供用户想要的产品,了解用户想要的产品。

当前语境下,可以通过如下途径,从用户的语言、行为去了解他们真实的需求:

  • 使用用研团队的调研产出
  • 网上搜索用户反馈(appstore评论/官网官微/论坛等)
  • 直接的用户研究(方法包括问卷调查、可用性测试、用户访谈、眼动测试、焦点小组、用户画像、数据分析等)

3. 实践层

目标:得到有效的验证、有用的总结,找到能够启发设计的亮点,促进团队达到一致的共识。

视觉设计大部分时候处于产品设计环节的中下游,更多的是在交互产出的基础上进行设计,具体方案也是尽量遵照现有产品规范进行产出。当缺少视觉设计思考和理论沉淀、不明确与其他竞争对手的差别时,很容易碰到能力瓶颈。通过竞品分析,可以以更加全局的视角审视竞品的方案和自己的产出间的差距,从而产出更高效的设计,提升设计思考力,提高产品核心竞争力。

二、竞品分析的原则

原则1:呈现方式

突出要分析的维度上,我们产品所处的位置——排行如何、是好是坏,化主观为客观。必要时可以通过象限图、表格排序、树状图等方式呈现,可以为我们的分析提升可信度和可阅读性。

原则2:呈现选择

数量上不需要大而全的覆盖所有竞品,重点选择市场上优秀的竞品进行分析,就可达到我们的设计分析目的。

原则3:呈现内容

做竞品分析时容易将产品和企业文化、产品商业战略等信息剥离开,这样就很容易忽视这其中的相关性,分析的时候,就有可能导致片面或者出现误差。

三、竞品的选择

1. 直接竞品

跟所做产品有直接竞争关系,使用场景和用户群体一致的产品。

2. 间接竞品

使用场景和用户群体可以不一致但比较接近的产品。

3. 相关竞品

定位和领域可以完全不同,可以是不构成竞争关系的产品。但是相关交互和流程有关联,可以从中得到启发,因此无需研究整个产品, 只研究与产品关联的部分。

注意

基于自己的目的选择竞品,同样的产品,但出于不同的目的,其所处的维度可能有所不同,同一个产品的不同模块也有可能处于不同的维度,在实际操作中注意甄别。

四、竞品分析的矩阵

1. 品牌传达

一个好的产品,会在产品的设计中融入品牌因子。让产品在传达内容的同时也在不断传达产品,让用户不断的接触产品。起到潜移默化的在用户心中塑造品牌形象的作用。做竞品分析之前先确立品牌的定位再去分析产品,会得到更真实合理的分析结论。

例如可以通过提炼出竞品的颜色、icon、配图等方式推导得出视觉性格。

2. 视觉风格

正确的定位视觉风格,可以让用户对产品更加有亲切感和融入感,从而增加用户满意度和用户粘性。 可以通过提炼竞品的关键页面、配图等方式,推导得出视觉风格和风格的优势。

3. 页面布局

分析竞品的布局方式,对具体页面信息和布局进行细致拆解;研究界面元素之间的亲疏关系,版块之间的划分方式,基本元素的重组规则,以及一些细节的处理手法等。

由于具体页面布局拆解工作量较大,所以可根据需求,拆解部分页面即可。可以用横向法和时间轴法进行拆解。

4. 动效

一个好的交互动效可以加深用户对产品的内心印象。动效的使用让页面跳转更加页畅,指引用户的体验更佳。是对产品进行高阶的进化。给用户体验带来的好处是跃进性的。可以在这个点上,分析产品具有差异化的设计。

注意,不要为了加动效而加,好的动效是无感知和恰到好处的。不然,有可能会起到减分的效果。

5. icon

图标是产品设计的灵魂之一,一个好的图标设计直接赋予产品灵气和辨识度。 分析竞品图标,从功能性、识别性、美观性不同的维度出发,逐一排列观察。

6. 字体

分析竞品字体样式的使用、字体数量的使用、字体层级的使用。

将文字的使用列成使用表之后,可以从字体的不同的使用方面分析出文字层级的设置方向,以便系统的管理字体在产品中的运用。 可以更好的规范我们即将要设计的产品,从开发的角度来讲还可以更好的协同工作。

7. 规范控件

对页面的元素和流程进行拆解,找出哪些是由控件组成,以及这些控件是如何在产品里变成规范。

规范控件的分析整理将对产品的设计起到非常大的帮助,可以帮助我们从微观跳出,在宏观层面把控设计。控件的规范可以让产品具有一致性,帮助团队协作完成统一风格的页面设计。

8. 竞品分析的输出

做完以上分析,最后得出自己的设计总结并输出,竞品分析总结根据不同目的从以下几个维度进行拓展,重点在于输出观点而非「介绍」。

总结的时候主要是突出说明竞品相较于自己所做产品有哪些优势,同时又有哪些不足,最好说明竞品是什么原因而产生了这些问题,从设计的角度详细说明我们准备如何突破。

产品品牌:品牌的定位与产品形态息息相关,总结竞品设计有多少为品牌化服务的,可以从中做哪些借鉴。

  • 设计风格:总结竞品的设计风格,取其精华去其糟粕,说明如何应用在自己的产品中。
  • 设计亮点:设计中差异化的东西是否是竞品脱颖而出的关键点,这些亮点在我们产品中使用的可能性。
  • 设计趋势:虽然所有内容都是基于现有产品产出的,但建议设计师更进一步,在现有竞品分析的基础上,结合行业动态,发掘行业整体设计趋势,反推运用到自己的产品设计中。

五、验证环节

竞品分析报告明确目的是第一位的,针对自己所做报告想要达到的目的,在项目结束之后,拿出支撑性内容查看自己的竞品分析, 复盘看哪些分析是正确的,哪些分析和最终产出不相等,不相符的原因是什么。

具体可以通过数据(例如转化率、UV、活跃度、营收等)、用户反馈来验证,具体形式根据报告目的来定。这样做能不断地改进我们的竞品分析,将竞品分析的价值最大化。

欢迎关注作者的微信公众号:「沪江设计中心」

图片素材作者:Tanya Lobach

「竞品分析好文合集」

  • 《竞品分析很重要,但很多人的方法不正确》
  • 《从这5个纬度出发,学会做一份优秀的视觉竞品分析》
  • 《「竞品分析报告」系列:斗鱼 VS 虎牙》

优设大课堂

您可能想查找下面的文章:

  • 视觉设计师如何做竞品分析?来看这份超全面的指南!
  • 「竞品分析报告」系列:斗鱼 VS 虎牙
  • 有哪些值得思考的用户体验现象?
  • 腾讯设计师用实战案例,告诉你一个实现设计驱动的创新流程!
  • 看似简单的喜马拉雅FM主播等级体系,是如何做改版设计的?
  • 如何做好电商类App?来看这份对新版淘宝的设计思考!
  • 从交互角度,分析为什么我沉迷抖音,却不想刷微视?
  • 简谈精益用研之道:一次完整的调研必经的三个阶段

相关文章

  • 2018-08-23超实用!四招快速提升字体设计能力
  • 2018-08-237种不同类别对比,小程序和APP相比还有多大差别?
  • 2017-09-10前端开发者的工具、库和资源
  • 2018-08-23设计UI时,比布局配色动效更重要的是用户思维模式
  • 2018-08-23让你脑洞大开的创新思维方法系列:水平思维
  • 2018-08-23实战经验!如何制订能有效提高自己的工作目标?
  • 2018-08-23设计实战!如何设计一款富有情感吸引力的拼字游戏
  • 2018-08-23超全面!体验设计中的「功能可供性」基础科普
  • 2018-08-23Helvetica 字体60岁了,它是如何变成了人们生活中的日常?
  • 2017-08-06网站设计效果体验 之七种不同的色系

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Django静态文件部署
    • 7款拥有超酷设计灵感的动态网站设计
    • 为了让你用上正版字体,他辞职花了 2 年造字
    • 以登录账号密码不匹配为例,全面浅析设计背后的逻辑
    • 美团打车推出之际,来聊聊分时租赁的共享汽车
    • 这四个动效小趋势,让你可以把网页设计得更加圆融
    • 简明网页设计理念 颜色搭配
    • 网页flash动画不显示的解决方法
    • UI实战教程!从零开始做APP 系列之界面设计篇
    • 自学体系第一课!写给新人设计师的界面排版原则(上)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有