我们都知道“一致性”很基础很重要，是产品中相同的视觉、交互等应该表现一致，不得随意变，也可以理解为统一性、一贯性。保持一致性对产品和用户来说都能带来不少好处。

 

对产品开发团队，可以复用资源，降低设计和开发成本；产品体验能够保持在一个比较稳定的水平，设计风格、交互操作不易出现大的问题，人员更替下能够比较顺利地接手工作；也有利于产品品牌建设，提升品牌辨识度。

 

对用户而言产品的一致性可以减少用户的学习成本，快速上手熟悉产品的使用。用户在新的产品中，需要学习的操作越少，满意度和体验感则更佳。

然而在工作中却还是会遇到不少关于一致性的问题，特别是体量较大的产品，随着功能的不断拓展和完善，在从最初的探索期、成长期，逐渐往成熟期过渡的过程中更容易出现，给产品带来不良体验。

 

那么今天我们就来分析一下造成不一致性的原因，以及应该如何更好地保持一致性、一致性与规范的使用问题，希望与大家交流讨论~

 

目录

1.不一致的原因

2.如何保持一致性

3.一致性与规范的使用

1.不一致的原因

不一致的原因总结起来多源于三个方面：时间、空间和人。

时间

我觉得时间带来的不一致有点像化石在地质层中的分布，在不同地层中我们能看到各个时间段的生活在地球上的动物。

同样的在产品中，也有可能还保留着不同风格时期的痕迹。比如按钮有几种风格，出现在产品的不同功能页面。

这源于在产品的探索期与成长期，无论是功能还是体验，都还处于在尝试中逐渐定性稳定的过程。为了让产品活下去和活得好，可能需要做大量的功能筛选与风格尝试，但我们不能保证每一个页面都能及时更新。

 

比如某个功能在上线后没有大的体验问题，已经能够满足当前用户需求，后续又没有较强的突破点带来明显数据提升的话，很有可能就会被搁置暂停更新，将设计与开发资源投入其他项目。产品不断向前，但中间仍有停滞的部分，从时间上带来了不一致。

空间

一个产品的各功能，常常分属与不同的团队在做，如果团队之间没有即使拉通各自的项目情况，那么即使是在同一时间线点进行的项目，也有可能出现不一致的情况。

 

比如一个桃心❤的图案，就有三种不同的表意，在电商平台可以是收藏，在收藏夹中能查看；在内容产品可以是喜欢，表达赞同的态度；到游戏中代表生命，是机会次数的记录。

三种表意都有常见的例子，都没有错，但如果三种表意出现在同一产品中的不同功能中，那就会让用户产生疑惑，这是空间上带来的不一致。

人

从我目前遇到的问题来说，个人因素的影响在视觉方面更容易被感知到。因设计师太强的个人风格，所带来不一致问题常出现在新人或是新项目中。

 

不仅仅是个人，有时也涉及到跨部门之间的合作。比如与UI界面紧密相连的运营图，要达到图与页面的风格调性上的匹配和一致，需要UI与视觉双方的磨合协调，而人员的流动更替是一个不确定因素。

2.如何保持一致性

前面了解了一致性的优势以及可能导致不一致的原因，接下来我们又该从哪些方面来对产品展开排查和梳理呢？总的来说可以分成对内和对外两部分。

对内

· 视觉

视觉的一致性包括产品的色彩、形状、字体、图标、插图、布局、风格、属性等，是产品整体的设计风格在不同页面给用户的视觉感受是一致的。下图中包含两个产品的页面，即使不做备注，光从视觉我们也能轻松辨认分组。

波洞与快看漫画二者都是动漫类产品，产品有比较强的风格特征，保持了自身视觉上的一致性，提升了品牌辨识度，更容易增加用户对品牌的认同感。

· 交互

交互操作的一致性分为两个方面：一是产品内部的交互方式应保持一致，比如淘宝中点击底部tab首页、微淘、购物车图标，都会返回顶部。

二是与普遍操作习惯保持一致，比如右滑返回、下拉刷新，是大众普遍认可和习惯的操作，在产品中也应保持一致的交互体验。交互方式的一致，让用户更容易使用和掌控产品，有利于建立对产品的信赖感。

· 迭代

在迭代中保持产品的一致性。互联网时代的快速发展，焦点小组、设计冲刺、敏捷开发……我们利用各种方法让产品可以更加快速的迭代，不断优化，满足用户需求。

 

但即使是在这样快速而频繁的迭代中，也还需要保持产品主体与原来版本的连续性和一致性，不要轻易破坏产品与用户之间的默契，彼此的熟悉感才是好感的来源。在微信5.1版本到现在的7.0.11，经历了57个版本从2013年到2020年七年的迭代，中间可能拓展完善了很多功能，但主页的改变依然控制的非常小，保持了产品的一致性。

当产品不得不进行较大更新和改变时，也需要重点提示和引导用户，帮助其了解新的变化。

 

· 产品线

同公司的不同产品之间保持一致性。比如Sago Mini的产品，从图标和预览图，就能轻松识别出是来自于同一个公司的产品。

网易公司出品的游戏，在图标右下角附上LOGO也是保持一致性的一种手段，在不同类型主题的产品加入统一元素。

产品线之间的产品保持一致性，能让用户更好的辨认，建立品牌性，赢得用户信任。知名品牌更是应该利用这一优势，以帮助新产品能够迅速打开市场。同时一致的操作用户也能更快速手上，降低学习成本。

 

· 多终端

随着网络和移动设备的发展，产品也越来越重视在不同设备的显示，多终端也就是指产品在不同设备如手机端、pad端、PC端、车载系统、手表等的显示要保持一致性。

对外

· 与所在平台的一致性

每个平台有自己独有的设计语言，产品尊崇平台的设计语言，对习惯了该平台的用户来说，更加友好和容易掌握。比如习惯了Mac的同学，突然用Windows就会很变扭，一直用Windows的同学，换到Mac也会需要一段时间来适应，因为各自的操作习惯不一样，产品也会选择相应的方案。

· 与竞品的一致性

与竞品的一致当然不是去抄袭复刻竞品，这里更多的是求同存异，做到不突兀，符合已经培养起来的大众使用习惯，也保持自身的优势和特色，只有这样才能更好地支持产品活下来，不轻易被取代。从下面各电商的对比中就能看出，它们都是在保持页面结构、商品列表、详情等基本一致的基础上，再突出自己的特色。

 

比如豌豆公主，主打日本正品海淘直邮，日本达人帮选购，还原100%日式风格，品牌直供，排行榜等都是自身特色。

 

得物（毒）在传统电商模式的基础上添加“鉴别服务”，“先鉴别，后发货”的购物流程。包括商品的3D全息空间，让用户浏览时实现可操控式自转，720度无死角查商品，都是与竞品拉开区别的强有力优势。

这点对于新产品、新平台来说也很重要，保持用户在其他竞品中已养成的习惯，才能帮助用户在短时间内更好的接受自己的产品。腾讯漫画为用户提供了多种阅读模以供自由选择，尊重用户的阅读习惯，减少因阅读模式的不一致引起的用户迁移。有时候很有可能用户就因为缺少常用的操作方式，而放弃一个新平台。

3.一致性与规范的使用

以上是我在最近工作中排查产品页面时对一致性的一些思考，后续具体执行则是建立和完善设计语言、设计规范及相关组件库，应用于后续设计中；将现有问题梳理分类，并排定优先级将其纳入产品的迭代中，逐步解决并统一。（关于这部分内容有机会将在以后文章中再详细展开，感兴趣的小伙伴也可以关注一下~）

详细的设计规范及统一的组件库，让团队的多人合作更加顺畅，成功避免了很多不一致的问题，也是提升工作效率的好帮手。但同时也应保持警惕，不能让规范成为束缚创作力的枷锁，让自己成为只会套图的工具人，失去思考和创新的能力。

 

追求一致性最终是为了保证或者提升用户体验，所以如果当前规范无法满足需求，或是发现了更好的方式时，规范就需要为体验让步，而不是盲目坚持，墨守成规。保持思考能力，及时更新和创新，规范不是静止不变的，也需要我们的维护来完成生长和迭代。

划重点

· 不一致的原因总结起来多源于三个方面：时间、空间和人。

· 保持一致性对内应注意视觉、交互、迭代、产品线、多终端5个方面；对外需保持与所在平台及竞品的一致性。

· 执行时可从两方面考虑：1.建立和完善设计语言、设计规范及相关组件库，应用于后续设计中；2.将现有问题梳理分类，并排定优先级将其纳入产品的迭代中，逐步解决并统一。

参考文献

http://dwz.date/BQ7

http://dwz.date/BQD

http://dwz.date/BQA

封面插画@Matheus  glazestock.com