[譯文] Medium 取消的三個 UX 設計乱豆,以及它們失敗背后的原因

本文經作者 kevin wrytes 授權翻譯,原文地址:3 UX Features Medium Deactivated

以下是正文:


我通常會花周五晚上的時間钩述,來回顧一些 Medium 上已經發(fā)布了很久的文章寨躁。這次我發(fā)現(xiàn)了一篇有趣的文章,來自 EPIC 的創(chuàng)始人 Joshua Davis牙勘,文章的標題叫《The Mercenary》职恳。

這是 2013 年 Medium 上一篇很火的文章,當天在社交媒體上流傳得很廣方面。它是所有設計師眼里的壯舉放钦。這也讓我想起這幾年以來,Medium 研發(fā)團隊在他們的設計資源庫里忽略掉的一些事情恭金。


1. 我好懷念居中對齊

這個功能是在 2015 年的時候消失的操禀,距離現(xiàn)在已經有兩年多時間了。為什么我認為 Medium 應該恢復這個功能横腿?

居中對齊用于標題和用于單行關鍵詞颓屑,效果非常好。

相信我耿焊,標題居中在當時非常受歡迎揪惦,《The Mercenary》這篇文章就是很好的例子。因為居中對齊讓這篇文章顯得很漂亮搀别。

但是為什么 Medium 要去掉這個功能丹擎?

簡單的原因是,居中對齊不適用于文章正文。如果把文章正文改為居中對齊蒂培,看起來會很可怕再愈,你很快就不想這樣做。這就是居中對應后的樣子:

這就是為什么 Medium 要讓標題和單行關鍵詞也要左對齊护戳。

這完全出于一致性的考慮翎冲。如果文章正文是左對齊的,那么只把標題居中是沒有意義的媳荒。這會讓讀者感到困惑抗悍。每一行句子,用戶都可以簡單地把視線移到左邊來閱讀钳枕。這可以讓你讀起來更快更簡單缴渊,因為用戶的眼睛不需要很難地去找到每一行的開始位置。這對大部分讀者來說更自然鱼炒。

不過衔沼,我還是覺得中心對齊對于標題和單行關鍵詞來說是完美的。每個人都有自己的看法昔瞧,而這是我非常希望 Medium 能恢復的老功能指蚁。


2. 全屏圖當時很流行,文字可以疊加在圖片上面

回到 2015 年當時自晰,我想說凝化,全屏圖給設計師準備了一個很好的隱藏功能。

用全屏的圖片酬荞,你可以把文字疊加在圖片上搓劫,這太酷了。

而現(xiàn)在呢袜蚕?我所有的文字都框在一個白色的頁面里糟把,我的圖片跟文字徹底分開了。

但為什么 Medium 要去掉這個功能牲剃?

因為從讀者的角度來看,這是非常有意義的雄可。Medium 很快成為了「為讀者而生」的平臺凿傅,我也是這樣想的。白底黑字的閱讀更清晰数苫,有更好的對比度聪舒。一個普通的讀者怎么會知道,哪種顏色的文字和背景搭配起來才是最合適的虐急? 如果對這方面沒有了解箱残,這里有一份設計師角度的背景色對比度搭配圖:

沒有這個功能,讀者就不用擔心會會影響文字的對比度。加上這個功能會讓寫作增加很多不必要的復雜度被辑,而 Medium 已經足夠簡單了燎悍。這種簡單要專注在真正重要的事情上。

去掉對圖片和顏色的關注盼理,可以更專注在寫作這件事本身谈山。

我還記得我花了幾個月時間,去調整我自己的 Wordpress 博客宏怔。我花了很多的時間來決定我的下拉菜單用什么字體奏路、我的標題用什么顏色,但只花了很少時間在最重要的寫作上臊诊。

那段時間我只寫了 10 篇文章鸽粉。這 10 篇文章足足用了 2 個月,我的大部分時間都花在了博客的界面設計上抓艳,而博客每個月只有 20 個訪問量潜叛。而現(xiàn)在呢?我已經完全遷移到 Medium 上壶硅,我每個月有 3.5 萬多的訪客威兜,1900 多的粉絲,我花了很多時間去寫作庐椒,而且在寫作上有更多的嘗試椒舵。

我在寫作上進行了很多的實驗,發(fā)現(xiàn)了一些我自己以前都不知道的喜好约谈,這讓我很驚訝笔宿。這體現(xiàn)了一個小小的 UI 功能可以怎么改變我的習慣,而不是去做不必要的事情棱诱,我開始探索未知泼橘。對此我很感謝 Medium。


3. 最后一點:在 PC 上迈勋,所有的文章都可以點「推薦」炬灭,甚至這個按鈕在圖片上

「推薦(recommend)」是個什么功能?其實就是現(xiàn)在的「鼓掌(clapping)」功能靡菇。在以前重归,「鼓掌」被稱為「推薦」,如果你喜歡一篇 Medium 文章厦凤,你可以點一下這個愛心鼻吮,它是長這樣的:

「推薦」功能在 2017 年被取代,為了避免混淆较鼓,我將這個功能稱為「鼓掌」椎木。

「鼓掌」按鈕不能在任何的圖片上都可以點擊。

當時,無論你讀到文章的哪個部分香椎,你都可以點一下「推薦」漱竖。我相信你沒有 get 到。你可能會說我可以隨時點「拍手」啊士鸥。這是因為你在沒有全寬的圖片的時候闲孤,才可以操作。但有時候是不行的:

在滾動圖片的時候烤礁,「鼓掌」按鈕會消失讼积,所有的圖片都會這樣。我敢肯定脚仔,我不是第一個發(fā)現(xiàn)這個設計的人勤众。

為什么 Medium 要去掉這個功能?

還是背景色的問題鲤脏,「鼓掌/推薦」按鈕的顏色不是固定的们颜,這取決于你正在讀的這張文章。如果是你自己發(fā)表的文章猎醇,那么這個按鈕是默認的綠色窥突;但如果你正在讀 Medium publication(譯者注:類似簡書的「專題」功能)的一篇文章,「鼓掌」按鈕會以這個 publication 的主色來顯示硫嘶。

那什么才是對比度最好的背景色阻问? 白色。因此沦疾,如果你停留在一篇 Medium 文章的圖片上称近,「鼓掌」按鈕就會消失,因為圖片的背景色是多種多樣的哮塞。這也意味著只有在按鈕不被背景圖打斷的情況下刨秆,你才能鼓掌。

有解決方案嗎忆畅?把圖片設置成跟正文等寬衡未。

盡量保持用跟正文等寬的圖片布局,而不是用占滿屏幕全寬或者溢出正文的圖片布局邻眷,來保證讀者永遠看到「鼓掌」按鈕眠屎。并不是說不能用這些布局,而是要謹慎地用肆饶,而且要保證有足夠多的文字內容。 如果你想在多個地方都插上圖片岖常,那就盡量保證圖片的寬度是相等的驯镊。

如果你的文章有多張全寬的圖片,則「鼓掌」按鈕幾乎不會被讀者看到,這意味著你的文章永遠不會得到真正值得得到的鼓掌數(shù)板惑。



譯后語:

之所以想翻譯這篇文章橄镜,是因為 Medium 很多產品設計上遇到的問題,簡書也可能會遇到——怎么平衡用戶的自定義樣式和復雜度冯乘、滿足多少功能才算足夠洽胶。這篇文章總結了 Medium 的一些試錯,很有參考價值裆馒。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末姊氓,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子喷好,更是在濱河造成了極大的恐慌翔横,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件梗搅,死亡現(xiàn)場離奇詭異禾唁,居然都是意外死亡,警方通過查閱死者的電腦和手機无切,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進店門荡短,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人哆键,你說我怎么就攤上這事掘托。” “怎么了洼哎?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵烫映,是天一觀的道長。 經常有香客問我噩峦,道長锭沟,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任识补,我火速辦了婚禮族淮,結果婚禮上,老公的妹妹穿的比我還像新娘凭涂。我一直安慰自己祝辣,他們只是感情好,可當我...
    茶點故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布切油。 她就那樣靜靜地躺著蝙斜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪澎胡。 梳的紋絲不亂的頭發(fā)上孕荠,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天娩鹉,我揣著相機與錄音,去河邊找鬼稚伍。 笑死弯予,一個胖子當著我的面吹牛,可吹牛的內容都是我干的个曙。 我是一名探鬼主播锈嫩,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼垦搬!你這毒婦竟也來了呼寸?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤悼沿,失蹤者是張志新(化名)和其女友劉穎等舔,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體糟趾,經...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡慌植,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了义郑。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蝶柿。...
    茶點故事閱讀 40,615評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖非驮,靈堂內的尸體忽然破棺而出交汤,到底是詐尸還是另有隱情,我是刑警寧澤劫笙,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布芙扎,位于F島的核電站,受9級特大地震影響填大,放射性物質發(fā)生泄漏戒洼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一允华、第九天 我趴在偏房一處隱蔽的房頂上張望圈浇。 院中可真熱鬧,春花似錦靴寂、人聲如沸磷蜀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽褐隆。三九已至,卻和暖如春剖踊,著一層夾襖步出監(jiān)牢的瞬間妓灌,已是汗流浹背轨蛤。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工蜜宪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留虫埂,地道東北人。 一個月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓圃验,卻偏偏與公主長得像掉伏,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子澳窑,可洞房花燭夜當晚...
    茶點故事閱讀 45,630評論 2 359

推薦閱讀更多精彩內容