[譯文] 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閱讀 229,836評論 6 540
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,427評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內容