術(shù)語(yǔ)“用戶參與”可以指用戶在網(wǎng)站上采取的任何動(dòng)作,例如發(fā)布評(píng)論或搜索查詢,填寫(xiě)聯(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ù)之一。打開(kāi)你的腦洞,通過(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)畫(huà)的方式呈現(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ù)算有限,除了從眾多在線資源中選擇常見(jiàn)的照片外別無(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ì)您的用戶有吸引力。
使用<canvas>元素使您的網(wǎng)頁(yè)上的內(nèi)容更具交互性,該元素允許用戶進(jìn)行大量動(dòng)畫(huà)交互。這有助于用戶在您的網(wǎng)站上時(shí)保持注意力。
使用HTML 5獲得對(duì)音頻和視頻元素的原生支持。這意味著用戶不會(huì)被迫下載插件以在您的網(wǎng)站上享受出色的視聽(tī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)的。由于訪問(wèn)者時(shí)間緊迫,大多數(shù)人只是瀏覽大部分內(nèi)容,因此好在網(wǎng)頁(yè)上有多個(gè)引導(dǎo)性用語(yǔ)元素。例如,您可以在您的網(wǎng)站banner上,提示用戶填寫(xiě)試用表單并接聽(tīng)電話?;蛘?,您可以將引導(dǎo)性的按鈕放在頁(yè)面的頂部折疊以及底部折疊處,以方便用戶按照您的提示進(jìn)行操作。
文章名稱:成都網(wǎng)站制作與網(wǎng)頁(yè)設(shè)計(jì)中促進(jìn)用戶參與網(wǎng)站的重要提示
標(biāo)題網(wǎng)址:http://redsoil1982.com.cn/news4/248104.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(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)