SEO/SEM

一個頁面重構工程師眼中的“用戶體驗”

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

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

  一、 從可用到易用的細節處理

  1. 按鈕、鏈接、導航菜單的鼠標觸發狀態、鼠標手型等

  隨著視覺設計的發展,對按鈕、鏈接、或者導航菜單的表現方式變得異常豐富,比如:

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

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

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

  按鈕風格的一致性,按鈕當前狀態和點擊狀態的統一,按鈕按照功能所作的統一,

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

  1)如確認、取消等,可稱之為貫穿型

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

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

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

  2. 圖片的alt解釋信息

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

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

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

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

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

  考慮各個層面的用戶體驗,是為了讓用戶盡量全方位的感受到網頁的無邊界瀏覽,在視覺和交互充分發揮作用的背后,代碼標簽的選擇,也從一定層面決定了用戶是否能夠更好的使用,目前的一些搜索引擎,如Google、Baidu等,在過濾網頁信息的過程中,有一套機制去尋找你網頁中的主要內容,那些對搜索引擎比較友好的標簽會更有利于頁面信息的抓取,在用戶搜索的過程中,拋開企業間戰略合作不談,也會相對顯示在比較靠前的位置!
(責任編輯:十堰網站建設)

色噜噜2017最新在线观看