編輯導(dǎo)語：關(guān)于用戶體驗設(shè)計，首先是要解決用戶的某個實際問題，其次是讓問題變得更容易解決，最后是給用戶留下深刻的印象，讓用戶能夠在整個過程中產(chǎn)生美好的體驗，本文作者關(guān)于網(wǎng)站用戶體驗中的交互體驗進行了分析總結(jié)。

交互體驗：呈現(xiàn)給用戶操作上的體驗，強調(diào)易用、可用性。

一、網(wǎng)站會員

網(wǎng)站的內(nèi)容是網(wǎng)站的根本內(nèi)容，但是網(wǎng)站的核心是會員，不管是網(wǎng)站的呈現(xiàn)形式還是文案，最終都是為了吸引會員，有了會員網(wǎng)站才會有商業(yè)價值。

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

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

二、表單填寫

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

提升表單設(shè)計用戶體驗主要從以下幾個方面著手：

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

三、按鈕

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

按鈕主要可以分為兩大類：一種是提交表單數(shù)據(jù)，比如：注冊、登陸；另一種是表示鏈接的，點擊之后會進行頁面跳轉(zhuǎn)。

提升按鈕設(shè)計用戶體驗主要從以下幾個方面著手：

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

四、文字提示

文字提示信息是交互環(huán)節(jié)的一種補充，在內(nèi)容上要盡可能簡潔高效的表達。

文字是交互對象，懸停、滑過、單擊、拖動等都是交互行為，文字發(fā)生變化時交互反饋。關(guān)于文字的交互變化反饋可以是文字大小、顏色，也可能是一些動態(tài)效果；

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

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

五、在線搜索

是網(wǎng)站種最常用的元素之一，當用戶想要查找內(nèi)容，搜索功能是網(wǎng)站頁面中最需要使用的功能，搜索的可見性、易用性是影響網(wǎng)站搜索體驗的要素。

常見的搜索樣式類型有4種：導(dǎo)航搜索、通欄搜索條、搜索功能圖標和特殊樣式。

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

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

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

本文由 @忻蕓 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 unsplash，基于 CC0 協(xié)議