请勿滥用UX改版的前后方案对比图

翻译:雪纯   审校:jmistery   |   UXRen翻译组 #372译文
原作者:Yichen He
副标题:《病毒营销式的“冰山一角”改版对比为何弊大于利》

 

Teisanu Tudor分享了一个引人入胜的故事,讲述了几个月前他们如何伪装成Instagram上的UX意见领袖。但不幸的是,从他们的经验来看,受欢迎的分享内容大多集中在了那些将UX定位成了“快乐、简单、十步就能快速学习(happy, easy, 10-step-quick-learn discipline)”的速成帖。

与任何受欢迎的行业都一样,不同层次的意见领袖应运而生,并在常见的社交网络上一起刷存在感和影响力。LinkedIn成为一个新的现象级的社媒,它将“典型的社媒追逐”、“意见炫耀”和“实效的社交网络拓展和学习机会”融合在一起。

“UX改版的前后方案对比图(before and after UX shots)”的火爆程度让人略感担忧。你也许已经知道我在说什么。

示例:UX改版的前后方案对比图的流行格式(来源于linkedIn)

 

我不想针对任何人,我主要关心的(在这些帖子上许多评论者也提及到的)是这些帖子不能脱离改版目标的上下文背景(context)而去探讨UX,目标才能决定设计改版后的效果。

大多数设计师都认同,通常情况下没有唯一“正确(correct)”的答案适用于所有场景。设计师的主要技能之一是处理具有限制条件的能力,在这种情况下,多个变量、利益相关者和目标需要达成一致或平衡。

我偶然发现了一篇由资深设计主管布赖恩·林(Brian Lin)发表过的超赞帖子,解释了这个担忧。

在分享时,采用“UX改版的前后方案对比图”是一种常见的发帖形式。特别是对于我开篇分享的那个案例来说,自从现代的界面设计出现以来,卡片与列表(甚至是表格)两种样式的设计争论就一直存在。事实上,许多作者已经深入探论过这个问题。

在没有上下文背景的情况下,一些用户体验新手可能会在不考虑上下文背景的情况下错误地认为卡片样式会比表格更好。。。

当然,这个卡片设计可能看起来更优秀。令人难以置信的是,其中某些颜色,形状和图形触感可以增强视觉效果。但是为什么UX改版之后的设计长这样?

上下文背景决定了用来衡量设计成功与否的标准。如果无视设计背景,几乎不可能从两个选项中确定哪一个更好,因为几乎没有标准可供比较(除了整体的视觉吸引力)。

我突然想到,在设计示例中类似的产品时,需要考虑以下重要因素。

使用该设计的人是谁?

  • 他们独特的体验和期望将如何影响他们与该设计的互动方式?

他们想要和需要什么?

  • 他们是在无目的浏览信息还是在搜索特定的信息?
  • 他们是否试图利用这些信息来做出决策?
  • 他们是否希望与信息发生交互来完成某项任务?
  • 他们通常需要查阅多个元素来进行比较,还是一次只关注一个元素?

典型案例是什么,极端案例是什么?

  • 该列表里有多少个条目?通常在(1-5条)、(100-1000条)或(10,000+条)之间?在设计少量条目的展示与较多条目展示时,会有很大的不同。
  • 他们会在移动设备、电脑屏幕、电视、 AR/VR设备上查看这些数据吗?

技术限制

  • (工程师)会采用什么技术来开发这个设计,这个技术有什么限制?

商业需求

  • 设计是否需要驱动一些业务KPI和指标?

 

上下文背景的例子:

如果很多用户倾向于浏览这些条目找到特定东西,那该怎么办呢?

让我们再看一看“改版后”的界面设计方案,并向该方案中添加更多条目。

现在我们在改版后的设计方案中陈列了14个条目

突然间它变得难以浏览了,难道不是吗?(这还没考虑放置条目的筛选项)。

如果这种设计的主要用途是快速浏览条目列表以找到某些东西,那么也许改版前的界面设计和枯燥的表格看起来会更有吸引力。

同样是14个条目,UX改版之前的设计方案效果图

当然,这只是上下文背景的冰山一角。在为多个利益相关方进行设计时,需要考虑的事情往往是层峦叠嶂的。

 

问题:刚接触UX的需求方可能只是希望设计师带着旧的设计方案,走进某个小黑屋并独自工作一段时间,然后奇迹般地带着“良好的UX设计方案”出来。

这太可怕了。它破坏了全球用户体验设计师为推动UCD流程(以用户为中心的设计)的重要性所做的一切伟大工作。这也误导了新入行的设计师,让他们误认为时尚的样机就等于有效的用户体验。

作为用户体验设计师,我们的工作并不是改版前后的简单对比。设计决策应该有意图、有目的、有道理。很期待可以看到更多关于改版过程和想法的论述,而非那些仅仅停留在改版前后对比的图片本身。

 

原文来源:https://uxdesign.cc/what-does-after-ux-even-mean-7edc3d4febc4(2021.02.20)
版权声明:该文章在UXRen公众号(cnUXRen)首发后方可转载,转载时请注明出处及译者、审校者信息,如有违背,UXRen社区保留侵权追责的权力。

1 条回复

  1. 头像 兽性大发说道:

    哈哈,看来如果还是想秀前后对比图,简单的方法就是:改版之前足够糟糕,改版之后完美无瑕

兽性大发进行回复 取消回复

您的电子邮箱地址不会被公开。