在工業(yè)化設計融入人們生活的現(xiàn)今，用戶體驗一詞就常常出現(xiàn)在人們的視線里，隨著互聯(lián)網(wǎng)web2.0時代的到來，大大小小的網(wǎng)站設計中也都開始關注用戶體驗的方面，對什么是用戶體驗（百度這四個字，比我寫什么解釋都好）就不做詳細贅述了，相信大家比我了解的更加豐富。

用戶體驗從產(chǎn)品設計階段便開始介入進來，如原型設計中交互模式設計、功能實現(xiàn)方式設計都融入了設計人員對用戶的關懷，聽過這樣的一句話：“具有良好用戶體驗的產(chǎn)品，不僅僅取決于一個有著豐富交互設計經(jīng)驗的產(chǎn)品設計師，還與產(chǎn)品生產(chǎn)過程中的每一個環(huán)節(jié)是否都具備良好的用戶體驗意識有一定的關系”。

今天我想從一個頁面重構工程師的角度出發(fā)，從兩個方面去談談在我的工作中，我所理解的用戶體驗，以及我做了哪些和用戶體驗有關的事情。

一、 從可用到易用的細節(jié)處理

1. 按鈕、鏈接、導航菜單的鼠標觸發(fā)狀態(tài)、鼠標手型等

隨著視覺設計的發(fā)展，對按鈕、鏈接、或者導航菜單的表現(xiàn)方式變得異常豐富，比如：

這些圖片豐富了對鼠標點擊形式的視覺表現(xiàn)力。在基于功能可用的前提下，逐漸通過視覺渲染達到美化的效果，有了精美的設計圖后，就需要頁面重構工程師們加以切割，在代碼化的過程中，通常要做如下考量：

可點擊區(qū)域大小，例如（下圖）盡管風格上似乎按鈕只有10*10，但是在實現(xiàn)時，要考慮用戶操作起來是不是很容易獲取錨點，而不是點來點去找不到

鼠標操作類型的提示，鼠標輸入提示、手型提示、文本區(qū)域提示、不可點擊提示，盡管整個頁面的視覺引導更重要，但用戶在操作時，人眼一直跟隨著鼠標或鍵盤的操作而轉換，如果能伴隨著正確的鼠標操作提示，更可增強引導作用。從而提升交互體驗。

按鈕風格的一致性，按鈕當前狀態(tài)和點擊狀態(tài)的統(tǒng)一，按鈕按照功能所作的統(tǒng)一，

設計師天馬行空的想象力，賦予了他們創(chuàng)造性，而我們既要保留他們的創(chuàng)造力還要抽象出一些共用特征，在我看來按鈕類型有3種，如果能有效區(qū)分，對網(wǎng)站的整體風格的建立和強化交互感受方面都會有一定一致性，同時在頁面構建過程中會抽離成公用信息，非常便于管理和維護。

1）如確認、取消等，可稱之為貫穿型

2）如登錄、加關注等，可稱之為點睛型，這一型在實際工作中通常從視覺上都略強于貫穿型，所以會建議設計師做一定統(tǒng)一，有時候是風格上，有時候是結構上，再甚者就是大小比例上

3）如發(fā)博文、發(fā)微博等按鈕，可稱之為增強型，通常這個類型不會限制設計師按照標準類型去做，即便出來的是個異型，我們還是應該理解的。

4）最后就是無論哪種類型，都要注意是否有鼠標點擊的hover狀態(tài)，即便設計師沒有設計，也要做出hover的交互效果，至少是預留，就我而言通常都是在原按鈕顏色基礎上調整一下顏色深度作為hover狀態(tài)，大部分按鈕我都會考慮做出交互效果，當然也有例外，比如活動專題中的點擊區(qū)域，通常不會增加點擊后的過分明顯效果，如果非要做出一點效果，最多是調整一下文字本身的明暗度。（我承認我有些吹毛求疵）

2. 圖片的alt解釋信息

通常拿到設計需求，我會要求設計師幫助梳理icon，一般會分兩類，功能型、注釋型。同時要求兩種類型圖片的像素區(qū)間要各自保持一致性，這樣一來設計師在整理的過程中就會意識到，有的文字沒有必要加注釋圖片，有的是功能和注釋類型的大小、風格可能不一致，梳理過程中設計師會去調整一下，同時也在創(chuàng)意的過程中滲透一些規(guī)則。

第一、二行是注釋型，第三行是功能型

3. 因設計或排版而沒有完全顯示出來的文字信息的title提示

產(chǎn)品或用戶經(jīng)常抱怨“后面的文字看不到，這到底是什么內容？”之所以出現(xiàn)這樣的情況，主要是沒有考慮到文字信息出現(xiàn)的位置和當時這些文字的重要性，如果是圖片瀑布流，那文字信息的作用只是索引而已，如果是文章列表頁或視頻列表頁、甚至正文頁這樣的終極頁面，標題名稱是務必要全部展示的。所以為了避免折磨用戶，一定要給顯示不完全的信息增加title，在存在缺陷的情況下也能有讓用戶有些許安慰，否則你就太傷用戶的心了。

4. 網(wǎng)站logo的權重設置H1、網(wǎng)站主要標題、標識的權重設置H2-H6、stong、em、b等（對搜索引擎的友好可讀性）

考慮各個層面的用戶體驗，是為了讓用戶盡量全方位的感受到網(wǎng)頁的無邊界瀏覽，在視覺和交互充分發(fā)揮作用的背后，代碼標簽的選擇，也從一定層面決定了用戶是否能夠更好的使用，目前的一些搜索引擎，如Google、Baidu等，在過濾網(wǎng)頁信息的過程中，有一套機制去尋找你網(wǎng)頁中的主要內容，那些對搜索引擎比較友好的標簽會更有利于頁面信息的抓取，在用戶搜索的過程中，拋開企業(yè)間戰(zhàn)略合作不談，也會相對顯示在比較靠前的位置（當然如果搜索引擎的廣告效益非常好的時候，或許第一屏還是與你無緣，這……你懂的）

標簽： 網(wǎng)頁重構 用戶體驗 產(chǎn)品設計 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。