術(shù)語(yǔ)“用戶參與”可以指用戶在網(wǎng)站上采取的任何動(dòng)作,例如發(fā)布評(píng)論或搜索查詢,填寫聯(lián)系表格,注冊(cè)登錄等。它還包括每個(gè)用戶在該網(wǎng)站上花費(fèi)的時(shí)間。
更好的用戶參與度可帶來(lái)更高的轉(zhuǎn)換率,更低的跳出率以及可能增加的銷售額。但問(wèn)題是,如何在您的
網(wǎng)站制作與網(wǎng)頁(yè)設(shè)計(jì)中推動(dòng)用戶參與?從網(wǎng)頁(yè)設(shè)計(jì)師的角度來(lái)看,讓我們來(lái)看看七個(gè)很棒的技巧(沒(méi)有特別的順序),可以幫助你朝這個(gè)方向發(fā)展。
創(chuàng)建一個(gè)不雜亂的界面
一個(gè)不雜亂的界面是推動(dòng)用戶參與您網(wǎng)站的第一步。在視覺(jué)元素和網(wǎng)站上的文本之間創(chuàng)建平衡,使其對(duì)用戶來(lái)說(shuō)可讀性更強(qiáng)。確保有足夠的空白區(qū)域,以便用戶可以輕松找到與其興趣相關(guān)的信息。例如,如果他們?cè)谀木W(wǎng)站上尋找“下載”按鈕,他們應(yīng)該能夠輕松找到它并隨后下載。
使用視覺(jué)敘事
視覺(jué)敘事是吸引用戶的好方式之一。但是,它也是最具挑戰(zhàn)性的任務(wù)之一。打開你的腦洞,通過(guò)使用視差滾動(dòng)等設(shè)計(jì)技術(shù),讓您的終端用戶盡可能地感受網(wǎng)站的趣味性。
從Every Last Drop中汲取靈感,這是一個(gè)提示用戶繼續(xù)滾動(dòng)瀏覽網(wǎng)站的方法(它也很好地利用了視差滾動(dòng))。同樣,尋找其他示例,并決定如何在您的網(wǎng)站上加入視覺(jué)敘事。
喜歡基于卡片的設(shè)計(jì)
卡片是在網(wǎng)站上提供信息的好方式之一,尤其是移動(dòng)設(shè)備。使用基于卡片的設(shè)計(jì)以緊湊,動(dòng)畫的方式呈現(xiàn)信息,并提供良好的用戶交互;這反過(guò)來(lái)又會(huì)帶來(lái)更好的用戶參與度。
假設(shè)您有一個(gè)網(wǎng)站,為用戶提供餐廳評(píng)論和評(píng)級(jí)。在這種情況下,當(dāng)訪問(wèn)者搜索特定餐館時(shí),他們可以在卡片的一側(cè)獲得烹飪、氛圍和其他服務(wù)的基本概念。當(dāng)他們翻轉(zhuǎn)卡片時(shí),他們可以通過(guò)地圖和共享按鈕獲取餐廳的地址。這增強(qiáng)了用戶體驗(yàn)并推動(dòng)了用戶對(duì)您網(wǎng)站的參與。
拒絕庫(kù)存攝影
導(dǎo)致網(wǎng)站制作與
網(wǎng)頁(yè)設(shè)計(jì)失敗的一個(gè)方面是使用爛大街的照片。
實(shí)景拍攝的餐廳照片
也許您的網(wǎng)站預(yù)算有限,除了從眾多在線資源中選擇常見的照片外別無(wú)選擇。即使是這種情況,您認(rèn)為那些被看過(guò)無(wú)數(shù)次的人物形象會(huì)對(duì)讓用戶產(chǎn)生好感嗎?答案是否定的,因?yàn)樗麄冊(cè)谄渌W(wǎng)站上肯定也看到了類似的照片。
因此,通過(guò)聘請(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的好處:
通過(guò)使用大量文本輸入和各種字段在您的網(wǎng)站上創(chuàng)建有趣的表單,這些表單對(duì)您的用戶有吸引力。
使用