前端開發(fā)中的一些用戶體驗(yàn)細(xì)節(jié)

1、前端開發(fā)用戶轆前端幵發(fā)中笊L些用戶體驗(yàn)細(xì)節(jié)用戶體驗(yàn)已經(jīng)是一個老生常談的話題了。我非常贊同某位達(dá)人所說的，用戶體驗(yàn)設(shè)計(jì)應(yīng)該貫 穿于產(chǎn)品從萌芽到出生的整個過程，產(chǎn)品原型、視覺設(shè)計(jì)、前端開發(fā)、后端開發(fā)甚至還包括 產(chǎn)品測試大家都應(yīng)該有份。只有各個環(huán)節(jié)的同學(xué)都把這個事兒當(dāng)事兒了，那么做出來的產(chǎn)品 才有可能是好產(chǎn)品。我想，UED團(tuán)隊(duì)在這個過程中最需要做的就是把用戶體驗(yàn)的理念當(dāng)成 血液一樣輸送到產(chǎn)品的全身。這也是我們新媒UED團(tuán)隊(duì)一直努力的方向。本文主要談一談在實(shí)踐中，面對一個產(chǎn)品，或者是一個具體的功能點(diǎn)，也可能只是一個按鈕， 一次點(diǎn)擊等等，以前端開發(fā)工程師的視角，如何關(guān)注用戶體驗(yàn)，以及一些需要注意的細(xì)節(jié)問

2、 題，嗯，只說細(xì)節(jié)問題。1、事先給我一點(diǎn)提示路過一個這么漂亮的按鈕，很有心情發(fā)表一篇日志談?wù)撘幌绿鞖猓航Y(jié)果點(diǎn)擊之后告訴我“您目前沒有權(quán)限添加日志”，關(guān)鍵是它還要跳轉(zhuǎn)到一個新頁面說這個事 情，很不安逸?？刹豢梢允孪染驼f清楚？不讓點(diǎn)擊，變色，文字提示，或者你用個小彈出層 提示也成啊。勺站內(nèi)信 蟲提翳 碩小喇嘰看著這么醒目的小氣泡，非常忍不住點(diǎn)擊小喇叭”看看:嗯，小窗口優(yōu)雅地向上滑出，相當(dāng)不錯的體驗(yàn)，技術(shù)相當(dāng)霸道的小馬哥！好的，接著又點(diǎn)“提 醒”，OK，非常舒服的彈出。再點(diǎn)“站內(nèi)信”，oh.我又被進(jìn)入一個新頁面了。這里如果給“站 內(nèi)信”加個鼠標(biāo)提示，告訴用戶現(xiàn)在不再是彈出，而是要進(jìn)入新頁面了，不就可

3、以避免類似 我這樣的“誤”操作了么？2、表單驗(yàn)證實(shí)時(shí)地告訴用戶，這個應(yīng)該怎么填，哪兒又填錯了，畢竟填表單是件很繁瑣和枯燥的事兒。不時(shí)地給我一點(diǎn)提示信息是非常不錯的主意。水電子郵箱：這里不能為空甲水電子郵箱：3、讓我點(diǎn)擊文字就可以勾選復(fù)選框吧很多人都懶得這么做一下,你就那么狠心讓用戶慢慢去瞄準(zhǔn)那個小小的復(fù)選框?。繂芜x按鈕 也是如此。走著聽瓏覺時(shí)聽寫論文時(shí)聽深換工作時(shí)聽圉觀直播帖時(shí)聽下午犯困的時(shí)候聽4、暫停一下讓我看清楚當(dāng)我鼠標(biāo)還在幻燈片區(qū)域里的時(shí)候，請先暫停播放好不好？你看鳳姐多美啊，我還沒看夠 呢。5、點(diǎn)擊區(qū)域大一點(diǎn)這是一對左右滾動的控制按鈕，還做了鼠標(biāo)經(jīng)過的效果，很不錯?？删褪屈c(diǎn)擊區(qū)域太小了, 點(diǎn)起來可費(fèi)勁了。類似這樣的東西，請盡可能多地考慮用戶操作起來是否方便吧。你讓用戶 爽了，用戶也會。類似的，應(yīng)該讓整個選項(xiàng)卡都可以點(diǎn)擊，而不是只能點(diǎn)文字?；顒油扑]I業(yè)務(wù)推薦6、虛線框在有的瀏覽器下，點(diǎn)擊鏈接時(shí)會出現(xiàn)虛線框，其實(shí)我并不反感的虛線框，有的時(shí)候我還想看 到這種虛線框，可是下面這樣的情況，看上去就不是很安逸了。sajmiiu上一頁1 2上一頁1 24務(wù) 42 43倒不是說，這樣就錯了，只是能做得更好，為什么不做呢？況且處理這樣的問題只是舉手之 勞嘛。以上幾點(diǎn)只是用戶體驗(yàn)設(shè)計(jì)的冰山一角，需要我們各個層面注意