[译文] Medium 取消的三个 UX 设计,以及它们失败背后
本文经作者 kevin wrytes 授权翻译,原文地址:3 UX Features Medium Deactivated
以下是正文:
我通常会花周五晚上的时间,来回顾一些 Medium 上已经发布了很久的文章。这次我发现了一篇有趣的文章,来自 EPIC 的创始人 Joshua Davis,文章的标题叫《The Mercenary》。
这是 2013 年 Medium 上一篇很火的文章,当天在社交媒体上流传得很广。它是所有设计师眼里的壮举。这也让我想起这几年以来,Medium 研发团队在他们的设计资源库里忽略掉的一些事情。
1. 我好怀念居中对齐
这个功能是在 2015 年的时候消失的,距离现在已经有两年多时间了。为什么我认为 Medium 应该恢复这个功能?
居中对齐用于标题和用于单行关键词,效果非常好。
相信我,标题居中在当时非常受欢迎,《The Mercenary》这篇文章就是很好的例子。因为居中对齐让这篇文章显得很漂亮。
但是为什么 Medium 要去掉这个功能?
简单的原因是,居中对齐不适用于文章正文。如果把文章正文改为居中对齐,看起来会很可怕,你很快就不想这样做。这就是居中对应后的样子:
这就是为什么 Medium 要让标题和单行关键词也要左对齐。
这完全出于一致性的考虑。如果文章正文是左对齐的,那么只把标题居中是没有意义的。这会让读者感到困惑。每一行句子,用户都可以简单地把视线移到左边来阅读。这可以让你读起来更快更简单,因为用户的眼睛不需要很难地去找到每一行的开始位置。这对大部分读者来说更自然。
不过,我还是觉得中心对齐对于标题和单行关键词来说是完美的。每个人都有自己的看法,而这是我非常希望 Medium 能恢复的老功能。
2. 全屏图当时很流行,文字可以叠加在图片上面
回到 2015 年当时,我想说,全屏图给设计师准备了一个很好的隐藏功能。
用全屏的图片,你可以把文字叠加在图片上,这太酷了。
而现在呢?我所有的文字都框在一个白色的页面里,我的图片跟文字彻底分开了。
但为什么 Medium 要去掉这个功能?
因为从读者的角度来看,这是非常有意义的。Medium 很快成为了「为读者而生」的平台,我也是这样想的。白底黑字的阅读更清晰,有更好的对比度。一个普通的读者怎么会知道,哪种颜色的文字和背景搭配起来才是最合适的? 如果对这方面没有了解,这里有一份设计师角度的背景色对比度搭配图:
没有这个功能,读者就不用担心会会影响文字的对比度。加上这个功能会让写作增加很多不必要的复杂度,而 Medium 已经足够简单了。这种简单要专注在真正重要的事情上。
去掉对图片和颜色的关注,可以更专注在写作这件事本身。
我还记得我花了几个月时间,去调整我自己的 Wordpress 博客。我花了很多的时间来决定我的下拉菜单用什么字体、我的标题用什么颜色,但只花了很少时间在最重要的写作上。
那段时间我只写了 10 篇文章。这 10 篇文章足足用了 2 个月,我的大部分时间都花在了博客的界面设计上,而博客每个月只有 20 个访问量。而现在呢?我已经完全迁移到 Medium 上,我每个月有 3.5 万多的访客,1900 多的粉丝,我花了很多时间去写作,而且在写作上有更多的尝试。
我在写作上进行了很多的实验,发现了一些我自己以前都不知道的喜好,这让我很惊讶。这体现了一个小小的 UI 功能可以怎么改变我的习惯,而不是去做不必要的事情,我开始探索未知。对此我很感谢 Medium。
3. 最后一点:在 PC 上,所有的文章都可以点「推荐」,甚至这个按钮在图片上
「推荐(recommend)」是个什么功能?其实就是现在的「鼓掌(clapping)」功能。在以前,「鼓掌」被称为「推荐」,如果你喜欢一篇 Medium 文章,你可以点一下这个爱心,它是长这样的:
「推荐」功能在 2017 年被取代,为了避免混淆,我将这个功能称为「鼓掌」。
「鼓掌」按钮不能在任何的图片上都可以点击。
当时,无论你读到文章的哪个部分,你都可以点一下「推荐」。我相信你没有 get 到。你可能会说我可以随时点「拍手」啊。这是因为你在没有全宽的图片的时候,才可以操作。但有时候是不行的:
在滚动图片的时候,「鼓掌」按钮会消失,所有的图片都会这样。我敢肯定,我不是第一个发现这个设计的人。
为什么 Medium 要去掉这个功能?
还是背景色的问题,「鼓掌/推荐」按钮的颜色不是固定的,这取决于你正在读的这张文章。如果是你自己发表的文章,那么这个按钮是默认的绿色;但如果你正在读 Medium publication(译者注:类似简书的「专题」功能)的一篇文章,「鼓掌」按钮会以这个 publication 的主色来显示。
那什么才是对比度最好的背景色? 白色。因此,如果你停留在一篇 Medium 文章的图片上,「鼓掌」按钮就会消失,因为图片的背景色是多种多样的。这也意味着只有在按钮不被背景图打断的情况下,你才能鼓掌。
有解决方案吗?把图片设置成跟正文等宽。
尽量保持用跟正文等宽的图片布局,而不是用占满屏幕全宽或者溢出正文的图片布局,来保证读者永远看到「鼓掌」按钮。并不是说不能用这些布局,而是要谨慎地用,而且要保证有足够多的文字内容。 如果你想在多个地方都插上图片,那就尽量保证图片的宽度是相等的。
如果你的文章有多张全宽的图片,则「鼓掌」按钮几乎不会被读者看到,这意味着你的文章永远不会得到真正值得得到的鼓掌数。
译后语:
之所以想翻译这篇文章,是因为 Medium 很多产品设计上遇到的问题,简书也可能会遇到——怎么平衡用户的自定义样式和复杂度、满足多少功能才算足够。这篇文章总结了 Medium 的一些试错,很有参考价值。