恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
千头万绪!该如何解决产品遗留的一致性问题
0.0°
2020-03-18 原创文章 经验/观点 举报 9376 60 237 4

全面排查解决散落各处的“一致性”问题!

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

 

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

 

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


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

 

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

 

目录

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



Powered by Froala Editor

更新:2020-03-18

收藏

60人已收藏

焱小玖

念念不忘 必有回响

  • 26

    作品

  • 1916

    粉丝

  • 53

    关注

  • 学习产品能力勋章
  • FM电台-少儿英语学习
  • FM电台-少儿英语学习
  • 儿童产品中的布局使用(下)

    猜你喜欢

      2020-03-18 原创文章 经验/观点 举报 9376 60 237 4

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

      0.0°

      你确定要举报千头万绪!该如何解决产品遗留的一致性问题

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年03月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      237
      60
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录