編輯導語：關於用户體驗設計，首先是要解決用户的某個實際問題，其次是讓問題變得更容易解決，最後是給用户留下深刻的印象，讓用户能夠在整個過程中產生美好的體驗，本文作者關於網站用户體驗中的交互體驗進行了分析總結。
交互體驗：呈現給用户操作上的體驗，強調易用、可用性。
一、網站會員網站的內容是網站的根本內容，但是網站的核心是會員，不管是網站的呈現形式還是文案，最終都是為了吸引會員，有了會員網站才會有商業價值。
常用的吸引會員的方式有：
- 支持第三方快捷登陸；
- 給出明確錯誤提示；
- 有忘記密碼的找回入口；
- 讓用户專注於登錄而沒有過多的干擾；
填寫表單經常遇到基本每個網頁都會有。比如：網站進行註冊、登陸、輸入賬號密碼、手機號驗證碼、購物等。所以，在設計表單的時候一定簡單清晰，使用户能迅速、高效、快捷並且輕鬆的完成要填寫的內容。
提升表單設計用户體驗主要從以下幾個方面着手：
- 要寫標題，告訴用户各個單項是做什麼的；
- 要有輸入框，用户一眼可以看到該從哪裏去填寫；
- 幫助信息，可以在輸入框有弱化的文字提示，或者隱藏幫助信息，讓用户在單擊某個輸入框的時候顯示出來；
- 輸入及時反饋，不管是輸入正確還是錯誤，都要有反饋。錯誤的反饋要告訴用户具體錯在哪裏，怎麼解決；
- 執行動作的顯示，填寫完之後有“註冊”或“登陸”按鈕；
- 智能默認大多數人或大多數情況下需要輸入的內容；
- 記錄上一次用户輸入過信息，使用户能高效的完成填寫；
- 區分主要動作和次要動作，比如：註冊和取消的按鈕，註冊是主要動作，可以通過大色塊去讓按鈕更加明顯、突出，“取消”是次要動作，可以把按鈕色塊弱化，或者不加色塊。
按鈕是網頁中非常重要的元素，它的美觀和創意會給網站加分。但是千萬不要出現按鈕找不到或者點擊按鈕誤操作的行為，用户體驗會大打折扣，甚至放棄使用網站。
按鈕主要可以分為兩大類：一種是提交表單數據，比如：註冊、登陸；另一種是表示鏈接的，點擊之後會進行頁面跳轉。
提升按鈕設計用户體驗主要從以下幾個方面着手：
- 按鈕使用最多的還是標準按鈕，在有背景圖片的情況下，標準的按鈕更容易被用户識別；
- 按鈕要看起來是可點擊的，可以適當的增加內邊距，讓按鈕看起來更加容易點擊；
- 按鈕的反饋要儘可能全面，常見的：“正常狀態”、“鼠標移入狀態”、“點擊狀態”、“不可用狀態”等；
- 按鈕的風格要和網站的風格統一，包括：顏色、文字大小、文字顏色等；
- 按鈕放的位置要合理，一般表單都是放在底部，或者需要觸發行為操作的附近、屏幕的底部、信息的正下方等。這樣更符合用户的操作習慣和交互路徑，讓用户用起來更自然方便；
- 明確告訴用户按鈕的功能，按鈕上的文字要儘量簡潔直觀；
- 點擊按鈕之後呈現的結果要合理、迅速，不管是提交還是跳轉到其他頁面，能讓用户得到期望的結果。
文字提示信息是交互環節的一種補充，在內容上要儘可能簡潔高效的表達。
文字是交互對象，懸停、滑過、單擊、拖動等都是交互行為，文字發生變化時交互反饋。關於文字的交互變化反饋可以是文字大小、顏色，也可能是一些動態效果；
常見的文字交互方式有以下幾種：
- 超鏈接文字顏色，在鼠標懸停時，文字顏色發生變化同時出現藍色下畫線，最常見符合用户習慣易讀性高；
- 超鏈接交互上會呈現4種狀態：默認、鼠標懸停、點擊時狀態、點擊後狀態；點擊狀態比較快，有的時候用户都不會注意到，所以3種狀態的交互也常見；
- 鼠標懸停在頁面某個元素上，會出現新信息，或者更全面詳細的信息；
- 出現動態效果，在鼠標懸停時出現單個或多個文字的動態效果，有利於增強交互感；比如：logo文字或者網站名稱文字。
是網站種最常用的元素之一，當用户想要查找內容，搜索功能是網站頁面中最需要使用的功能，搜索的可見性、易用性是影響網站搜索體驗的要素。
常見的搜索樣式類型有4種：導航搜索、通欄搜索條、搜索功能圖標和特殊樣式。
- 導航搜索一般放在主導航欄，因為導航在網站總的任意頁面都會出現，這樣可以讓用户無論在什麼位置都可以進行搜索；
- 通欄搜索一般放在頂部導航欄的下方，並且會在搜索條四周留白處理，這樣使搜索欄在頁面的視覺效果突出，更直觀、顯眼；
- 搜索功能圖標，一般是用搜索icon表示搜索，當鼠標移入的時候會有交互效果，讓搜索框出現。這樣留出更多的位置去顯示內容，但是不如前面兩種搜索明顯；
- 特殊搜索樣式，比如通過懸浮按鈕的樣式讓搜索出現的頁面，這種搜索一般在移動端種用的多，Andriod系統原生應用中就有這種。
提升搜索用户體驗通常有：
- 清晰的搜索入口、必要的搜索提示、搜索過程操作的方便簡潔、搜索結果顯示的清晰；
- 除此以外還可以根據類目進行分類搜索，在搜索前就縮小搜索的範圍；
- 記錄搜索歷史方便用户下次搜索，同時也方便我們收集用户信息；
- 提供熱門搜索詞，對搜索頻率較高的進行顯示在搜索框裏等。
本文由 @忻芸 原創發佈於人人都是產品經理，未經許可，禁止轉載
題圖來自 unsplash，基於 CC0 協議