[Src: 人人都是产品经历/产品大峡谷， 2024-04-26. 就改个字体颜色，怎么这么伤害用户体验？]

UI视觉设计:修改字体颜色导致的过度设计伤害用户体验

“设计是解决问题的过程，而不仅仅是制造漂亮的东西。”

上面这句话是唐纳德 • 诺曼在《设计心理学》一书中所表达的观点，众所周知，唐纳德 • 诺曼是全球知名的设计师，还是全球知名的用户体验研究机构——尼尔森诺曼集团(NNG)的联合创始人。

所以，我们可以说，创造用户价值是设计者的天职。

咱们产品经理作为产品设计人员，天天与需求打交道，似乎每时每刻都在创造用户价值，不过，根据镜同学的观察，不少产品同学其实都没有真正理解这个设计内核，总是习惯追逐于漂亮的东西。

但其实，抽象业务场景、解决用户痛点，远比华丽的界面、复杂的交互要更有价值，这个道理很朴素也很深刻：用户需要的从来都不是好看的皮囊，而是能解决其真实需求、与其共鸣的灵魂。

从这个角度来重新理解产品设计，很多现象背后的困惑、不解瞬间便豁然开朗，与此同时，这个价值标尺不仅可以用来衡量高质量、有实效的产品设计，更能筛选过滤出低价值、逆常识的伪需求。

我们一起来讨论下。

一、云闪付：字体颜色带来的逆更新

“云闪付”是我常用的APP之一。

除了偶尔薅个本地羊毛、领个优惠券之外，镜同学使用相对高频的功能就是”信用卡还款“，因为我平时也在使用好几张信用卡，而使用云闪付来进行管理和还款极为方便，毕竟其背后主体可是中国银联股份有限公司。

就在前几天，我发现云闪付更新了新版本，而“信用卡还款”这个模块也有一些变动，这个变动若单从业务逻辑来看，可以说是零更新；但若从用户体验上来看，我个人觉得变动还是很大的。

注意，镜同学一直说的都是变动，而不是升级，因为在我看来，这次更新是退化、是逆更新。

大家可以先看下对比图：

仔细对比后，我们可以清晰的看到，这个页面的设计更新主要有四点：

①新增“分期”和“还款”按钮，即，按钮位置由原二级页面前置在该一级页面，用以提高用户转化率；

②隐藏了“到期还款日”这个字段。

③“剩余应还金额”由醒目的红色字体，变为黑色字体。

④更新后的卡片顶部区域增加了渐变色，而且这个渐变色是获取的银行logo色，如，第二个卡片顶部区域是橘色，因为平安银行logo是橘色；第三个则是中信银行的

OK，接下来咱们从产品设计角度来做个简要的分析：

首先，新增“分期”和“还款”按钮，用以提高业务转化，这个本无可厚非，但过多的操作按钮会造成用户焦虑，尤其是在多卡片呈现上，一个页面几乎都是按钮，非常影响用户体验。

其次，这次更新主要体现在视觉效果上，更新前红色的“还款金额”和红色的“到期前预警”都是非常高价值的，因为在这个页面，用户核心诉求就是还款管理：用户需要清晰地看到欠款金额和到期还款日，以便做还款计划等。

再者，也是很重要的一点，更新后的设计因为按钮过多，并且按钮颜色过于鲜艳，极易造成用户视觉上的错乱，当然，如果只有一个卡片，或许没太大影响，但过多的卡片一定会带来用户焦虑。

最后，所谓根据logo的渐变色，其实也是过度设计，回到文章开头的一句话，好的设计是解决问题，而不是一味制造漂亮的东西，还是同样的场景，如果10多个卡片，那这个页面花红柳绿的，完全没有视觉中心。

你看，似乎只是更新了页面颜色、优化了视觉设计，但用户其实会有很大的体验落差，原因就在于没有从真实需求场景出发，我甚至高度怀疑该页面的UX设计师没有充分理解该场景，只是割裂地做所谓的精致设计。

(未完待续, To be contd)
 

本页Url