用戶體驗(yàn)已經(jīng)是一個(gè)老生常談的話題了。我非常贊同某位達(dá)人所說的，用戶體驗(yàn)設(shè)計(jì)應(yīng)該貫穿于產(chǎn)品從萌芽到出生的整個(gè)過程，產(chǎn)品原型、視覺設(shè)計(jì)、前端開發(fā)、后端開發(fā)甚至還包括產(chǎn)品測(cè)試大家都應(yīng)該有份。只有各個(gè)環(huán)節(jié)的同學(xué)都把這個(gè)事兒當(dāng)事兒了，那么做出來的產(chǎn)品才有可能是好產(chǎn)品。我想，UED團(tuán)隊(duì)在這個(gè)過程中最需要做的就是把用戶體驗(yàn)的理念當(dāng)成血液一樣輸送到產(chǎn)品的全身。這也是我們新媒UED團(tuán)隊(duì)一直努力的方向。

本文主要談一談在實(shí)踐中，面對(duì)一個(gè)產(chǎn)品，或者是一個(gè)具體的功能點(diǎn)，也可能只是一個(gè)按鈕，一次點(diǎn)擊等等，以前端開發(fā)工程師的視角，如何關(guān)注用戶體驗(yàn)，以及一些需要注意的細(xì)節(jié)問題，嗯，只說細(xì)節(jié)問題。

1、事先給我一點(diǎn)提示

路過一個(gè)這么漂亮的按鈕，很有心情發(fā)表一篇日志談?wù)撘幌绿鞖猓?BR>

結(jié)果點(diǎn)擊之后告訴我“您目前沒有權(quán)限添加日志”，關(guān)鍵是它還要跳轉(zhuǎn)到一個(gè)新頁面說這個(gè)事情，很不安逸。可不可以事先就說清楚？不讓點(diǎn)擊，變色，文字提示，或者你用個(gè)小彈出層提示也成啊。

看著這么醒目的小氣泡，非常忍不住點(diǎn)擊“小喇叭”看看：

嗯，小窗口優(yōu)雅地向上滑出，相當(dāng)不錯(cuò)的體驗(yàn)，技術(shù)相當(dāng)霸道的小馬哥！好的，接著又點(diǎn)“提醒”，OK，非常舒服的彈出。再點(diǎn)“站內(nèi)信”，oh…我又被進(jìn)入一個(gè)新頁面了。這里如果給“站內(nèi)信”加個(gè)鼠標(biāo)提示，告訴用戶現(xiàn)在不再是彈出，而是要進(jìn)入新頁面了，不就可以避免類似我這樣的“誤”操作了么？

2、表單驗(yàn)證

實(shí)時(shí)地告訴用戶，這個(gè)應(yīng)該怎么填，哪兒又填錯(cuò)了，畢竟填表單是件很繁瑣和枯燥的事兒。不時(shí)地給我一點(diǎn)提示信息是非常不錯(cuò)的主意。

3、讓我點(diǎn)擊文字就可以勾選復(fù)選框吧

很多人都懶得這么做一下，你就那么狠心讓用戶慢慢去瞄準(zhǔn)那個(gè)小小的復(fù)選框??？單選按鈕也是如此。

4、暫停一下讓我看清楚

當(dāng)我鼠標(biāo)還在幻燈片區(qū)域里的時(shí)候，請(qǐng)先暫停播放好不好？你看鳳姐多美啊，我還沒看夠呢。。。

5、點(diǎn)擊區(qū)域大一點(diǎn)

這是一對(duì)左右滾動(dòng)的控制按鈕，還做了鼠標(biāo)經(jīng)過的效果，很不錯(cuò)?？删褪屈c(diǎn)擊區(qū)域太小了，點(diǎn)起來可費(fèi)勁了。類似這樣的東西，請(qǐng)盡可能多地考慮用戶操作起來是否方便吧。你讓用戶爽了，用戶也會(huì)。。。

類似的，應(yīng)該讓整個(gè)選項(xiàng)卡都可以點(diǎn)擊，而不是只能點(diǎn)文字。

6、虛線框

在有的瀏覽器下，點(diǎn)擊鏈接時(shí)會(huì)出現(xiàn)虛線框，其實(shí)我并不反感的虛線框，有的時(shí)候我還想看到這種虛線框，可是下面這樣的情況，看上去就不是很安逸了。

倒不是說，這樣就錯(cuò)了，只是能做得更好，為什么不做呢？況且處理這樣的問題只是舉手之勞嘛。

以上幾點(diǎn)只是用戶體驗(yàn)設(shè)計(jì)的冰山一角， 需要我們各個(gè)層面注意的細(xì)節(jié)還有很多很多。本文也沒有試圖對(duì)這些問題進(jìn)行分門別類的講述，只是想到哪就說到哪，當(dāng)是拋磚引玉吧，不足之處歡迎拍磚。

原文：http://www.xmued.com/?p=1155