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