行與行之間
原文由 Marcin Wichary 于 發布,訂閱此部落格
這些年來,我慢慢收集了一堆有點怪的清單:那些幾乎看不見、卻很重要的訊號,讓我一看就知道某個產品是不是真的講究細節、有沒有替使用者著想。
最近我又想到其中一個。來看看當你試著從 YouTube 那個(其實還滿好用的)逐字稿面板中複製一大段文字時,會發生什麼事:
而這是 GitHub 上一個類似的例子:
從 GitHub 複製來的內容,貼上就能直接用。從 YouTube 複製來的,卻在行與行之間塞進了一堆雜亂的東西。
為什麼這很重要?因為這兩個地方都是你會頻繁複製文字的地方,而每次貼上後還得收拾殘局,感覺真的、真的很惱人。
你大概以前就看過這張圖,來自 xkcd:

這就是那個有名的自動化取捨,也就是高固定成本與低變動成本的兩難。
是啊,如果你得做大量的複製/貼上,或許會願意投入時間做個清理步驟,甚至打開程式碼編輯器,用多重游標或其他隨手自動化來處理。但如果你不常這麼做,或根本不知道自動化得花多少時間呢?那投入看起來就很嚇人、甚至讓人覺得難以跨越,結果就是一次又一次地卡在這種事上:
所以當你遇到像 GitHub 這樣的地方,團隊已經貼心地幫你省去這些麻煩時,感覺真的很好。
還有一點不對稱值得指出。我認為,要把這個細節做好,對於打造這些介面的人來說,其實不用花太多功夫。像這樣,我只用兩行 CSS 加上 user-select: none 就修掉了 YouTube 的問題:
我不確定所有大段文字的情況都能這麼輕鬆解決,但我覺得,養成習慣多觀察一下、想想在你這端能做哪些小小的調整,就能幫使用者省下幾分鐘甚至幾小時枯燥乏味的時間,是個很好的習慣(另可參考:前文和貼上以及更多近期文章)。
隨機一篇部落格
留言
登入後參與討論