[译文] 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 的一些试错,很有参考价值。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容