網站介面設計的友善性來自於細心地處理了很多細節。
我們就從熱門的facebook來看FB塗鴉牆的留言文字框(Text Area)的設計。
一般社群網站或BLOG的留言介面，都採用較大區域的文字輸入區域，在UI Pattern的術語稱為 Text Area。常見的Text Area都是固定3行，4行或更多行的高度。
為什麼FB塗鴉牆的Text Area卻只有短短的一行高度？
這個設計應該是從Twitter 的介面學習來的。
只有一行高度的輸入區域，在UI Pattern的術語，稱為 Text Field。
使用者看到Text Field時會自然被制約，直覺認為只要寫入一行文字，不用寫太多。因此在Twitter或FB塗鴉牆上書寫文字，潛意識中比較不會被迫要寫很多文字，沒有了這個壓力，自然就容易書寫。
Text Area高度太高，會佔掉FB畫面的上方空間。因此FB塗鴉牆以精簡的一行高度來解省空間，讓下方的各種留言有更多的機會被閱讀(跟Twitter一樣)。
為了解決使用者留言會寫下較多文字的可能性。FB塗鴉牆的Text Area會因為文字輸入自動換到下一行，而且高度也自動放大，取代一般垂直捲軸(Text Area的Scroll Bar)的介面，這是另一個貼心的設計。這等於是一種Text Field跟Text Area兩種Pattern的整合版。
當然，本文分析FB 塗鴉牆介面的優點是事後諸葛，只是藉著觀察來推測FB設計的用意。令我感到好奇的不是FB採用什麼技術 (複雜的JavaScript+CSS)完成這樣介面，而是什麼樣的過程跟構想，使得設計者最後設計出這樣的介面？
這個介面讓FB的畫面不只提供較佳的閱讀性，更強烈的鼓勵使用者留言。類似的細節很多 (比如，讚一下)。當FB在眾多的細節中，默默地鼓勵使用者進行互動，使用者也就更容易被FB友善的介面黏住。
歡迎你留下更多不同的看法或評論。
[細節放大鏡：一次只看一個細節，從中找到問題/啟發/學習。
文章出處：悠識 UserXper.com
同步發表於 Facebook網站企劃 網誌http://faceboo.com/web.plan]
我真覺得FB的UI設計爛透了
DADA,
哈。我認同一部分，Facebook的介面有些地方真的是爛透了！怎麼找都找不到要的東西… XD