網站用戶體驗之交互體驗

0 評論 22017 瀏覽 71 收藏 9 分鐘

編輯導語:關于用戶體驗設計,首先是要解決用戶的某個實際問題,其次是讓問題變得更容易解決,最后是給用戶留下深刻的印象,讓用戶能夠在整個過程中產生美好的體驗,本文作者關于網站用戶體驗中的交互體驗進行了分析總結。

交互體驗:呈現給用戶操作上的體驗,強調易用、可用性。

一、網站會員

網站的內容是網站的根本內容,但是網站的核心是會員,不管是網站的呈現形式還是文案,最終都是為了吸引會員,有了會員網站才會有商業價值。

常用的吸引會員的方式有:

  1. 支持第三方快捷登陸;
  2. 給出明確錯誤提示;
  3. 有忘記密碼的找回入口;
  4. 讓用戶專注于登錄而沒有過多的干擾;

二、表單填寫

填寫表單經常遇到基本每個網頁都會有。比如:網站進行注冊、登陸、輸入賬號密碼、手機號驗證碼、購物等。所以,在設計表單的時候一定簡單清晰,使用戶能迅速、高效、快捷并且輕松的完成要填寫的內容。

提升表單設計用戶體驗主要從以下幾個方面著手:

  1. 要寫標題,告訴用戶各個單項是做什么的;
  2. 要有輸入框,用戶一眼可以看到該從哪里去填寫;
  3. 幫助信息,可以在輸入框有弱化的文字提示,或者隱藏幫助信息,讓用戶在單擊某個輸入框的時候顯示出來;
  4. 輸入及時反饋,不管是輸入正確還是錯誤,都要有反饋。錯誤的反饋要告訴用戶具體錯在哪里,怎么解決;
  5. 執行動作的顯示,填寫完之后有“注冊”或“登陸”按鈕;
  6. 智能默認大多數人或大多數情況下需要輸入的內容;
  7. 記錄上一次用戶輸入過信息,使用戶能高效的完成填寫;
  8. 區分主要動作和次要動作,比如:注冊和取消的按鈕,注冊是主要動作,可以通過大色塊去讓按鈕更加明顯、突出,“取消”是次要動作,可以把按鈕色塊弱化,或者不加色塊。

三、按鈕

按鈕是網頁中非常重要的元素,它的美觀和創意會給網站加分。但是千萬不要出現按鈕找不到或者點擊按鈕誤操作的行為,用戶體驗會大打折扣,甚至放棄使用網站。

按鈕主要可以分為兩大類:一種是提交表單數據,比如:注冊、登陸;另一種是表示鏈接的,點擊之后會進行頁面跳轉。

提升按鈕設計用戶體驗主要從以下幾個方面著手:

  1. 按鈕使用最多的還是標準按鈕,在有背景圖片的情況下,標準的按鈕更容易被用戶識別;
  2. 按鈕要看起來是可點擊的,可以適當的增加內邊距,讓按鈕看起來更加容易點擊;
  3. 按鈕的反饋要盡可能全面,常見的:“正常狀態”、“鼠標移入狀態”、“點擊狀態”、“不可用狀態”等;
  4. 按鈕的風格要和網站的風格統一,包括:顏色、文字大小、文字顏色等;
  5. 按鈕放的位置要合理,一般表單都是放在底部,或者需要觸發行為操作的附近、屏幕的底部、信息的正下方等。這樣更符合用戶的操作習慣和交互路徑,讓用戶用起來更自然方便;
  6. 明確告訴用戶按鈕的功能,按鈕上的文字要盡量簡潔直觀;
  7. 點擊按鈕之后呈現的結果要合理、迅速,不管是提交還是跳轉到其他頁面,能讓用戶得到期望的結果。

四、文字提示

文字提示信息是交互環節的一種補充,在內容上要盡可能簡潔高效的表達。

文字是交互對象,懸停、滑過、單擊、拖動等都是交互行為,文字發生變化時交互反饋。關于文字的交互變化反饋可以是文字大小、顏色,也可能是一些動態效果;

常見的文字交互方式有以下幾種:

  1. 超鏈接文字顏色,在鼠標懸停時,文字顏色發生變化同時出現藍色下畫線,最常見符合用戶習慣易讀性高;
  2. 超鏈接交互上會呈現4種狀態:默認、鼠標懸停、點擊時狀態、點擊后狀態;點擊狀態比較快,有的時候用戶都不會注意到,所以3種狀態的交互也常見;
  3. 鼠標懸停在頁面某個元素上,會出現新信息,或者更全面詳細的信息;
  4. 出現動態效果,在鼠標懸停時出現單個或多個文字的動態效果,有利于增強交互感;比如:logo文字或者網站名稱文字。

五、在線搜索

是網站種最常用的元素之一,當用戶想要查找內容,搜索功能是網站頁面中最需要使用的功能,搜索的可見性、易用性是影響網站搜索體驗的要素。

常見的搜索樣式類型有4種:導航搜索、通欄搜索條、搜索功能圖標和特殊樣式。

  1. 導航搜索一般放在主導航欄,因為導航在網站總的任意頁面都會出現,這樣可以讓用戶無論在什么位置都可以進行搜索;
  2. 通欄搜索一般放在頂部導航欄的下方,并且會在搜索條四周留白處理,這樣使搜索欄在頁面的視覺效果突出,更直觀、顯眼;
  3. 搜索功能圖標,一般是用搜索icon表示搜索,當鼠標移入的時候會有交互效果,讓搜索框出現。這樣留出更多的位置去顯示內容,但是不如前面兩種搜索明顯;
  4. 特殊搜索樣式,比如通過懸浮按鈕的樣式讓搜索出現的頁面,這種搜索一般在移動端種用的多,Andriod系統原生應用中就有這種。

提升搜索用戶體驗通常有:

  1. 清晰的搜索入口、必要的搜索提示、搜索過程操作的方便簡潔、搜索結果顯示的清晰;
  2. 除此以外還可以根據類目進行分類搜索,在搜索前就縮小搜索的范圍;
  3. 記錄搜索歷史方便用戶下次搜索,同時也方便我們收集用戶信息;
  4. 提供熱門搜索詞,對搜索頻率較高的進行顯示在搜索框里等。

 

本文由 @忻蕓 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!