本文經作者 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 的一些試錯,很有參考價值裆馒。