苏儿菌 千头万绪!该如何解决产品遗留的一致性问题
加入收藏 评论

千头万绪!该如何解决产品遗留的一致性问题

69 天前 发布

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

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

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

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

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

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

目录

  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

41
41位设计师推荐
苏儿菌 Direct Lenders vkvfpm 小石头 云~~在飘 Tobrum Mr.Bin 挨踢猫 ½ 弘易 安和桥北 xch173 . 逗比_鑫 一带一路 海豚  yccc 七屮天 v 空城。 紫云英 水光潋滟晴方好 海风吹 乐_□ hentai double 备用QQ Quick Loan 栖止木 Payday Loans Online gxingy 小蒋 好想告诉你 ClrZYqAPSdgz xuexiUI April『De』幸福 小苏 紫色的夏天 杰森叔叔 tiuwl Normathome
苏儿菌
设计实验室:车载交互(HMI)的一些设计探索 千头万绪!该如何解决产品遗留的一致性问题
您还没有登录,登录后发表评论!还没有账号?立即注册

Copyright © 2011 - 2020 UIYuan设计师交流平台, All Rights Reserved. 皖ICP备18024424号-2

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源,商业媒体及纸媒请先联系:service@uiyuan.com

UI园会员交流QQ群: 233748945 / 73425514