網站制作與網頁設計中促進用戶參與網站的重要提示
責任編輯:神州華宇 來源:北京網站建設 點擊:208 發(fā)表時間:2019-03-08
術語“用戶參與”可以指用戶在網站上采取的任何動作,例如發(fā)布評論或搜索查詢,填寫聯(lián)系表格,注冊登錄等。它還包括每個用戶在該網站上花費的時間。
更好的用戶參與度可帶來更高的轉換率,更低的跳出率以及可能增加的銷售額。但問題是,如何在您的網站制作與網頁設計中推動用戶參與?從網頁設計師的角度來看,讓我們來看看七個很棒的技巧(沒有特別的順序),可以幫助你朝這個方向發(fā)展。
創(chuàng)建一個不雜亂的界面
一個不雜亂的界面是推動用戶參與您網站的第一步。在視覺元素和網站上的文本之間創(chuàng)建平衡,使其對用戶來說可讀性更強。確保有足夠的空白區(qū)域,以便用戶可以輕松找到與其興趣相關的信息。例如,如果他們在您的網站上尋找“下載”按鈕,他們應該能夠輕松找到它并隨后下載。
使用視覺敘事
視覺敘事是吸引用戶的最佳方式之一。但是,它也是最具挑戰(zhàn)性的任務之一。打開你的腦洞,通過使用視差滾動等設計技術,讓您的終端用戶盡可能地感受網站的趣味性。
從Every Last Drop中汲取靈感,這是一個提示用戶繼續(xù)滾動瀏覽網站的方法(它也很好地利用了視差滾動)。同樣,尋找其他示例,并決定如何在您的網站上加入視覺敘事。
喜歡基于卡片的設計
卡片是在網站上提供信息的最佳方式之一,尤其是移動設備。使用基于卡片的設計以緊湊,動畫的方式呈現(xiàn)信息,并提供良好的用戶交互;這反過來又會帶來更好的用戶參與度。
假設您有一個網站,為用戶提供餐廳評論和評級。在這種情況下,當訪問者搜索特定餐館時,他們可以在卡片的一側獲得烹飪、氛圍和其他服務的基本概念。當他們翻轉卡片時,他們可以通過地圖和共享按鈕獲取餐廳的地址。這增強了用戶體驗并推動了用戶對您網站的參與。
拒絕庫存攝影
導致網站制作與網頁設計失敗的一個方面是使用爛大街的照片。
實景拍攝的餐廳照片
也許您的網站預算有限,除了從眾多在線資源中選擇常見的照片外別無選擇。即使是這種情況,您認為那些被看過無數次的人物形象會對讓用戶產生好感嗎?答案是否定的,因為他們在其他網站上肯定也看到了類似的照片。
因此,通過聘請專業(yè)攝影師的服務,拍攝并在網站上使用原創(chuàng)照片。您網站上的高質量原創(chuàng)照片將提高其可信度,從而提高用戶參與度。
用HTML 5替換Flash
HTML 5憑借其有趣的功能和特性,具有優(yōu)于Flash的優(yōu)勢,并被用于創(chuàng)建可擴展的響應式網站制作與網頁設計。事實上,有些網站完全取消了Flash,轉而使用HTML 5。
使用HTML 5的好處:
通過使用大量文本輸入和各種字段在您的網站上創(chuàng)建有趣的表單,這些表單對您的用戶有吸引力。
使用<canvas>元素使您的網頁上的內容更具交互性,該元素允許用戶進行大量動畫交互。這有助于用戶在您的網站上時保持注意力。
使用HTML 5獲得對音頻和視頻元素的原生支持。這意味著用戶不會被迫下載插件以在您的網站上享受出色的視聽體驗。
這些要點表明,可以用HTML 5取代Flash使網站“平臺獨立”,并允許用戶在任何設備上與您網站的所有功能進行交互,從而提高用戶參與度。
使用大幅banner
大幅banner是響應式網站制作與網頁設計的流行趨勢之一。這些網站有一張大型照片或視頻,上面有幾行文字或標題,吸引了用戶的眼球。通常情況下,他們還會以Ghost Button的形式進行引導性用語,可以是訂閱表單,注冊表單或指向網站上其他頁面的鏈接。這樣可以很好地利用空間,不會分散用戶的注意力,引起他們的注意。
確保您網站上的banner圖非常適合網站的定位。使用與您的品牌或業(yè)務同步的色調,并選擇高分辨率圖像或視頻。至于排版,請簡單選擇描述網站上特色產品或服務的大字體,最好是自定義字體。此外,您可以在網站上使用多個banner圖作為幻燈片,以突出顯示同一產品的各種功能或展示不同產品的集合。
多次使用引導性用語元素
更好的用戶參與度可帶來更高的轉換率,更低的跳出率以及可能增加的銷售額。但問題是,如何在您的網站制作與網頁設計中推動用戶參與?從網頁設計師的角度來看,讓我們來看看七個很棒的技巧(沒有特別的順序),可以幫助你朝這個方向發(fā)展。
創(chuàng)建一個不雜亂的界面
一個不雜亂的界面是推動用戶參與您網站的第一步。在視覺元素和網站上的文本之間創(chuàng)建平衡,使其對用戶來說可讀性更強。確保有足夠的空白區(qū)域,以便用戶可以輕松找到與其興趣相關的信息。例如,如果他們在您的網站上尋找“下載”按鈕,他們應該能夠輕松找到它并隨后下載。
使用視覺敘事
視覺敘事是吸引用戶的最佳方式之一。但是,它也是最具挑戰(zhàn)性的任務之一。打開你的腦洞,通過使用視差滾動等設計技術,讓您的終端用戶盡可能地感受網站的趣味性。
從Every Last Drop中汲取靈感,這是一個提示用戶繼續(xù)滾動瀏覽網站的方法(它也很好地利用了視差滾動)。同樣,尋找其他示例,并決定如何在您的網站上加入視覺敘事。
喜歡基于卡片的設計
卡片是在網站上提供信息的最佳方式之一,尤其是移動設備。使用基于卡片的設計以緊湊,動畫的方式呈現(xiàn)信息,并提供良好的用戶交互;這反過來又會帶來更好的用戶參與度。
假設您有一個網站,為用戶提供餐廳評論和評級。在這種情況下,當訪問者搜索特定餐館時,他們可以在卡片的一側獲得烹飪、氛圍和其他服務的基本概念。當他們翻轉卡片時,他們可以通過地圖和共享按鈕獲取餐廳的地址。這增強了用戶體驗并推動了用戶對您網站的參與。
拒絕庫存攝影
導致網站制作與網頁設計失敗的一個方面是使用爛大街的照片。
實景拍攝的餐廳照片
也許您的網站預算有限,除了從眾多在線資源中選擇常見的照片外別無選擇。即使是這種情況,您認為那些被看過無數次的人物形象會對讓用戶產生好感嗎?答案是否定的,因為他們在其他網站上肯定也看到了類似的照片。
因此,通過聘請專業(yè)攝影師的服務,拍攝并在網站上使用原創(chuàng)照片。您網站上的高質量原創(chuàng)照片將提高其可信度,從而提高用戶參與度。
用HTML 5替換Flash
HTML 5憑借其有趣的功能和特性,具有優(yōu)于Flash的優(yōu)勢,并被用于創(chuàng)建可擴展的響應式網站制作與網頁設計。事實上,有些網站完全取消了Flash,轉而使用HTML 5。
使用HTML 5的好處:
通過使用大量文本輸入和各種字段在您的網站上創(chuàng)建有趣的表單,這些表單對您的用戶有吸引力。
使用<canvas>元素使您的網頁上的內容更具交互性,該元素允許用戶進行大量動畫交互。這有助于用戶在您的網站上時保持注意力。
使用HTML 5獲得對音頻和視頻元素的原生支持。這意味著用戶不會被迫下載插件以在您的網站上享受出色的視聽體驗。
這些要點表明,可以用HTML 5取代Flash使網站“平臺獨立”,并允許用戶在任何設備上與您網站的所有功能進行交互,從而提高用戶參與度。
使用大幅banner
大幅banner是響應式網站制作與網頁設計的流行趨勢之一。這些網站有一張大型照片或視頻,上面有幾行文字或標題,吸引了用戶的眼球。通常情況下,他們還會以Ghost Button的形式進行引導性用語,可以是訂閱表單,注冊表單或指向網站上其他頁面的鏈接。這樣可以很好地利用空間,不會分散用戶的注意力,引起他們的注意。
確保您網站上的banner圖非常適合網站的定位。使用與您的品牌或業(yè)務同步的色調,并選擇高分辨率圖像或視頻。至于排版,請簡單選擇描述網站上特色產品或服務的大字體,最好是自定義字體。此外,您可以在網站上使用多個banner圖作為幻燈片,以突出顯示同一產品的各種功能或展示不同產品的集合。
多次使用引導性用語元素
在您的網站制作與網頁設計中使用引導性用語,最好是原創(chuàng)的。由于訪問者時間緊迫,大多數人只是瀏覽大部分內容,因此最好在網頁上有多個引導性用語元素。例如,您可以在您的網站banner上,提示用戶填寫試用表單并接聽電話?;蛘?,您可以將引導性的按鈕放在頁面的頂部折疊以及底部折疊處,以方便用戶按照您的提示進行操作。