網(wǎng)站交互設(shè)計(jì)，應(yīng)該有哪些網(wǎng)站交互體驗(yàn)要素

1. 注冊(cè)

現(xiàn)在越來(lái)越多的網(wǎng)站用戶(hù)注冊(cè)流程更加的簡(jiǎn)單，這樣做可以降低用戶(hù)的使用門(mén)檻，可以促進(jìn)更多的用戶(hù)去注冊(cè)。

“讓用戶(hù)感覺(jué)不到注冊(cè)的存在，那么這個(gè)注冊(cè)才是成功的”，在提升用戶(hù)注冊(cè)體驗(yàn)的時(shí)候，主要從以下幾個(gè)方面去著手：

（1）區(qū)分登錄和注冊(cè)

讓用戶(hù)可以明顯的區(qū)分登錄和注冊(cè)，不會(huì)混淆。

（2）讓用戶(hù)在注冊(cè)的時(shí)候使用郵箱或者手機(jī)號(hào)注冊(cè)

讓用戶(hù)在注冊(cè)和登錄的時(shí)候使用唯一的登錄憑證，早期的時(shí)候有的網(wǎng)站會(huì)讓用戶(hù)設(shè)置用戶(hù)名，有的時(shí)間一長(zhǎng)就容易忘記，從而登錄不上給用戶(hù)不好的用戶(hù)體驗(yàn)。

（3）注冊(cè)顯示進(jìn)度條

網(wǎng)站會(huì)員的注冊(cè)流程一定要清晰簡(jiǎn)潔，zui好有流程圖來(lái)配合，讓用戶(hù)指導(dǎo)自己進(jìn)行到哪一步來(lái)，還剩幾步需要完成。

（4）第三方登錄/注冊(cè)

預(yù)留第三方賬號(hào)登錄/注冊(cè)，雖然不是每個(gè)用戶(hù)都會(huì)使用，但是通過(guò)這種方式登錄會(huì)更加便捷。

（5）顯示密碼

在密碼輸入框后面預(yù)留一個(gè)小眼睛，可以自己選擇顯示或者 隱藏密碼。

（6）提醒大寫(xiě)鎖寫(xiě)

通過(guò) 提醒大寫(xiě)鎖定有助于避免多次輸入錯(cuò)誤，降低用戶(hù)的多次輸錯(cuò)的概率。

2. 登錄

（1）允許使用郵箱、用戶(hù)名或已經(jīng)驗(yàn)證的手機(jī)登錄，并且給出相應(yīng)提示。

（2）給出明確錯(cuò)誤提示

給出明確的錯(cuò)誤提示，用戶(hù)能準(zhǔn)確的判斷是哪一項(xiàng)錯(cuò)誤，可以有效提升用戶(hù)登錄操作體驗(yàn)。

（3）添加“忘記密碼”的鏈接

不需要放在很顯眼的位置，緊靠著用戶(hù)登錄表單，如果用戶(hù)真的忘記了密碼可以很快找到解決的辦法。

（4）按鈕上的提示信息

在登錄頁(yè)面中，按鈕上寫(xiě)上“登錄”字樣，不要用“提交”或“完成”字樣，這樣會(huì)讓用戶(hù)覺(jué)得操作和預(yù)期是一樣的，增強(qiáng)用戶(hù)體驗(yàn)。

3. 按鈕

按鈕是界面中zui小的元素之一，同時(shí)也是zui關(guān)鍵的控件。我們?cè)谠O(shè)計(jì)的時(shí)候需要注意，用戶(hù)一般在什么情況下會(huì)使用按鈕；按鈕在與用戶(hù)交互操作過(guò)程中如何為用戶(hù)提供反饋的信息；

出色的交互按鈕需要注意以下幾點(diǎn)：

（1）按鈕需要看起來(lái)可點(diǎn)擊

為按鈕添加微妙的陰影效果，是按鈕看起來(lái)“浮”出頁(yè)面更接近用戶(hù)。為按鈕添加鼠標(biāo)懸浮或點(diǎn)擊操作的交互效果，提示用戶(hù)。

（2）按鈕的色彩很重要

按鈕作為用戶(hù)交互操作的核心，在頁(yè)面中使用色彩進(jìn)行突出，網(wǎng)頁(yè)中的按鈕色彩應(yīng)該是明亮而吸引人的，通常喜歡采用明亮的黃色、綠色和藍(lán)色進(jìn)行按鈕色彩，想突出按鈕的顏色，用與背景色相對(duì)的顏色也是不錯(cuò)的選擇。同時(shí)按鈕的顏色還需要注意品牌色，選擇一個(gè)與頁(yè)面品牌配色方案相匹配的，不僅要識(shí)別度高，而且與品牌有關(guān)聯(lián)性。

（3）按鈕的位置

按鈕放哪里可以為網(wǎng)站帶來(lái)更多的點(diǎn)擊量？大多數(shù)情況下，應(yīng)該將按鈕放置在特定的位置。比如：表單的底部、出發(fā)行為操作的信息附近、在頁(yè)面或者 屏幕的底部、信息的正下方。不管是在pc端還是移動(dòng)端，這些位置都遵循了用戶(hù)的習(xí)慣和自然的交互路徑，使用戶(hù)操作更加方便。

（4）良好的對(duì)比效果

在設(shè)計(jì)按鈕的時(shí)候，不僅要讓按鈕的內(nèi)容與按鈕本身形成良好的對(duì)比，而且和背景以及周?chē)匾惨纬蓪?duì)比效果。

（5）使用標(biāo)準(zhǔn)形狀

當(dāng)我們?cè)谠O(shè)計(jì)按鈕的時(shí)候盡量選擇標(biāo)準(zhǔn)形狀來(lái)設(shè)計(jì)，比如方形或者圓角矩形，符合用戶(hù)的認(rèn)知習(xí)慣。

（6）明確告訴用戶(hù)按鈕的功能

每個(gè)按鈕都會(huì)包含按鈕文本，它會(huì)告訴用戶(hù)的功能。按鈕上的文本要簡(jiǎn)潔、直觀、符合整個(gè)網(wǎng)站的風(fēng)格。當(dāng)用戶(hù)點(diǎn)擊按鈕之后，出現(xiàn)的內(nèi)容和指示的是相符的，迅速地呈現(xiàn)在用戶(hù)眼前，獲得用戶(hù)期望的結(jié)果。

（7）賦予按鈕更高的視覺(jué)優(yōu)先級(jí)

讓按鈕的形狀、顏色和視覺(jué)重量上，都是頁(yè)面中zui顯眼的那一個(gè)元素。

新聞名稱(chēng)：網(wǎng)站交互設(shè)計(jì)，應(yīng)該有哪些網(wǎng)站交互體驗(yàn)要素
網(wǎng)站路徑：http://muchs.cn/news13/126413.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、小程序開(kāi)發(fā)、軟件開(kāi)發(fā)、定制開(kāi)發(fā)、面包屑導(dǎo)航、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)