关于产品设计中的一致性原则

本文主要介绍在产品设计中关于一致性原则分析,一致性原则也可以被称为统一性原则。

关于产品设计中的一致性原则

1.从设计和研发的角度来说,一致性原则的确立可以极大地缩短功能迭代的周期,因为很多流程可以直接复用;

2.从用户的角度来说,一致性可以减少用户的学习成本,我不用重新去学习操作流程;

一致性原则是非常容易受到忽视的,因为它很难暴露出来。去年我曾经梳理过我们产品第1 季度用户反馈的问题,发现关于产品一致性问题的投诉量只占到2%左右。不要误会,投诉量低不意味着产品一致性做得好。一致性问题的本质就是A与B不一样,这就是要求用户最起码用过A和B两个场景并且注意到有不一样的地方,这个要求很高。

关于产品设计中的一致性原则

例如,上图所示的两个协议页面,一个是返回按钮;一个是关闭按钮。用户不一定都进入过这两个页面,就算进入也不一定会注意到这个问题,即使注意到了这个问题,也不一定会反馈。因为不管是返回按钮还是关闭按钮,用户点击了都能离开这个协议页面,不影响正常使用。用户没有动力反馈,除非我们给用户提供相应的激励,不然此类问题我们很难收集到。

这就表明,对于一致性原则的优化,我们不能靠用户来给我们反馈,设计师必须要具有强大的自驱力,要主动排查及寻找自己产品中的问题。

如何实现一致性原则

何为一致性?一致性就是产品设计中共有元素的集合。以知识星球APP 为例,其底部菜单栏中的每一个icon都具有“断线”的设计特征,这里的“断线”就属于共有元素。

只是星球APP

因此,要实现一致性原则,总结起来有两个阶段:1 发现共有要素;2 将共有元素植入产品设计中。

可是从哪里才可以找到足够多的共有元素呢?首先我们可以考虑从品牌入手,品牌可以在用户心中创建一种产品区别于其他竞品的态度,有效的品牌化处理可以为产品或者服务增值。

品牌是一个很抽象的概念,我们可以从品牌中提取哪些共有元素用于具像化表达呢?1 品牌色;2 品牌标识;3 品牌定位。

1)品牌色

品牌色是应用最多的,大多数产品界面的主色调就是品牌色。以网易为例,其旗下所有的产品都采用了网易红。这种配色上的统一可以让不同的产品线之间产生很好的关联感。

关于产品设计中的一致性原则

2)品牌标识

成功的品牌标识,用户一看到就会联想到你的产品。最常见的品牌标识就是logo,没什么比一个logo更能直观的代表一款产品了。

当然这不意味着我们需要把logo整体挪到界面设计中,我们可以提取一些关键的视觉特征进行植入。飞猪APP 的搜索框设计没有选择普通的矩形或者圆角矩形样式,其右半部分明显是参照了其LOGO的视觉特征。

关于产品设计中的一致性原则

除了logo,另一个比较常用的品牌标识就是吉祥物。经常关注nba的球迷,看到这只贱贱的熊就立马会联想到休斯敦火箭队。

吉祥物

在互联网企业中,也有类似的应用。例如,腾讯的企鹅、阿里的蚂蚁和京东的狗。当然这里说吉祥物也不太合适,因为很多产品直接采用了动物形象作为logo。

微众银行是由腾讯发起并设立的,其主体视觉形象是一只企鹅,在其APP 界面设计中这只小企鹅的出镜率非常高。这样的设计无时无刻不在向用户传递一个信息——钱放在我这,你放心,因为我的背后是腾讯。

微众银行产品设计

3)品牌定位

品牌定位会影响产品的设计风格,例如你做一个读书、旅行类的产品。你的品牌定位决定了你的主要目标用户群体是文艺青年,那么针对文艺青年,你的产品界面设计就要简约大方,宽间距,配色少,保持界面的“呼吸感”。

关于产品设计中的一致性原则

当然并不是所有的一致性元素都要从品牌上去抠,在一些节假日期间,我们会选择节日元素,例如国庆节快到了,将国徽元素融入到icon设计中就是一个很好的创意。

关于产品设计中的一致性原则

反一致性原则

看完这里估计大家以为我分裂了,前面刚提到要怎么实现一致性,这里怎么又要反一致性。其实我一直认为,设计师最核心的能力就是思辨能力。设计不存在「非黑即白」的理念,永远都没有一个完美的设计方案,任何一个最终落地执行的方案肯定是多方妥协的产物。所以设计师需要学会站在不同的角度看待问题,因为任何事物都是有两面性的。那么一致性原则有哪些弊端呢?

1)设计师角度

要保持产品设计的一致性,我们需要建立一套视觉、交互甚至是文案层面的设计规范。设计规范作为设计准则,可以帮助我们提升工作效率。但是设计规范也不能做得过于详细,因为越详细,那些条条框框就会在产品迭代期间禁锢设计师的创造力。最终整个团队做出来的产品像是一个人做出来的,后来的设计师的工作就是直接沦为“图层搬运师”,这样真的合理吗?

我之前曾经负责过一个项目,领导让我设计其中基金专区的界面。虽然设计整个专区看起来工作量好像很大,但主要工作就是搬运图层,因为现有的设计规范已经包含所有的场景,我直接套用就行了。那段时间划水严重,感觉自己没有任何长进。

2)用户角度

我在前面也提到过用户很少反馈产品体验中的一致性问题,当然不能依此断定用户不关心一致性问题。但是这种现象最起码表明了,对于用户来说,一致性问题优先级不是很高。那么用户真正关注的是什么呢?

同样的一个任务,与竞品相比,你可以提供更省力的交互方式,更简短的操作流程。

例如,同样的一个设置出生日期任务,去哪儿旅行的默认日期是今日,而抖音的默认日期的2001年1月1日。18岁正是抖音主力用户的年龄段,这样的默认年份设置可以减少用户的操作步骤。

关于产品设计中的一致性原则

因此如果一致性原则会增加用户的操作成本,个人建议舍弃。以在线客服为例,在线客服是一个共有的模块,不同的业务线都会调用。那么在入口设计上,我们要注意保持一致性。但是过度追求一致性就会损害易用性,因为在不同场景中用户对于客服的诉求是不一样的。相对于生活缴费,用户对于借钱这个场景更加敏感,有更多的问题要去确认。这笔贷款的利率是怎么算的啊?还款方式是什么样的?会不会影响个人征信?因此在借钱页中,在线客服的入口会被放置在更加显眼的右上角,而生活缴费页的入口被放在界面底部。

关于产品设计中的一致性原则

在抖音里,不知道你没有注意到视频的分享按钮是不一样的。这难道也是一致性的问题吗?这是因为当你连续看了两遍之后,那么可以判断你比较喜欢这个视频,就会直接提醒你分享到最大的流量池——微信朋友圈。

关于产品设计中的一致性原则

总结

如果把设计师看成是导演,产品中的一致性问题相当于电影中的穿帮镜头。对于穿帮镜头,其实观众也不一定能够看出来,抗日剧中出现AK47怎么了?因为也没几个观众能认得出来AK47。但是真正大师级别的导演对细节都有着近乎病态般的偏执,这也使得他们的作品每一帧都值得推敲。这就是所谓的“不疯魔,不成活”。

抗日剧图片

这个理论在产品设计中同样适用,真正影响用户体验的往往就是那些一个个不起眼的小细节。不要有侥幸心理,这里的间距是6 像素,那里的间距是8 像素,差两像素的问题,用户看不出来。的确,用户没有“像素眼”看不出来,真正可怕的也不是这两像素,而是这种对错误已经妥协了的心态,一旦有了这种妥协且侥幸的心态,就意味着产品中后续会出现很多类似的“两像素”问题。对于一致性原则的苛求,不仅仅是对用户负责,也是对自己负责。

本文由 新媒体运营 作者:王M争 发表,其版权均为原作者所有,文章内容系作者个人观点,不代表 新媒体运营 对观点赞同或支持,未经许可,禁止转载,题图来自Unsplash,基于CC0协议。
1

发表评论