• 
• 
• 
• 
• 
• 
• 

知識普及 ? 前端開發(fā)中的一些用戶體驗細(xì)節(jié)

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

奈薇網(wǎng)站制作 于2019-09-27 17:09發(fā)表 閱讀次數(shù) 2391次

用戶體驗已經(jīng)是一個老生常談的話題了。我非常贊同某位達(dá)人所說的，用戶體驗設(shè)計應(yīng)該貫穿于產(chǎn)品從萌芽到出生的整個過程，產(chǎn)品原型、視覺設(shè)計、前端開發(fā)、后端開發(fā)甚至還包括產(chǎn)品測試大家都應(yīng)該有份。只有各個環(huán)節(jié)的同學(xué)都把這個事兒當(dāng)事兒了，那么做出來的產(chǎn)品才有可能是好產(chǎn)品。我想，UED團(tuán)隊在這個過程中最需要做的就是把用戶體驗的理念當(dāng)成血液一樣輸送到產(chǎn)品的全身。這也是我們新媒UED團(tuán)隊一直努力的方向。 　　本文主要談一談在實踐中，面對一個產(chǎn)品，或者是一個具體的功能點，也可能只是一個按鈕，一次點擊等等，以前端開發(fā)工程師的視角，如何關(guān)注用戶體驗，以及一些需要注意的細(xì)節(jié)問題，嗯，只說細(xì)節(jié)問題。 　　1、事先給我一點提示 　　路過一個這么漂亮的按鈕，很有心情發(fā)表一篇日志談?wù)撘幌绿鞖猓?br /> 　　結(jié)果點擊之后告訴我“您目前沒有權(quán)限添加日志”，關(guān)鍵是它還要跳轉(zhuǎn)到一個新頁面說這個事情，很不安逸?？刹豢梢允孪染驼f清楚？不讓點擊，變色，文字提示，或者你用個小彈出層提示也成啊。 　　看著這么醒目的小氣泡，非常忍不住點擊“小喇叭”看看： 　　嗯，小窗口優(yōu)雅地向上滑出，相當(dāng)不錯的體驗，技術(shù)相當(dāng)霸道的小馬哥！好的，接著又點“提醒”，OK，非常舒服的彈出。再點“站內(nèi)信”，oh…我又被進(jìn)入一個新頁面了。這里如果給“站內(nèi)信”加個鼠標(biāo)提示，告訴用戶現(xiàn)在不再是彈出，而是要進(jìn)入新頁面了，不就可以避免類似我這樣的“誤”操作了么？ 　　2、表單驗證 　　實時地告訴用戶，這個應(yīng)該怎么填，哪兒又填錯了，畢竟填表單是件很繁瑣和枯燥的事兒。不時地給我一點提示信息是非常不錯的主意。 　　3、讓我點擊文字就可以勾選復(fù)選框吧 　　很多人都懶得這么做一下，你就那么狠心讓用戶慢慢去瞄準(zhǔn)那個小小的復(fù)選框??？單選按鈕也是如此。 　　4、暫停一下讓我看清楚 　　當(dāng)我鼠標(biāo)還在幻燈片區(qū)域里的時候，請先暫停播放好不好？你看鳳姐多美啊，我還沒看夠呢。。。 　　5、點擊區(qū)域大一點 　　這是一對左右滾動的控制按鈕，還做了鼠標(biāo)經(jīng)過的效果，很不錯?？删褪屈c擊區(qū)域太小了，點起來可費勁了。類似這樣的東西，請盡可能多地考慮用戶操作起來是否方便吧。你讓用戶爽了，用戶也會。。。 　　類似的，應(yīng)該讓整個選項卡都可以點擊，而不是只能點文字。 　　6、虛線框 　　在有的瀏覽器下，點擊鏈接時會出現(xiàn)虛線框，其實我并不反感的虛線框，有的時候我還想看到這種虛線框，可是下面這樣的情況，看上去就不是很安逸了。 　　倒不是說，這樣就錯了，只是能做得更好，為什么不做呢？況且處理這樣的問題只是舉手之勞嘛。 　　以上幾點只是用戶體驗設(shè)計的冰山一角，需要我們各個層面注意的細(xì)節(jié)還有很多很多。本文也沒有試圖對這些問題進(jìn)行分門別類的講述，只是想到哪就說到哪，當(dāng)是拋磚引玉吧，不足之處歡迎拍磚。

前端開發(fā)中的一些用戶體驗細(xì)節(jié)相關(guān)標(biāo)簽：網(wǎng)頁制作，網(wǎng)站設(shè)計，網(wǎng)站設(shè)計，網(wǎng)站搭建

相關(guān)熱點推薦

網(wǎng)站被收錄了很多卻沒有 網(wǎng)頁設(shè)計現(xiàn)狀 有感豆瓣的改版 網(wǎng)站排名第一的四要素 如何選擇一個網(wǎng)站制作公 網(wǎng)站優(yōu)化排名為什么這么 網(wǎng)站制作流程中，需要雙 8個有效提高網(wǎng)站轉(zhuǎn)換率 如何提高百度收錄 青島網(wǎng)站設(shè)計中如何增強(qiáng) SEO網(wǎng)絡(luò)優(yōu)化、推廣猶 我們還需要“面包屑”嗎 青島網(wǎng)站設(shè)計者怎樣利用 文章中插入圖片的用戶體 支付寶5秒開具發(fā)票 網(wǎng)站設(shè)計：如何讓交互設(shè) 網(wǎng)頁設(shè)計中的文字運用 企業(yè)網(wǎng)站建設(shè)的流程和方 頁面規(guī)劃流程中怎么展示 青島網(wǎng)站制作支持舊IE 如何讓百度收錄更多的網(wǎng) 網(wǎng)頁設(shè)計：如何確定網(wǎng)站 企業(yè)網(wǎng)站建設(shè)完美設(shè)計及 從零開始設(shè)計一個漂亮的 響應(yīng)式網(wǎng)站的利與弊 青島網(wǎng)頁設(shè)計中最常用到 蘋果谷歌微軟Adobe 為什么視覺設(shè)計師需要懂 如何增強(qiáng)圖片設(shè)計的立體 網(wǎng)站維護(hù)主要做什么？ 網(wǎng)站發(fā)布軟文更容易被收 個人網(wǎng)站站長看過來網(wǎng)站 當(dāng)視覺設(shè)計師遇上產(chǎn)品經(jīng) 交互設(shè)計之蘋果系統(tǒng)iO 怎樣做個簡單的小網(wǎng)站 奈薇建站網(wǎng)科技2016 什么才是響應(yīng)式網(wǎng)站呢？ 每個企業(yè)都需要一套網(wǎng)絡(luò)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶