1.竞品分析的定义

从专业的角度来讲，竞品分析是通过系统的分析方法去全面了解市场上位于前列的竞争对手的产品，能够让设计师快速了解自家产品所处的位置，从而来针对性的改进自身产品的一个方法。简而言之，就是要站在巨人的肩膀上去思考，以竞品分析的形式去学习其他优秀的产品，从而解决自身产品所存在的问题。

2.为什么要去做竞品分析

做一件事情之前一定要思考做这件事的价值和意义，只有你明白其重要和必要性，你才会知道该怎样去做这件事情，而不是一提起竞品分析就找一大堆专业框架和术语然后去填内容，这样虽然产出了很多，但是关键性的内容点其实还是不清楚。

说直白点，你需要通过这篇竞品分析去解决你工作或者创作中遇到的什么问题，带着疑惑和目的去分析在我看来是更有效率的。因此特分为以下几种情况：

因此我们要学会根据自己的不同需求，去制定不同的竞品分析方案，让分析的内容更聚焦。作为UI设计师来讲，通过竞品分析为自己的设计方案提供科学的理论依据，为自己赢得话语权，能够更好地科学产出内容。

3. 如何寻找竞品：

竞品的选择非常重要，如果找到错误的竞品，那么你所分析的一切结论可能都引向了一个错误的方向。从而让自己的努力都白费。那么怎样才能找到合适的竞品呢？分为以下三类情况

A.核心服务与目标用户相同的产品（直接竞品）：

这一点是广大设计师都能想到的范畴，也称为直接竞品。即提供的核心服务、市场目标方向、客户群体等与我们的产品基本一致，产品功能和用户需求相似度极高的产品 。往往是通过业务关键词就能直接搜索到的竞品，比如音乐类产品，那么直接在应用商店，或者通过专业网站（易观千帆等）搜索关键词“音乐”即可搜索出排行前列的竞品。

B.目标人群不同，但功能模块和服务接近的产品（间接竞品）：

这类竞品可以找起来并不那么直接，可以通过对应功能去逆推拥有此功能的产品，并进行相关搜索。

如果想不到，可以通过“人人都是产品经理” “36氪“等关于产品资讯的网站进行查询，甚至可以通过百度指数来进行发散思维，看一下跟你关键功能相接近的都有哪些。比如你研究外卖产品，除去饿了么和美团等直接竞品，你还可以在分析用户下单和购买流程中，去分析淘宝和京东等购物产品，也能得到一定的帮助。

C.目标人群和服务都不同，但交互或者视觉有可以参考的产品（关联竞品）：

这里所选择的产品，定位和领域可以都完全不同，但是你要从这款产品中得到启发，从而让你的产品能够拥有其他竞品不同的特点或者功能模块。有一个很典型也熟知的的案例，就是卫龙辣条的设计案例，在卫龙推出之前，可以说是没人会想到辣条会和高端扯上关系，但是卫龙就是借鉴与其领域完全不同的苹果设计去做，从而在包装上独树一帜，从而吸引人们注意取得成功。因此通过不同领域跨行业的产品有时候也可以找到不错的思维方向。

4.如何进行商业分析：

进行商业分析，这里只提及到三个基本选项：商业背景、产品盈利模式以及用户人群。通过这三个基本要素，你能对所研究的竞品有一个大概的了解。当然深入了解还需要其他平台（官网网站、36Kr等)来查阅更多的相关性资料，下列是对QQ音乐商业背景的简要分析。

5. 如何进行交互分析：

我们在做交互分析时，我们需要进行必要的两点分析：用户路径和交互维度。

用户路径：指用户从某个开始行为事件直到结束事件的行为路径，即用户在使用某个功能的完整流程称之为用户路径。我们需要去观察和体验在这一个完整路径中涉及到的页面、动效、视觉到底是怎样的。就拿登录页来说，我们看看排行前列的竞品是怎么做的。通过相应的体验和对比分析，我们就可以找出这其中符合我们产品性质的最优解，从而提高我们的登录注册效率。

交互维度：交互维度和用户路径有所区别。这一层需要弄清楚产品的核心路径，从而能够更好的解析产品各个层面的逻辑关系，这就需要我们以用户的角度去逐个体验，整体联系，随后记录下来。使用过程中我们也要去观察APP中的交互小细节，怎样分享的，怎样展示的，比如音乐软件进行截屏后和点击喜欢按钮后的反馈是怎样的。

6. 如何进行视觉设计：

在进行视觉分析时，有一点需要注意，如果你需要详细分析某一模块，请用手机尺寸截图后拿到设计软件中进行测量，不要光靠眼睛观察，很多时候的小细节我们只有在手动测量后才能感受到，比如控件的尺寸大小，间距的大小，以及颜色的取值，都需要精准测量后才能得出靠谱的结论。

怎样进行视觉分析呢，我比较推荐从一个app 视觉语言最基本的五个维度去分析，即“形色字构质”

最近以音乐APP进行了一次竞品分析，以QQ音乐APP来举例进行分析（当然竞品分析并不能只分析一个，而应该根据你需要的功能找多个竞品进行对比分析，才能看到更多的维度，这里只拿一个举例）：

6.1 图形元素的分析

首先我们以形进行分析，形即图形元素，具体来讲即LOGO和图标。LOGO的更新在2018年10月以后已完成更新。新版的主要图标整理归纳如下：

可以看到整体的图标色调更加清新，造型设计更加圆润，未选中状态的线形图标则采用4px的描边，粗线形描边让整体界面风格显得更加稳重的同时对用户的干扰也较小。新版的图标界面让界面保持稳重的同时又富有活力。

6.2 色彩体系的分析

其次则是对色这一类别进行分析，颜色其实是对于品牌调性有很大的影响，比如一想起QQ音乐就知道主色是绿，一想起网易云音乐就知道主色是红，对用户的记忆点更深刻。通过截屏测量进行分析，得出整体的颜色如下（由于手机屏幕的色差原因，不可避免会有些许误差）

从局部来看，分析颜色最重要的一点就是能够弄清楚一个页面中哪些元素用的是同一种颜色，观察成熟的产品是怎样用颜色（和字重）去区分层级关系的。

可以看到，用主色和三种辅色即可区分界面的整个层级关系，由此思考我们在制作自己的界面时也避免用太多的颜色，造成界面太过花哨。（颜色的具体色值可能有些许误差，更重要的是看颜色层级关系）

6.3 字体体系的分析

接下来是字的分析，字即字体体系，可具体到字体和字号。设计中字体一般来讲是苹方，字号则根据设计师的定义来进行相应的规范。通过页面的测量分析，可以拿到其具体的字号大小层级分析。（以下定义基于750的设计尺寸）

对于单个界面的分析，个人觉得要带有思考的眼光去看待，比如在首页中字号其实分配过多，像“更多”这种按钮就不应该再分一个字号，字号太多整体就显得有一点点乱了。虽然大厂的设计能在一定程度上给予我们参考，但并不是说他的每一个设计都是正确的，我们要学会用审视的眼光去看待出现在身边的设计。

6.4 界面构成分析

界面构成即界面的元素大小以及他们的布局，例如有时候我们不知道一个标准的搜索框的长宽具体多少才是合适的，这就需要我们去分析其他成熟的商业产品，通过测量来知道具体的数值，从而督促自己进行正确的设计。这里选取了一个默认的首页进行分析。

将一个页面用右边的形式进行原型化，去掉干扰可以把结构看得更清楚。间距之类的也可以通过软件进行测量。可以看到QQ9.0版本的去线化设计，利用大间距来区分各个模块，去掉了其他的干扰元素，整体的界面模块看起来非常整洁轻盈以及富有呼吸感。统一的圆角化设计也让整体设计符合流行趋势，显得更活泼。

6.5 质感与风格分析

关于界面的质感则是不同于扁平化的一个设计，即有的页面在你看来细节会更丰富，层级会更深。界面质感通过渐变，叠加，透明度等不同方式来呈现，比如在QQ音乐中的会员界面卡片，则体现了微质感：

上方的会员卡片就加入了渐变和图案叠加的方式来为卡片增加质感，让整个界面显得更精致。当然，叠加的图案都是与内容相关的，不能为了叠加而叠加。包括下方的权益图标，也采用了渐变的方式来让整个图标显得更精致和有质感。我们再处理质感的时候也可以用这种方式来进行。

以上通过“形色字构质”来分析是属于单个分析，相当于去拆解一个成熟产品中的每一个细节点，从而去学习和吸收。我们还要学会进行对比分析。把单独某一个功能模块拎出来，通过不同类型的对比从而归纳出这一类的设计方法和样式，进而总结相应规律。

比如某一天你需要设计一个歌单列表，你此时就需要分析所有TOP排行的歌单列表，看看分别都有什么，从而总结归纳出结构来，再进行分类。

通过分析提炼，形成以下结论并进行相应的概念风格展示设计：

这样，我们最后制作出来的方案才能涵盖比较全的解决方案，从而能够更好的助力设计产出。上图的产出可能稍显简陋，但只是做一个简单的示例，真正的产出应该更加有细节和落地，也要结合自己的工作需求做相应调整。

7.关注竞品的版本迭代和用户评价：

关注版本更迭，阅读竞品版本更新的详细说明，你可以从中得出版解决了什么问题，提升了哪些体验，添加了哪些功能，融合了什么流行的设计趋势。产品迭代就是团队通过用户需求对某个产品不断完善的一个过程。迭代对于一个产品来说是至关重要的，一个产品如果不想被对手超越，就必须不断的对版本进行更新迭代。

除了关注具体的内容，你还可以观察版本更新的提示信息，例如夸克浏览器在每次更新时总会用富有趣味的文案来打动你，从而让你更加情愿去更新，提升新版的使用率。

用户评价则更不用说，产品的最终服务对象就是用户，用户评价的重要性自然不言而言。不过我们要客观辩证地去看待用户的评价，吸收好的建议，屏蔽无脑的意见，从而能够正确地迭代版本。用户评价的查看可以使用App Store或者用户评价网站（https://appbot.co/）去查询。

总结

以上的篇幅较长，看下来可能会有一些累，那么此篇文章提及到的点在这里回顾一次：

1.竞品分析的定义-站在巨人的肩膀上去学习；

2.为什么做-基于自己的目的去进行对应的竞品分析，分析的最终目的是解决自己在设计过程中遇到的问题；

3.竞品分析分为三个层面：视觉分析、交互分析以及商业分析；

4.怎样进行商业分析（商业背景、盈利模式、用户人群）；

5.怎样进行交互分析 （用户路径、核心路径、交互细节）；

6.怎样进行视觉分析 （从“形色字构质”五个维度去分析以及如何对比分析应用）；

7.竞品的迭代和用户评价的重要性。

自己有一个小习惯，看完每一篇文章，总会告诉自己一定要在脑海里回顾一遍，思考一下这一篇文章到底有什么观点是自己之前没有想到的，哪怕只有一点是没触及到的知识盲区，那么这篇文章之于自己就是有意义的。所以希望大家看完能有些许收获那便是最好的了。

写这篇文章的目的是给自己的竞品练习做一个总结，以输出倒逼输入是一种比较有效的学习方法。但基于自己的水平有限，在某些分析的地方仍然存在不足和疏漏之处，希望大家谅解并及时交流。感谢大家看到这里，希望大家每天都进步～

转自：站酷-进击的M 

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

一.生活中的反面案例

故事要从我搬到新出租屋开始讲起。半年前搬到新的出租屋后，房间里配置的洗衣机也比之前的大了一倍，而且操作区上分布着的密密麻麻的文字和按钮让洗衣机看起来更高级了，然而这种对它的好感并没有持续多久。在我第一次使用它时，我将衣物放进洗衣机后，选择好时间和洗涤方式，按下了启动按钮（如下图右侧白色按钮）。

按下后洗衣机发出了“滴”的一声，在我的认知里它应该是开始工作了，但是10秒过后没有任何抽水声和洗衣服的声音。我疑惑地想：“是不是刚才并没有成功启动？”，于是再次按下了启动按钮，又是“滴”的一声，但是这次我等了 1 分钟没有任何反应。之后的十分钟里，我与这台匪夷所思的机器“交涉”多次才理解了它的运行方式。这台洗衣机启动后需要等待大概十几秒才开始运行，但是在我按下启动按钮后我得不到任何反馈或者提示来告诉我洗衣机已经开始工作了，所以疑惑的我又按下了一次启动按钮，然而令人崩溃的是这台洗衣机的启动和暂停按钮是一体的，我第二次按下实际是进行了暂停操作，从而导致我第二次的困惑。

如果你是这台洗衣机的设计师，你会怎么解决上述的问题呢？

可能你的心中已经有了答案，在回答之前我们先试着探究问题的本质。

人们不管是使用日常物品还是与机器进行交互，都会面对两个阶段的问题。一个是「执行」，一个是「评估」。执行时用户需要理解如何操作，操作后可能会有什么结果。评估时用户需要知道具体发生了什么。作为设计师我们要通过合理的手段帮助用户解决这些问题，保证交互的可用性和流畅性。

通常我们会使用「意符」在用户执行前告知用户如何理解、如何操作、操作后会有什么结果。在评估前通过「反馈」告知用户结果是什么。

对于意符的定义，在《设计心理学 1-日常的设计》一书中，作者唐纳德·诺曼做出了这样的解释：

人们需要某种方式了解他们将要使用的产品或服务，某些标识表明的用途，会发生什么，有什么样的替代方案。人们寻找蛛丝马迹，寻找任何可以帮助他们应对和理解的符号。任何可能标识出有意义的信息的符号非常重要。设计师需要提供这些线索。人们所需要的和设计师必须提供的，就是意符。除此之外，优良的设计要求对产品的目的、结构和设备的操作与使用者进行良好的交代。那就是意符的作用。

简而言之，意符就是在用户使用前，机器为了让用户更好地理解和使用它而做出的提示。而反馈就更好理解了，机器在我们操作后做出的反应就是反馈，没有反应同样也是一种反馈。

下图展示了机器与用户如何进行交互。一个合理的设计可以让用户快速顺畅地进行 1234 四个步骤进而完成任务，而糟糕的设计会让用户不断重复这个流程。之所以会出现糟糕的设计，就是因为在步骤 1 和 3 没有进行合理的意符提示和反馈提示让用户摸不着头脑，进而导致用户根据自己的猜测和过往经验来进行操作，最后得到非预期的结果。

回到文章开始时的洗衣机开关问题，因为开始和暂停按钮是一体的，在没有任何意符和反馈的情况下我按下这个按钮时我并不知道我启动的是开始操作还是暂停操作。

我们可以就这个问题列出以下解决方案：

    1.增加文字提示，如启动时在显示屏上显示“已启动”，暂停时显示“已暂停”；

    2.增加语音提示，启动开关后使用语音告知用户“已启动”或“已暂停”。

当然解决方案有很多，每个人都可以根据场景想出不同的解决方案。

与现实机器的开关类似，在 UI 设计中我们如果进行开关设计也需要遵循相应的设计原则。

一个合理的开关设计主体包含的意符分别有两种：

    1.表示当前状态；

    2.表示操作后的状态。

主体之外我们还可以添加辅助提示更加清晰地传达意符和反馈。

接下来将介绍一些常见的开关类型和辅助提示类型，最后总结出体验优质的开关设计方法。

二.开关类型

1.icon

在 UI 设计中最常见的开关可能就是 icon 了，即由单一的 icon 通过颜色或图形的变化来表示开或关的状态。因为交互设计从古到今并没有统一的严格标准，所以到底是将开关 icon 的样式设计为「当前状态样式」还是设计为「按下之后的状态样式」并没有一个约定俗成的规则。然而，对比而言如今各类 App 设计中常见的且体验比较好的方案还是将开关样式设计为当前状态样式。如下图iPhone自带相机的实况照片开关icon就是显示当前状态。

然而，并不是说将开关样式设计为当前状态样式做法普遍且体验更好就可以这样做了，有些开关的设计因为使用广泛，已经在用户的心智中扎根，我们如果强行改变反而适得其反导致体验变差。最典型的就是视频和音乐的播放暂停开关，他们表示的就是操作后的状态而不是当前状态，如下图。

因此，大部分应用的开关类 icon 都是混用当前状态和操作后状态的，如下图哔哩哔哩的视频播放界面，播放暂停开关 icon 表示的是操作后状态，弹幕开关表示的是当前状态，而视频锁开关 icon 又变成了表示操作后状态了。

是否统一倒不是关键，关键是我们是否能够让用户理解相应的意符和反馈，目标是让用户在操作开关前能够知道当前状态是什么，操作开关后当前状态是什么。

举一个反例，下图中的美颜相机的夜拍模式开关就没有直观表现出当前是开还是关，这种有歧义的设计可能让新手用户手足无措，可能本来未开启的功能让用户误以为已开启，导致拍出来的照片不符合用户预期。

由此我们可以看出，单一的 icon 开关如果没有其他的辅助提示会造成意符和反馈的缺失，进而形成较大的歧义性，用户会在疑惑中按照自己固有的心理模型和过往经验进行判断，体验因此降低。

2.主体与开关分离（分离式）

上一部分举了美颜相机的反例，其意符和反馈不明产生的歧义问题导致了用户的困惑，但使用「主体与开关分离」（后文一致简称为“分离式”）的开关设计可以解决这个问题，它在意符和反馈层面都给予了用户提示，可视性很强，完全解决了开关状态无法被用户感知的问题。分离式开关指的是，主体不再充当开关，只当做开关的名称或icon，另外制作一个开关传达意符和反馈，解决了当前状态与操作后状态混淆的问题，其通常的样式如下图。

如下图，Faceu激萌不同于美颜相机设计方式就是将主体与开关分离，很清晰地传达了当前开关状态。

大部分App的设置页面使用的开关都是主体与开关分离的方式，如下图。

显而易见，分离式开关直观展示了当前状态，在消除歧义方面优于 icon 开关，但同时缺点也很明显，它占用了过多页面空间并美感欠佳。

3.名称变化

名称变化指的是开关依赖于其名称的变化告知用户开关的当前状态和操作，常见的类型如下：

部分 App 会将开关的名称变化的方式统一，但也有部分 App 会将这两类进行混用，即一个是表示当前状态，一个是表示操作。

下图为部分 App 的名称开关，我们可以将上图的开关名称类型的序号对号入座。

表示操作的按钮文字具有一定引导性，用户容易感知和触发，反之，表示状态的按钮文字由于不具有引导性，如果用户没有对这类按钮形成使用习惯甚至难以意识到它是可点击的，因此我们可以利用其特性进行逆向应用引导用户的行为。比如在直播App中，我们希望引导用户关注主播，又试图避免用户关注后又取关主播。我们就可以将“关注”制作为表示操作，文案写为“关注主播”（属于1.开启...）。将“取消关注”制作为表示当前状态，文案写为“已关注”（属于7.已开启...）。前后的颜色进行区分，“关注主播”的按钮制作得对比度强，吸引力大，“已关注”做得弱一些，让用户误以为不可点击，如下图的斗鱼直播。

然而，名称变化的开关由于语言的模糊性，仍然造成了部分歧义。我们可以发现很多App的名称变化开关设计中，都会在操作后加入其它提示来消除歧义（如：toast 提示），有些App则并未加入，因此在后文中会着重介绍辅助提示的优点和使用方法。

小结

icon、分离式、名称变化，如果按照消除歧义的优劣排列的话，大概是 分离式>名称变化>icon。

那这样的话是不是应该把开关都换成分离式呢？当然不是，分离式虽然在意符和反馈的层面很充分地消除了歧义，但是其也有明显的缺点，分离出的开关会占用部分空间，可能会影响美观，因此我们需要根据需求和页面结构选择最适合的开关类型。

那名称变化和 icon 类的开关如何消除歧义呢，我们可以通过添加下面介绍的辅助提示来解决。

三.辅助提示

1.环境暗示

环境暗示指的是用户在操作开关前，开关以外的区域给予用户的提示，这些提示本身存在于交互流程中并不是我们刻意加入的，用户根据这些提示可以判断当前状态以及按下开关后的状态。

例如在观看视频时，当用户去按下视频播放按钮前，用户会通过当前图像静止与无声音这个环境暗示明白当前状态是可能是视频未播放，所以应该按下播放按钮让视频播放。

再比如得到 App 的夜间模式，用户可以通过当前界面的样式判断当前是否已经开启了夜间模式，如下图。

看下图，如果没有环境暗示，你能分清得到的夜间模式的开关哪个当前状态是夜间哪个当前状态是日间吗？

因此，环境暗示的优势是我们不需要进行另外设计其他的意符和反馈告知用户当前状态，环境给予的暗示已经足够直观。

2.模态/非模态提示

当用户按下开关后模态和非模态提示可以在反馈层面告知用户，让用户知道自己是触发了开启还是关闭。

常见的模态提示控件是「警告框（Alerts）」，非模态提示控件是「提示框（Toast）」，前者提示强度大，使用在一些危险、重要的反馈中，后者则使用在一些轻量的提示中。

介绍 icon 开关的部分我们提到了美颜相机的夜拍模式的 icon 开关状态难以区分，但美图秀秀在这里使用了顶部的非模态提示在反馈层面告知用户当前状态，很好地解决了这个问题，如下图。

拉勾网的设置中，隐藏简历为危险操作，用户极有可能由于开关名称的歧义或由于疏忽触发开关导致简历被隐藏从而错过工作机会，因此此处设计了一个形式为警告框的模态提示来告知用户当前状态以及潜在风险。

3.辅助文案

辅助文案指的是在主体（主体可能是开关名称、icon 或二者皆有之）之外另外放置一些文案信息来充当意符和反馈。下图案例就是高德地图的下车提示的开关，开关的主体是名称，但是下面的一行辅助文案很清晰地传达了当前的开关是什么状态。

4.其他辅助提示

并不是所有提示都需要让用户看见，我们可以给予用户其他感官的信号告知用户当前开关的状态。

在现实生活中，我们会通过钥匙在锁中扭动发出的声音判断锁是否被打开，通过触摸感受摩托车是否继续震动判断其是否已经熄火。

同样，在 UI 设计中，我们也仍然可以使用听觉和触觉来消除开关的歧义。一个比较优秀的案例是高德地图，当用户打开下车提示之后，会出现语音提示“已开启下车提醒”，它充分考虑到身处户外的用户可能并不能很方便地获取屏幕上的视觉信息，因此使用语音的形式提示用户。

小结

辅助提示很好地补充了开关在消除歧义上的不足，但我们需要合理使用否则就会产生不必要的视觉噪声。如下图，试想音乐的暂停播放开关如果加入的 toast 提示会怎么样呢？由于我们已经可以通过“手机是否发出声音”这个环境暗示获知当前的开关状态，如果再加入 toast 提示必然会出现不必要的视觉噪声。

4.总结

介绍完开关类型和辅助提示后，我们如何将其应用到我们的产品中，设计出无歧义或低歧义的开关呢？

如果我们选择的开关类型已经足够的消除歧义，如分离式，我们就不太需要额外地增加辅助提示了。但是如果使用容易造成歧义的开关，我们可以按照（开关类型+辅助提示 1 +辅助提示 2 +......）的公式进行设计，即一种辅助提示不足够消除歧义，可以使用多种一起。

举个上文的例子，高德地图的下车提醒开关的设计就是「名称变化开关+辅助文案+语音提示」 的组合。

然而，任何设计都不是完美的，很多地方都需要我们做出妥协，虽然我们可以选择合适的开关类型和辅助提示解决歧义问题，但随之而来就可能出现其他问题。如分离式开关消除歧义效果很好，但是占用空间且不美观，模态和非模态提示给予用户的反馈比较强，但是可能打扰到用户。

综合上文提到的三款相机软件作为案例，如下图，我们可以发现在消除歧义的过程中避免不了对用户造成的干扰或页面美观度的降低。我们很难去评判Faceu激萌、美颜相机和美图秀秀哪个设计得更好，它们只是在易用性和美观性之间找到了它们所认为的平衡点。具体如何设计，还是要具体问题具体分析。

那么我们应该如何进行取舍呢，在这里我们要考虑另外的因素。我们可以从以下角度分析，使用频率、用户人群、潜在风险等。

使用频率：使用频率越高，用户对操作的熟悉度越高，歧义对用户造成的理解与记忆成本就降低了，设计可以偏向低干扰和美观度，反之使用频率越低，歧义对用户造成的理解与记忆成本升高，设计就应该偏向于易理解。

用户人群：不同的用户人群的风格偏好、认知能力是不一样的。例如，我们要设计一款目标用户为年轻人的相机产品，设计风格简约，此时我们比较偏向的设计方案可能就类似美颜相机。反之，如果我们的目标用户是中老年人，就要偏向于易用而牺牲美观度，方案转而偏向美图秀秀或 Faceu 激萌。

潜在风险：开关的切换如果会导致潜在风险，设计就应该偏向于易理解，且需要使用模态提示告知用户风险。例如用户如果关闭了推送通知开关，会导致接收不到实时重要的信息通知，此时不仅要使用易识别的开关类型，还需要添加模态提示告知用户风险。

我们可以将这些考虑角度放到雷达图，如下图所示，最终形成的面积越大我们越应该将按钮制作得易理解、易使用，反之我们可以偏向于将开关制作得更美观牺牲一些易用性。考虑到一些特殊产品的特殊用户属性，我们可以在下图中增加其他考虑角度，其并不是一成不变的。

以上是本次对开关设计的思考，看似小小的一个开关，包含的学问却不胜枚举。作为一个互联网产品设计从业者，一定要善于感受生活，用设计师细腻的内心去打量、洞察身边的一切事物，发现美与不足，思考改进方法，并在这个过程中逐渐提升自我的价值。

转自：站酷-Ballen贝林 

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。