區(qū)別于藝術(shù)，商業(yè)網(wǎng)站設(shè)計(jì)之美往往來自于細(xì)節(jié)。

一般來說，用戶在使用你的網(wǎng)站的時(shí)候，是以理性的、實(shí)用性的角度來觀看，他們更主要的需求是在于自己的目的（任務(wù)）是否能更快更方便的達(dá)到，審美只是一種次之的心理需要。（當(dāng)你使用baidu搜索的時(shí)候應(yīng)該不會(huì)想，baidu為什么不在頁面加個(gè)背景圖...囧）

只有在需求能夠得到滿足的前提下，用戶對于這個(gè)網(wǎng)站才會(huì)建立起是否具有美感的體驗(yàn)。如果目的無法完成，那對他來說就是一個(gè)爛網(wǎng)站，不管你的頁面有多么漂亮...

相應(yīng)的，不好的頁面設(shè)計(jì)往往只是因?yàn)槿鄙偌?xì)節(jié)。

1、減少用戶的操作

第一個(gè)例子：百度的搜索框

當(dāng)用戶在輸入框輸入搜索關(guān)鍵詞后，忽然發(fā)現(xiàn)自己原本要搜索的是貼吧里的內(nèi)容，那么他會(huì)怎么操作？點(diǎn)擊“貼吧”標(biāo)簽。早期百度的處理是，僅僅切換當(dāng)前搜索類型為“貼吧”，甚至原本搜索框里的關(guān)鍵詞都被清除了。那么用戶只好重新輸入關(guān)鍵詞然后搜索。

但現(xiàn)在你在百度上再進(jìn)行這樣的操作，會(huì)發(fā)現(xiàn)這個(gè)流程已經(jīng)被優(yōu)化了。

這就是細(xì)節(jié)，讓用戶少操作，那么用戶就會(huì)更喜歡你。

其實(shí)這個(gè)例子是百度跟google學(xué)習(xí)的（百度是個(gè)勤奮的孩子），而采用了新界面的google首頁，這個(gè)細(xì)節(jié)已經(jīng)失去意義了（是否是一種退步？）。

第二個(gè)例子：提示信息

這個(gè)例子來自于前公司的一個(gè)頁面。很多網(wǎng)頁搜索框都會(huì)顯示下面這樣的提示信息，但當(dāng)用戶點(diǎn)擊輸入框或者輸入框獲得焦點(diǎn)的時(shí)候，用戶仍然需要將輸入框內(nèi)的文字一一刪除。提示固然是好，但當(dāng)用戶需要操作的時(shí)候，提示信息應(yīng)該清楚，避免干擾用戶的操作。

這個(gè)輸入框即是ldm的建議，很細(xì)節(jié)的設(shè)定，非常感謝。

2、給用戶自由使用的權(quán)利

所以的產(chǎn)品都會(huì)有一定的使用限制，比如不能將鋰電池丟進(jìn)火里，也不能把干燥劑吃下去，但在合理的范圍內(nèi)，用戶需要被尊重，也需要自由。

為什么你得頁面firefox下一塌糊涂？
為什么你的播放器在MAC上就不能工作？
為什么你得IM協(xié)議不開放？
......

有人對IE死心塌地，有些人對firefox趨之若鶩，更有人喜歡用手機(jī)瀏覽你的網(wǎng)頁，那么專注于細(xì)節(jié)的你就應(yīng)該考慮這種種影響。給用戶自由使用的權(quán)利，也就意味著你的產(chǎn)品要在多種情況下都能使用。

“任何成功的法律都是用來保護(hù)小部分人的，它的標(biāo)準(zhǔn)語法應(yīng)該是‘不得通過法律限制××權(quán)利’；同樣地，軟件和服務(wù)應(yīng)該‘不得阻礙Linux和Mac用戶的使用’。（via Blog on 27 floor ）”——誠哉斯言！

3、可以把用戶看的很懶，但不要以為他們很笨

傻瓜相機(jī)的成功成為很多人的口頭禪，要把用戶當(dāng)傻瓜。

事實(shí)上，我在瀏覽網(wǎng)頁和在現(xiàn)實(shí)當(dāng)中都不希望被人當(dāng)成傻瓜。所以，為傻瓜的設(shè)計(jì)在很大程度上成為“臃腫的設(shè)計(jì)”、“繁復(fù)的設(shè)計(jì)”。很多網(wǎng)站打著web2.0的旗號(hào)為自己的頁面不斷的增加沒有必要的提示和功能描述，生怕有人低智商不懂。

UCDFEED上的結(jié)論很好，“好的設(shè)計(jì)能在一定程度上減少尋求幫助的機(jī)率”。也就是說，你的設(shè)計(jì)足夠合理，那么就完全可以避免用戶的錯(cuò)誤，減少很多不必要的提示。

如下面網(wǎng)易通行證的注冊表單的第一項(xiàng)，用戶名的填寫。這里的規(guī)則算是有些復(fù)雜，因此提示的非常詳細(xì)。但是提示的詳細(xì)并不意味著就能防止用戶的犯錯(cuò)，因?yàn)橛脩糁挥性谟龅絾栴}的時(shí)候才會(huì)去看幫助。

• 如果你要求最多18個(gè)字符，那么為什么又允許用戶輸入25個(gè)字符？
• a-z是英文字符難道用戶都不知道的嗎？

一定的技術(shù)改進(jìn)，比如限制用戶輸入的字符類型以及限制輸入框最多18個(gè)字符，那么用戶就可以在錯(cuò)誤剛剛之時(shí)就知道錯(cuò)誤，避免發(fā)生錯(cuò)誤之后才提示的信息滯后。


4、視覺的細(xì)節(jié)在某種條件下更為重要

正如前面所說，視覺的細(xì)節(jié)可能是作為評價(jià)的最直觀的指標(biāo)，但這也是最應(yīng)該

1、功能細(xì)節(jié)

正如我之前所寫的，只有在目的能夠達(dá)到的前提下，用戶對于這個(gè)網(wǎng)站才會(huì)建立起是否具有美感的體驗(yàn)。也就是說，當(dāng)網(wǎng)站的基本功能能滿足用戶的需求的時(shí)候，你得界面設(shè)計(jì)將產(chǎn)生至關(guān)重要的影響。在網(wǎng)站同質(zhì)化愈趨嚴(yán)重的情況下，界面的美觀和易用性就成為關(guān)鍵之處。

至于怎樣叫美觀，見仁見智，但對細(xì)節(jié)的感官體驗(yàn)卻相當(dāng)一致。

對比一下百度hi和msn的ui界面：

至少hi在圓角上的處理缺乏細(xì)節(jié)，因此呈現(xiàn)鋸齒狀。而恰恰是這些小細(xì)節(jié)讓hi的界面讓人感覺（引用某位同事的話）“很奇怪”。

尤其是當(dāng)你的產(chǎn)品在面臨競爭的時(shí)候，視覺細(xì)節(jié)往往更是基本用戶選擇的主要原因。