IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

做完了产品分析和运营分析,如何做一份视觉竞品分析?

Catherine • 2017-05-18 20:52 • 交互设计

做好一份竞品分析、输出优秀的设计观点,可能是衡量一个团队专业与否的第一步。

文章目录[隐藏]

  • 竞品分析的作用是什么?
  • 撰写的时候需要注意点什么?
  • 可以通过哪些纬度来做分析?
    • 1. 品牌个性&传播途径
    • 2. 信息结构合理性
    • 3. 视觉语言的一致性
    • 4. 设计亮点
    • 5. 设计趋势
  • 总结
    • 相关阅读:

做好一份竞品分析、输出优秀的设计观点,可能是衡量一个团队专业与否的第一步。

做完了产品分析和运营分析,如何做一份视觉竞品分析?

在产品公司我们大部分时间用来和产品经理沟通需求,来做设计实现,与开发对接。而在视觉设计上往往大部分时候都在follow之前的设计。当团队缺少视觉设计思考和理论沉淀、不明确与其他竞争对手的差别的时候,竞品分析是团队成员积累方法论、输出设计观点的有效工具之一。

竞品分析的作用是什么?

视觉竞品分析作为设计师重要的基础技能之一,让设计师了解自身产品在同竞争对手中所处的位置,一方面是取长补短,明确自己的短板;另一方面是通过分析达到相应的设计目的。而做分析的目的往往有很多,先想想这个分析价值是什么,再来想想听众是谁,你和听众的关系是什么?透过这个分析,你和你的团队要得到的是一致的共识呢?一个有用的总结?还是验证?或是启发设计的点?

做完了产品分析和运营分析,如何做一份视觉竞品分析?

(了解自身产品现状及分析目的)

撰写的时候需要注意点什么?

跳出“视觉”来做分析

作为产品设计的最后一个环节,如果我们只盯着界面美观与否来做分析,我们很难得出有说服力的结果。无法得出竞品为什么这样设计的?这样设计解决什么问题?无法用理性的思维来衡量自身产品与竞品之间的差距在哪。视觉设计是产品与交互的最终呈现,而脱离产品和交互来谈视觉是没有意义的。

输出观点而非“介绍”

在做竞品分析之前,我们要清楚其目的是什么。通常来说竞品分析是为了给我们产品的迭代带来一点新的思路。要避免乏味的陈述和介绍,竞品分析贵在分析。

设定衡量纬度而非凭喜好

在做竞品分析的时候最忌讳的就是凭个人喜好来评判设计:“我觉得这个挺好看的…那个不好看”。这些话语不应该出现在一个专业设计师的嘴中。视觉设计一部分是感性的,但我们需要用理性的思维来看待分析这件事情。

可以通过哪些纬度来做分析?

做完了产品分析和运营分析,如何做一份视觉竞品分析?

(视觉风格情感定位)

1. 品牌个性&传播途径

气质:

产品的“气质”与产品定位息息相关,它们之间可以说有着直接必然的联系。我们可以用“情感定位”来理解气质,例如:严肃商务,年轻运动等。

布局:

结合信息本身的层级及视觉传达的原则,对界面元素的分布进行重组并形成规则。

颜色定义:

拆分出由品牌元素中的颜色来对界面中的信息进行功能性的颜色定义或者划分。例如:在设计手机Launcher icon 前期定义的时候,我们会从功能性以及用户情感等角度对不同的icon颜色进行划分。

Icon:

根据品牌元素对icon从形状、颜色、材质、角度进行设计解剖,分析其一致性与设计风格。

动效:

动态设计就像一个人的肢体语言,少了显得这个人很死板,多了则像神经病。而如何恰到好处的拿捏产品中什么地方需要设计动效、怎么设计动效。这需要对产品前期的概念故事有这深入理解以及理性的对控件及界面从用户的角度进行感性的划分,例如:需要让用户等待的、需要让用户快速通过的、需要让用户感觉享受的…等等。合理的规则划分常产品的“节奏感”更好。

传播途径:

我们知道如今对品牌的传达不仅限于一个企业的logo、vi。它体现在方方面面,比如音效设计、吉祥物设计、一个产品的开屏、一句sologan等等。

2. 信息结构合理性

在工作中很多人认为视觉设计是把灰白的wireframe弄的好看一点而已,这才会出现很多情况例如:“某某某主管评价一个视觉界面的时候说:’我觉得这个界面太素了…要不加点颜色丰富一下’ 然后设计师灰溜溜的拼凑了一堆形式感的元素在界面中为满足老板的需求”。

视觉设计的本质是“信息重组”,同时又要兼顾功能性。这些不仅仅是视觉本身的问题,和交互和产品和文案有这直接的必然的联系。所以我们必须摒弃形式优先的思维,从整个产品的角度、从用户的角度思考。

我觉得一个界面设计衡量的标准是 : 功能 > 信息 > 形式,这里面的关系并非互斥,也就是好看的界面不一定就是难用的,好用的界面也不一定就是丑的。产品的平衡,设计更是平衡。

3. 视觉语言的一致性

一方面是看单个竞品视觉语言的贯穿性,另一方面是看竞品多平台产品之间的设计的联系性。

4. 设计亮点

任何产品为了在市场中脱颖而出,或多或少会在产品及设计中做些差异化的东西。这里的差异化是以用户场景为导向的,而非形式上的差异。例如:音乐app中为了让用户有更沉浸享受的体验而设计动态的唱片封面及无边框全屏模式等。

5. 设计趋势

设计趋势不局限于视觉风格趋势,产品定位有时候会决定设计的风格。而个人理解风格没有“过时”这一说,只有合适不合适。而当一个竞品定位模糊的时候,我们可以试着用“趋势”来衡量它,但这是个附加项。

这些评判纬度其实都是灵活的,我们需要的是根据产品类型的不同设定不同的纬度。

例如:一个基于iOS默认控件设计的app,是否符合平台规范的标准就可以加入评判纬度之中。而不同逻辑的设计师可以重新梳理一份竞品分析的结构。上述所例的评判纬度也可以加上评分机制,来让观看者更加直观的了解这份分析所输出的观点。甚至可以通过讲故事的方式去把你的观点用很有意思的方式表达给他人。

而确定分析形式之前,我们再一次来想想这个分析的目的与价值是什么,再来想想听众是谁,你和听众的关系是什么?透过这个分析,你和你的团队要得到的是一致的共识呢?一个有用的总结?还是验证?或是启发设计的点?我们要通过这些思考和内部沟通来避免“套用模板”的做法,从而培养设计师独立分析及思考设计的能力。

做完了产品分析和运营分析,如何做一份视觉竞品分析?

(如果采用权重评分机制,可参考的模板)

总结

过去的一段时间,圈子内某总监的新闻风风火火。其实我个人关注的不是当事人的专业水平如何,而是通过这个事件把一些大公司“一切以BOSS喜好说了算”的工作方式揭露了出来。而且我相信这不是个例。当一个设计团队不讲求设计理由、没有方法论沉淀时候。设计自然没有话语权,设计师们关注的肯定都是专业以外的事情。而做好一份竞品分析、输出优秀的设计观点,可能是衡量一个团队专业与否的第一步。

相关阅读:

最好的竞品分析报告的思路应该是这样的

你会写报告?产品体验报告的思路应该是这样的!

进阶必看 | 告别平凡竞品分析的13个细节

如何写好一份竞品运营分析报告?

 

作者:Praise(点融黑帮),目前就职于点融网DDC团队。

本文由@点融黑帮(公众号:DianrongMafia) 原创发布于人人都是产品经理,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27741/

ioslogo交互产品产品体验产品经理产品设计动效场景沟通理论用户用户场景界面设计竞品分析观点视觉视觉分析视觉设计设计设计师转载运营
赞 (0)
CatherineCatherine
0
生成海报
你离用户的距离,只差一个好的体验
上一篇 2017-05-18 20:02
用好的交互设计来管理复杂-“查看更多”
下一篇 2017-05-18 21:51

相关推荐

  • 6个实用消费者心理学

    消费者究竟是不是傻子?这事儿真要分两面来看。有时傻的天理不容,有时精的六亲不认。傻子是这个世界最幸福的人群,哪里会有那么多傻子,只不过都是分时段的智商休眠而已,至于什么时间休眠,这完全取决于消费者出于…

    交互设计 2014-12-03
  • 提示信息的情感化设计,做一个有故事的淘宝 交互设计

    提示信息的情感化设计,做一个有故事的淘宝

    未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去,从而覆盖整个淘宝,真正地实现做到一个“有故事的淘宝”。

    2017-05-05
  • 那些上亿人都在看的Banner都是怎么设计出来的? 交互设计

    那些上亿人都在看的Banner都是怎么设计出来的?

    每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我 们是怎么做的?请听我细细道来…..

    2017-05-30
  • 交互设计师的专业度表现 ? 交互设计

    交互设计师的专业度表现 ?

    一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。 大约五年前选择了这个职业,一路走来,质疑过、探讨过…

    2015-10-14
  • 微信热点

    福睿斯幸福号春运列车的背后:营销回归用户体验

    爆竹声中辞旧岁,品牌送暖入屠苏。一年一度的春节,不仅是万家团圆的时刻,也是品牌们“秀肌肉”,送暖消费者的黄金期。每到这时,煽情、怀旧、调侃、明星、红包、互动……各大品牌总会使出浑身解数以俘获消费者“芳心”。而今年最暖的,莫过于福睿斯推出的“幸福号春运列车”。今年春节期间,长安福特福睿斯联手凤凰网、12306客户端、高铁杂志《旅伴》等平台,在1月30日至3月31日期间联手为春节回家的朋友打造往返于成都—上海的“福睿斯幸福号”专属列车(D3...

    2018-03-29
  • 如何设计网页正文 交互设计

    如何设计网页正文

    设计跟随内容,这是一个大家经常听到的词。用户访问网站的目的主要是为了查看内容,因而内容是否吸引人至关重要。而如何让我们的网页内容能够被用户所吸引,一份好的网页正文设计不可或缺。

    2017-04-28
  • 微信热点

    用户体验升级|丝滑般享受的执剑人单点登录功能来了!

    各位票据市场上的辛勤工作的票友们,大家在这春回大地的时节是否为了美好的明天在努力耕作呢?“执剑人”为了使用户更方便、更快捷地在互联网平台上进行票据流转交易,已经隆重上线账户单点登录功能,交易时平台切换跳转超便捷!只需要登录一次即可完成交易1过去:用户在执剑人合作平台进行票据流转交易时,需要在平台账号、执剑人账号不停的切换,操作比较不便。未接单点登录的平台时这样的2现在:一家企业账号在执剑人和执剑人合作平台上,登录的时候只要一次登录,退出...

    2018-04-15
  • 微信热点

    Axure RP软件

    长按链接复制链接到浏览器打开Axure RP 7.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1mkqu1Ws密码:467u长按链接复制链接到浏览器打开Axure RP 8.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1c3h7c1i密码:esqr给大狮兄一个赞赏大狮兄想生存下去,我还想以后给你更多好用的软件赞赏的狮粉记得备注名字,大狮兄想记得你的名字大狮兄资源吧专...

    2018-03-04
  • 不是首发!互联网女皇报告中文完整版发布 交互设计

    不是首发!互联网女皇报告中文完整版发布

    腾讯科技讯 6月1日,有“互联网女皇”之称的玛丽·米克尔今天在美国Code大会上发布了2017年的互联网趋势报告,腾讯科技第一时间推出完整中文版。关注腾讯科技微信号(ID:qqtech),回复“女皇2017”,可获得中英文PDF版…

    2017-06-01
  • IAMUE经验分享-APP关于登录 与 注册引起的思考 交互设计

    IAMUE经验分享-APP关于登录 与 注册引起的思考

    1. 何时会触发登录与注册 A. 第一次打开,启动页滑动结束就触发登录与注册 页面没有返回button 根据产品阶段,或强调注册或强调登录 点击注册button,注册页面从右向左进入,左上角是返回icon 如IN 脉脉 注册时的,…

    2015-09-22
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress