術(shù)語(yǔ)“用戶參與”可以指用戶在網(wǎng)站上采取的任何動(dòng)作，例如發(fā)布評(píng)論或搜索查詢，填寫聯(lián)系表格，注冊(cè)登錄等。它還包括每個(gè)用戶在該網(wǎng)站上花費(fèi)的時(shí)間。

更好的用戶參與度可帶來更高的轉(zhuǎn)換率，更低的跳出率以及可能增加的銷售額。但問題是，如何在您的網(wǎng)站制作與網(wǎng)頁(yè)設(shè)計(jì)中推動(dòng)用戶參與？從網(wǎng)頁(yè)設(shè)計(jì)師的角度來看，讓我們來看看七個(gè)很棒的技巧（沒有特別的順序），可以幫助你朝這個(gè)方向發(fā)展。

創(chuàng)建一個(gè)不雜亂的界面

一個(gè)不雜亂的界面是推動(dòng)用戶參與您網(wǎng)站的第一步。在視覺元素和網(wǎng)站上的文本之間創(chuàng)建平衡，使其對(duì)用戶來說可讀性更強(qiáng)。確保有足夠的空白區(qū)域，以便用戶可以輕松找到與其興趣相關(guān)的信息。例如，如果他們?cè)谀木W(wǎng)站上尋找“下載”按鈕，他們應(yīng)該能夠輕松找到它并隨后下載。

使用視覺敘事

視覺敘事是吸引用戶的最佳方式之一。但是，它也是最具挑戰(zhàn)性的任務(wù)之一。打開你的腦洞，通過使用視差滾動(dòng)等設(shè)計(jì)技術(shù)，讓您的終端用戶盡可能地感受網(wǎng)站的趣味性。

從Every Last Drop中汲取靈感，這是一個(gè)提示用戶繼續(xù)滾動(dòng)瀏覽網(wǎng)站的方法（它也很好地利用了視差滾動(dòng)）。同樣，尋找其他示例，并決定如何在您的網(wǎng)站上加入視覺敘事。

喜歡基于卡片的設(shè)計(jì)

卡片是在網(wǎng)站上提供信息的最佳方式之一，尤其是移動(dòng)設(shè)備。使用基于卡片的設(shè)計(jì)以緊湊，動(dòng)畫的方式呈現(xiàn)信息，并提供良好的用戶交互；這反過來又會(huì)帶來更好的用戶參與度。

假設(shè)您有一個(gè)網(wǎng)站，為用戶提供餐廳評(píng)論和評(píng)級(jí)。在這種情況下，當(dāng)訪問者搜索特定餐館時(shí)，他們可以在卡片的一側(cè)獲得烹飪、氛圍和其他服務(wù)的基本概念。當(dāng)他們翻轉(zhuǎn)卡片時(shí)，他們可以通過地圖和共享按鈕獲取餐廳的地址。這增強(qiáng)了用戶體驗(yàn)并推動(dòng)了用戶對(duì)您網(wǎng)站的參與。

拒絕庫(kù)存攝影

導(dǎo)致網(wǎng)站制作與網(wǎng)頁(yè)設(shè)計(jì)失敗的一個(gè)方面是使用爛大街的照片。

實(shí)景拍攝的餐廳照片

也許您的網(wǎng)站預(yù)算有限，除了從眾多在線資源中選擇常見的照片外別無選擇。即使是這種情況，您認(rèn)為那些被看過無數(shù)次的人物形象會(huì)對(duì)讓用戶產(chǎn)生好感嗎？答案是否定的，因?yàn)樗麄冊(cè)谄渌W(wǎng)站上肯定也看到了類似的照片。

因此，通過聘請(qǐng)專業(yè)攝影師的服務(wù)，拍攝并在網(wǎng)站上使用原創(chuàng)照片。您網(wǎng)站上的高質(zhì)量原創(chuàng)照片將提高其可信度，從而提高用戶參與度。

用HTML 5替換Flash

HTML 5憑借其有趣的功能和特性，具有優(yōu)于Flash的優(yōu)勢(shì)，并被用于創(chuàng)建可擴(kuò)展的響應(yīng)式網(wǎng)站制作與網(wǎng)頁(yè)設(shè)計(jì)。事實(shí)上，有些網(wǎng)站完全取消了Flash，轉(zhuǎn)而使用HTML 5。

使用HTML 5的好處：

通過使用大量文本輸入和各種字段在您的網(wǎng)站上創(chuàng)建有趣的表單，這些表單對(duì)您的用戶有吸引力。

使用<canvas>元素使您的網(wǎng)頁(yè)上的內(nèi)容更具交互性，該元素允許用戶進(jìn)行大量動(dòng)畫交互。這有助于用戶在您的網(wǎng)站上時(shí)保持注意力。

使用HTML 5獲得對(duì)音頻和視頻元素的原生支持。這意味著用戶不會(huì)被迫下載插件以在您的網(wǎng)站上享受出色的視聽體驗(yàn)。

這些要點(diǎn)表明，可以用HTML 5取代Flash使網(wǎng)站“平臺(tái)獨(dú)立”，并允許用戶在任何設(shè)備上與您網(wǎng)站的所有功能進(jìn)行交互，從而提高用戶參與度。

使用大幅banner

大幅banner是響應(yīng)式網(wǎng)站制作與網(wǎng)頁(yè)設(shè)計(jì)的流行趨勢(shì)之一。這些網(wǎng)站有一張大型照片或視頻，上面有幾行文字或標(biāo)題，吸引了用戶的眼球。通常情況下，他們還會(huì)以Ghost Button的形式進(jìn)行引導(dǎo)性用語(yǔ)，可以是訂閱表單，注冊(cè)表單或指向網(wǎng)站上其他頁(yè)面的鏈接。這樣可以很好地利用空間，不會(huì)分散用戶的注意力，引起他們的注意。

確保您網(wǎng)站上的banner圖非常適合網(wǎng)站的定位。使用與您的品牌或業(yè)務(wù)同步的色調(diào)，并選擇高分辨率圖像或視頻。至于排版，請(qǐng)簡(jiǎn)單選擇描述網(wǎng)站上特色產(chǎn)品或服務(wù)的大字體，最好是自定義字體。此外，您可以在網(wǎng)站上使用多個(gè)banner圖作為幻燈片，以突出顯示同一產(chǎn)品的各種功能或展示不同產(chǎn)品的集合。

多次使用引導(dǎo)性用語(yǔ)元素

在您的網(wǎng)站制作與網(wǎng)頁(yè)設(shè)計(jì)中使用引導(dǎo)性用語(yǔ)，最好是原創(chuàng)的。由于訪問者時(shí)間緊迫，大多數(shù)人只是瀏覽大部分內(nèi)容，因此最好在網(wǎng)頁(yè)上有多個(gè)引導(dǎo)性用語(yǔ)元素。例如，您可以在您的網(wǎng)站banner上，提示用戶填寫試用表單并接聽電話。或者，您可以將引導(dǎo)性的按鈕放在頁(yè)面的頂部折疊以及底部折疊處，以方便用戶按照您的提示進(jìn)行操作。