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

只要关注这6个点,交互设计师也能做好竞品分析!

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含产品设计,竟品分析,经验分享等相关知识,希望在学习及工作中可以帮助到您

今天我们来聊聊竞品分析,它并不是像人们认为的那样——有统一的模板,因为针对不同的岗位,做的竞品分析是不同的。所以本文聊的是:交互设计师如何做竞品分析。

竞品分析是对产品、交互从业人员最基本的技能要求之一,很多刚入行的产品汪、交互喵首先要做的都是竞品分析,一来可以考考你的底子,二来可以锻炼你的逻辑思维。虽然它是基本技能,但是它的作用却非常大。

那有什么作用呢?当你设计了一个功能,别人问你为什么这么设计时,你的答案要非常专业,而不是说“我觉得……”,这时候竞品分析就派上用场了。

做竞品分析,可以避免相关设计人员站在自己的角度去思考问题,在评审的时候容易通过且能够获得大家的认同,而不会受到来自各方的质疑,这也是那么多人做竞品分析的原因之一。

当然,站在产品和运营的角度来说,做竞品分析还能开拓市场、优化产品、制定策略、确定战略等等,但是这些在我看来并不是交互设计师需要关心的事情(除了优化产品)。

怎么做竞品分析

大家在网上能看到很多竞品分析文档,会发现里面的内容非常多,而且很多都看不懂。告诉你三个字:不用看。

这些文档看起来好像很专业,但是当中涉及的数据内容、商业分析、产品战略等大部分都是笔者自己 YY 的,这个不仅对做竞品分析没什么帮助,还会使自己在做的过程中特别容易跑偏。所以你只需要关注以下六个点来做或看竞品分析文档。

  1. 找到商业需求
  2. 用户操作流程
  3. 产品功能分析
  4. 交互逻辑思考
  5. 用户使用评价
  6. 得到设计需求

01. 找到商业需求

商业需求这个点,不仅仅适用在竞品分析的开头,我们做交互文档、需求文档都要把商业需求放在首位。只有商业需求的目标明确了,才好进行下一步操作。那什么是商业需求呢?

给大家举个简单的例子:

今天接到一个产品需求:即优化产品的搜索功能。可能很多人看到这个需求就马上开始看看别人的搜索都是怎么做的,然后抄一下,改一下就好了。这样设计出来的东西,只能说是一个具体的设计任务,而不是解决实际问题的方法。

我们要先找到商业需求,为什么要优化产品的搜索功能呢?有些资深的产品经理会在需求文档中写出,而有的并不能想到这一层,仅仅只是觉得不好用所以让你去优化。所以当你的产品经理属于后者的时候,你就要提前参与到前期的工作中,给自己提问题,告诉自己为什么要去优化,以及它能带来什么效益?

当你的工作做到位的时候,并且了解的足够多的话,你很轻易的就会发现,我优化这个搜索功能的原因有两个,也就是商业需求:一是提升平台成交率,二是获取用户数据。

02. 用户操作流程

得到商业需求,我们就要做具体操作,就是找到合适的竞品。这里我扩展一个话题,就是找什么竞品。

通常,我把竞品分为三大类,分别是核心竞品、潜在竞品(类竞品)、交互参考竞品,这三类具体指的是什么,有兴趣的小伙伴可以自己去研究了解。

找到这三类竞品后,要做的就是把它们所有关于搜索功能模块的界面做一个仔细操作,并截图单独存放在一个文件夹中做深入分析。

比如这个功能涉及到的页面、动效、视觉等所有信息都进行详细观察,然后将其做成一份流程图,将所有的竞品都这样做完后,进行对比分析,你就会发现当中的差异,然后就可以知道哪种操作路径是最好或最适合你的产品的。

这图是我为了写文随便搭的,就是个demo,具体的大家还是要自己去操作。

03. 产品功能分析

当你列出所有流程操作图后,下面就可以对搜索的功能进行分析。

这块操作起来比较简单,首先建一张表,罗列出相应的支持功能,然后对支持的竞品类目打上勾,不支持的就不做处理,如下图:

这图也是我为了写文随便搭的,就是个demo,具体的大家还是要自己去操作。

做完以上操作,接下来再分析每个竞品的搜索导航是属于什么类型,这种类型对搜索有什么好处等等。包括搜索功能模块的其他信息,如展示形式、关键词、筛选字段等等,以此推导出其中的差异。当然,做其他功能也是一样,我只是拿搜索做个例子。

04. 交互逻辑思考

由这层开始,要分析功能交互的问题。在每个流程图的边上写下相关的交互逻辑,然后通过自身的行业知识来拆解竞品当中的交互信息,如:

  • 搜索之后页面的跳转的层级
  • 搜索结果展示
  • 页面布局的合理性
  • 图片比例规则
  • 按钮热区
  • 表单展示形式
  • 等等

如果你是一个资深的交互设计师,看到的信息还会更多,这块跟自身能力有关,拆解的产品、分析的交互逻辑越多,这块的梳理能力就会越强,看产品的本质也会越深。那么你分析竞品所能得到的信息也是一般交互和产品不能发掘的。(关于这块的产品拆解我后续会有文章单独说明)

05. 用户使用评价

这块工作看着好像跟竞品分析不搭边,但却是不可缺少的一环。因为即使你做了再多的分析和拆解,看了再多的偏好数据(更何况有些公司拿到的数据并不全面),都没有看用户使用评价来的更加直观。所以看用户的使用评价变得极其重要,只有真实了解用户内心,你才能真正设计出好的产品。

我们可以通过各个渠道去了解用户对一款产品的评价,包括对某个功能的看法,当然我之前也说过,我们不能听用户的一面之词,所以需要去提炼当中的关键信息,帮助自己更好的去完善产品。

这块其实没什么好说的,在竞品分析文档中,这块内容其实不需要做过多的展示,只要拿到你的关键信息并做个大概说明,然后说出你从中得到的设计思路就可以了,我们最后还是要看输出总结,即通过做竞品分析得到的设计需求。

06. 总结输出

当我们按照上面的流程做完所有步骤之后,你就会得到你的设计需求,如:

  • 关键词搜索
  • 搜索建议
  • 条件过滤
  • 搜索历史
  • 查找相似商品
  • 让用户快速识别搜索入口
  • 字段排序

等等。

这些所有子功能都是通过做竞品分析得到的,当然你也可以通过用户调研等方式去得到设计需求。

说这么多,就是告诉他家我们做一个产品时,不是自己去YY要做什么,而是通过这一系列工作流去找到应该做的事情。这就是你在这个岗位必须做到的事情,不要以为产品或交互的工作很简单,上面的每个步骤都是需要大量时间的练习才能做好的。

小结

我们通过竞品分析来提高我们产品自身的核心竞争力,并不是为了求同,也不是为了模仿,而是为了突出自身的产品价值,正所谓知己知彼,百战不殆,竞品分析的目的并不是为了抄袭,而是为了超越竞品。

不过,竞品分析还是会有一定的局限性,比如说我们做竞品分析的时候往往容易将产品和企业文化、产品商业战略等信息剥离开来,但是对于很多产品来说,这些是很重要的东西。所以也就很容易忽视这其中的相关性,分析的时候就有可能导致片面或者出现误差。

所以我们就要不断地改进我们的竞品分析报告,学会从整体上去把握产品的脉络,才能更好地摆脱竞品分析的局限性。

说了这么多,光看是没用的,想要进步,大家还是要自己动手去做。加油,你们会越来越棒的~

欢迎关注作者的微信公众号:「呆呆U理」

ddqr2017

这篇提供了不少视觉竞品分析的技巧:《魅族干货!如何从视觉设计师的角度做竞品分析?》

这篇也是哟:《从这5个纬度出发,学会做一份优秀的视觉竞品分析》

设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

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

  • 网站产品设计参考的几条原则
  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 怎么做私单才能又快又赚钱?来看老司机的私藏流程!
  • 想成为互联网设计师?先来看这篇超全面的介绍!
  • 为什么不要再问用户「你们到底想要什么」?
  • 这10个不好用的微信设计,有哪些深层次的产品逻辑?
  • 基础小科普!浅谈「列表视图」与「网格视图」的用法

相关文章

  • 2018-08-23实例解析!如何成为有交互和视觉思维的UI 设计师?
  • 2018-08-23从上亿人使用的阿里收藏夹迭代过程,总结视觉设计师应该拥有的体验思维
  • 2018-08-2358内部方法!一个更适合产品迭代的卡片创意法
  • 2018-08-23618 如何让用户买买买?来看腾讯设计师的总结!
  • 2017-08-06在新窗口打开的跳转菜单 window.open使用介绍
  • 2018-08-23超全面!可能是最详细的垂直电商首页设计总结
  • 2018-08-23这8条走心的建议,帮你设计出更加优秀的排版
  • 2017-08-06网页上播放mp3或flash等播放器代码
  • 2018-08-23谷歌对话式交互规范指南系列:对话式交互的概念和机制
  • 2018-08-23基础小科普!8种常见的版式设计方法汇总

文章分类

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

最近更新的内容

    • 用超多案例,带你全面看懂尼尔森十大可用性原则!
    • 想给用户提供帮助?先掌握这5个层级!
    • 上亿人使用的QQ空间萌宠形象,原来是这么设计出来的!
    • 遵循这7个原则,能让你的网页用户体验更优秀
    • rgba alpha 透明度的转换计算表
    • 总监经验!视觉设计师必须知道的交互设计模式
    • 腾讯设计师:极速适配 iPhone X 的技巧揭秘!
    • 网易实战案例:教你五步打造APP节日主题设计
    • 学会这4个心理学技巧,让好的设计体验更持久!
    • 自学体系第二课!写给新人设计师的界面排版原则(下)

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

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