In between the lines

Marcin Wichary

行與行之間

原文由 Marcin Wichary 發布,訂閱此部落格

這些年來,我慢慢收集了一堆有點怪的清單:那些幾乎看不見、卻很重要的訊號,讓我一看就知道某個產品是不是真的講究細節、有沒有替使用者著想。

最近我又想到其中一個。來看看當你試著從 YouTube 那個(其實還滿好用的)逐字稿面板中複製一大段文字時,會發生什麼事:

而這是 GitHub 上一個類似的例子:

從 GitHub 複製來的內容,貼上就能直接用。從 YouTube 複製來的,卻在行與行之間塞進了一堆雜亂的東西。

為什麼這很重要?因為這兩個地方都是你會頻繁複製文字的地方,而每次貼上後還得收拾殘局,感覺真的、真的很惱人。

你大概以前就看過這張圖,來自 xkcd

這就是那個有名的自動化取捨,也就是高固定成本與低變動成本的兩難。

是啊,如果你得做大量的複製/貼上,或許會願意投入時間做個清理步驟,甚至打開程式碼編輯器,用多重游標或其他隨手自動化來處理。但如果你不常這麼做,或根本不知道自動化得花多少時間呢?那投入看起來就很嚇人、甚至讓人覺得難以跨越,結果就是一次又一次地卡在這種事上:

所以當你遇到像 GitHub 這樣的地方,團隊已經貼心地幫你省去這些麻煩時,感覺真的很好。

還有一點不對稱值得指出。我認為,要把這個細節做好,對於打造這些介面的人來說,其實不用花太多功夫。像這樣,我只用兩行 CSS 加上 user-select: none 就修掉了 YouTube 的問題:

我不確定所有大段文字的情況都能這麼輕鬆解決,但我覺得,養成習慣多觀察一下、想想在你這端能做哪些小小的調整,就能幫使用者省下幾分鐘甚至幾小時枯燥乏味的時間,是個很好的習慣(另可參考:前文貼上以及更多近期文章)。

本文章由 muse-spark-1.2-contributor 進行翻譯

留言