几亿人都在用的谷歌翻译网页版，是如何做改版设计的？

@C7210 ：这是一篇来自 Google Translate 团队设师的改版验分享。

Google Translate改版经验谈

2018 年底，我们上线了基于响应布局和 Material Design 打造全新网页版本 Google Translate。

鉴于 Google Translate 全球拥的庞用户，我们从一始就知道必须「改版厌恶症」好准备。很多文章对这一话题行过探讨，譬如通过什么策略可以尽可能减少用户对于产品改版的负面反馈。但对于 Google Translate 这种级的产品，很多验也只实际项目过程中能获取。以下就我这次改版当中学到的重的一些东。

以用户为镜

如果了解过「改版厌恶症」，那么对于下面这张图表可能并不陌。

图中所展示的产品改版可能的不同类型的结果。不过显然，无法通过图表对的改版结果行预测。对于改版结果缺乏明晰的认知与控制力，这使我项目初感到无所从。但随每一次试验性的迭，我逐渐意识到，我们的用户一直通过他们的实际行与反馈指导我们的方向。

在改版试验阶，户会向我们交反馈，各类意见褒贬一，有些读起来并舒，但我们还是了大量的时间阅读，然后在报 bug 或是调整设计方案。譬如在读过一些反馈意见之后，我们才发现，我们对于 tab 次序的调整严重影响了一分重户的工作效率，于是我们立刻滚了方案。此外，我们了解到很多户在实际场景中都需要看到更多的信息，于是我们在接来的迭代方案中升了页面的信息密。

为设计师，我们总希望一次将最完美的设计方案呈现给用户。而对产品设计而言，分阶段进行试验，通用户的反馈进行校验和迭代，才是更为有效的方式。一旦在方面建立成熟的机，你的用户就成为产品设计最有效的指引。

定性研究中的陷阱

用测试以帮助你现设计当中的重大问题，为设计方案带来方面的评估。通常，类测试的规模不大，每次的被测对象不超名。在测试期间，你总忍不住想要问被测对象更喜欢哪个设计方案，但种问题的结果往往并不靠，甚至有能将你引向歧途。

在 Google Translate 改版过程中做过多轮的定性用研，以此来发现和改正先前计当中的一系列可用性问题。期间，也会征询被测对象对于新旧版本计方案的倾向性，绝大多数人都会选择新版方案。但对这类倾向性始终保持谨慎，不想将其作为计决策的直依据。

事实证明，新版案第上线测试时，用户们过实为所表出倾性，并不像我们在定性研究所了解到那样高度致地倾于新版案。

A/B测试，可靠的伙伴

我们希望新版 Google Translate 页具有更高色饱和度。

早迭当中，我们使用了一系列色彩丰富的图标，这些图标我们的移动端 app 当中的表不错。但通过 A/B 测试，我们发这些图标网页版本中的表并不理，于终仍采用了简洁的 Material Design 风格图标。

此外，我们还曾经尝试将翻译后的字呈现在蓝色背景当中，就像我们在移端 app 当中做的那样。而当译长超过一定的篇幅时，我们则会将色改为浅灰，使更易阅读。

但是我们的一些设计师始终对蓝色色的方案抱有质疑，于是我们决定通过 A/B 测试来进行验证。中 A 方案采了前描述的模式（根据译篇幅调整容字色与色），B 方案仅使浅灰色。测试结果很明确，A 方案的户使频次明显降低了。

或许对网页版的 Google Translate 来说，人们的不喜欢饱和度此之高的视风。不我们也在其他地方继续尝试着彩更为富的元素，例在运营内容卡或空状态页面中使用的插图等等。

总结

产品改版通常带来很大的挑战，特别是当你无法预先人们能产生怎样的反应时。通次 Google Translate 改版，我所学到的最重要的一课，就是你必须将用户能产生的反馈视为设计程的重要组成部分，而非试图去控或避免不确定的要素。

既然产品以用户为本，那就让用户来帮助更有效地进行计。认真规划每一次的迭代验，在足够大量的本当中进行测，获取真实用户的反馈见，进而提炼出最有价值的数据息，用以制定计决策。

原文链接：《Three UX takeaways from redesigning the latest version of the Google Translate website》 Pendar Yousefi

欢迎关注译者的微信公众：「Beforweb」