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

相关推荐

  • APP设计:那些打动人心的设计点(4) 交互设计

    APP设计:那些打动人心的设计点(4)

    你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨厌一个产品的重要原因,不容被忽视。

    2017-05-04
  • PC端产品的三种姿态 交互设计

    PC端产品的三种姿态

    这篇依旧是读书笔记,只不过记录的不是整本书,而是《About face 3交互设计精髓》中的一个知识点,这个知识点非常重要,重要到需要单独提出来记录一篇。 在《About face 3交互设计精髓》一书中,将PC端应用分为了3…

    2016-06-01
  • 按钮的优先级选取与用户体验最佳实践 交互设计

    按钮的优先级选取与用户体验最佳实践

    通常带有明确指向性和说明的标签(按钮内容,文本)会比通用的“OK”或者“确定”要更好。
    尽可能使用动词,而不是OK,因为前者意义会更明确,用户不会断章取义从而作出错误的选择。

    OK/[Do it]/Yes
    [Don’t do it]/No
    Cancel

    2017-05-23
  • 交互设计

    页面状态还是组件?到底什么才是交互的中心?

    随着信息行业的日益发展,软件的开发设计得到了更多人的重视,软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中,设计的模式普遍为两种,一种是以页面状态为中心来设置交互,比如Flinto for Ma…

    2023-03-03
  • 来自腾讯交互设计师的分享:交互微动效设计指南 交互设计

    来自腾讯交互设计师的分享:交互微动效设计指南

    本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。

    2017-05-02
  • 微信热点

    如何减少哑铃图中的颜色,提高用户体验?

    有奖互动话题,文末等你概述作者在 #MakeoverMonday 2018 的第 2 周的课题上,制作了一张哑铃图来比较男性与女性在寻找伴侣时所注重的特征排名。他目标是展示不同国家的男性或女性在寻找伴侣时是否都会将某一特征看作重要因素。这样让作者立即想到了哑铃图,但是他的第一份草稿存在一定的问题。Viz 中的颜色太多了,我们很难从中发现趋势。之前作者也曾遇到过这个问题,但是他觉得真正的解决办法应该是,在不减少 Viz 中数据数量的情况下...

    2018-04-19
  • 微信热点

    【原创】交互设计七大标准(7) 奥卡姆剃刀定律(简单有效原理)

    奥卡姆剃刀定律(Occam's Razor, Ockham's Razor)是由14世纪逻辑学家、圣方济各会修士奥卡姆的威廉(William of Occam,约1285年至1349年)提出。这个原理称为“如无必要,勿增实体”,即“简单有效原理”。正如他在《箴言书注》2卷15题说“切勿浪费较多东西去做,用较少的东西,同样可以做好的事情。”▲ 奥卡姆剃刀原理如果你有两个类似的解决方案,选择最简单的。这些所提到其实就是驭繁于简。把事情变复杂...

    2018-02-22
  • 微信热点

    阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 别骂携程了,来看看Booking上如出一辙的“暗黑套路” 【UXRen译#182】

    作者:Roman Cheplyaka   |  翻译:林龙飞,校审:天蛙   近来,有很多网站和应用的设计者会诱导你做他们想做的。以下是来自timewellspent.io的例子: Youtube自动播放更多的视频来把用户留住; Instagram使用无限…

    交互专题 2017-10-25
  • 原创译文 | 面向对象的用户体验设计 交互设计

    原创译文 | 面向对象的用户体验设计

    2012年6月,我在CNN.com工作时,接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性,数据的可视化,可变形的画布,以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时,CNN.com首次上线了响应式体验站点,同时,我也第一次面临响应式体验设计。

    2017-06-01
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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