增強客戶體驗不僅僅是使您的網(wǎng)站加載速度更快。在這里提醒大家還有6個要考慮的地方。移動端重要性,移動設(shè)備提供了完全不同于桌面的體驗。瀏覽網(wǎng)站的核心依然是相同的但視覺內(nèi)容和傳送都需要針對移動設(shè)備進行調(diào)整。對于初學者而言,移動設(shè)備具有較小的顯示屏 - 不要與較低分辨率混淆。現(xiàn)代手機幾乎可以顯示高清內(nèi)容。移動端瀏覽的關(guān)鍵在于可以從任何地方完成。針對移動設(shè)備的瀏覽體驗需要快速,用戶友好。除了提供移動端版本或響應(yīng)式站點外,您如何確保用戶友好的體驗?如果您想建立一個成功的B2C或電子商務(wù)網(wǎng)站,您需要注意這些問題。以下是構(gòu)建成功站點和實現(xiàn)它們的方法的一些必要組件。
1、優(yōu)化導(dǎo)航和性能
如果訪問您的網(wǎng)站的客戶遇到諸如加載時間差或?qū)Ш讲藛卧愀獾膯栴},那么他們會太沮喪。這導(dǎo)致收入差和跳出率高。手機上的這個問題更糟。大多數(shù)移動用戶瀏覽多個頁面。這意味著他們想快速進出。也就是說,他們希望加載時間快,性能很好。緩存工具可以提供更快的圖像和媒體加載 - 也可以在YouTube或Vimeo等平臺上托管您的視頻。華麗,高清質(zhì)量的視覺效果是一大難題,但要小心不要淹沒您的網(wǎng)站。通過提供引人入勝的內(nèi)容來彌合差距,而不犧牲性能。
這里有幾個常見的慢頁面加載的惡作劇,以及你可以做些什么:
圖像:為圖像使用正確的圖像格式。啟用Webflow的響應(yīng)圖像功能,并確保在將所有圖像上傳到網(wǎng)站之前進行壓縮。Photoshop在“保存為Web UI”中提供了許多壓縮工具,或使用基于網(wǎng)絡(luò)的工具,如TinyPNG。
字體:只上傳設(shè)計實際使用的字體和重量。因此,如果您的內(nèi)容設(shè)置為Roboto Light和Regular,則無需上傳Thin,Bold,Black等?;蛘?,您可以提供用戶的系統(tǒng)字體,因此無需從第三方加載自定義字體。
代碼:您的代碼越簡單越干凈,您的網(wǎng)站加載速度越快。如果可能,樣式標簽(例如“所有H1標題”),而不是創(chuàng)建唯一的類。在每個項目開始時創(chuàng)建一個風格指南。在樣式導(dǎo)航器中使用Webflow的“清理”功能刪除未使用的樣式。并在項目設(shè)置中縮小代碼。
你會發(fā)現(xiàn)更多萬噸的網(wǎng)站速度優(yōu)化更多的技巧在我們的文章“ 如何提高你的網(wǎng)站的性能?!?
想知道你的網(wǎng)站是否響應(yīng)快速?
在Google PageSpeed Tools和Pingdom上進行測試。
請注意,前者并沒有真正測試您網(wǎng)站的速度:它只會檢查您是否在做某些傾向于提高網(wǎng)頁速度的內(nèi)容。他們提供的提示當然是有用的,但如果你的成績不好,不要失去它。
2、使用HTTPS安全訪問協(xié)議
這些天,黑客,違規(guī)和身份盜用現(xiàn)象十分猖獗。您的客戶知道這一點,并且謹防共享敏感信息。通過選擇信任的支付提供商并在適用的地方放置明確的指標和標志來保持信心 某些用戶發(fā)現(xiàn)信任的標志包括來自Better Business Bureau,Diamond Certified等的信任。另外,請務(wù)必在您的網(wǎng)站上啟用HTTPS。這樣可以保證數(shù)據(jù)的加密,這樣一來,如果有人確實掌握了這些信息,那么更好的保護和更難閱讀或訪問。而且你會得到漂亮的小“安全”標簽,如上圖所示。
3、第三方登錄方便快捷
您的網(wǎng)站是否提供演示,預(yù)覽或您的服務(wù)的描述,您需要為客戶提供一種方式來分享您的內(nèi)容。在您的網(wǎng)站上放置社交媒體按鈕和鏈接是好的方法。大多數(shù)新聞和博客網(wǎng)站,如TechCrunch提供了很好的例子,理想的社交媒體按鈕和鏈接放置。著陸頁上的按鈕可以輕松地將內(nèi)容直接分享給社交。當您點擊某個單獨的故事或新聞更新時,您將在標題和旁路下方找到共享按鈕。(根據(jù)接近的規(guī)律明智的放置)
滾動到內(nèi)容的結(jié)尾和 - bam! - 等待更多的社交按鈕。每當匆匆進行分享或討論該網(wǎng)站時,鏈接總是可訪問的。請記住,共享不僅僅是為了“病毒” - 有時候它只是讓網(wǎng)友在線討論一下東西更容易。記住:只因為TechCrunch是一個內(nèi)容繁重的網(wǎng)站,并不意味著你不能從B2C或電子商務(wù)網(wǎng)站的靈感。掌握網(wǎng)頁設(shè)計的基本概念,包括排版,色彩理論,視覺設(shè)計等等。
4、提供客服服務(wù)
你知道嗎55%的美國大人如果不能輕易找到答案或獲得幫助,可能會放棄網(wǎng)上購物?您的客戶將會有問題會出現(xiàn)問題。所以可以很容易地找到答案并獲得幫助。像Twitter這樣的社交媒體網(wǎng)絡(luò)可以促進這一點,但是也可以在您的網(wǎng)站上使用本機工具。幫助客戶獲得幫助的明顯的方法是在易于訪問的地方提供聯(lián)系信息,包括一個專門的頁面,其中包含電子郵件地址,支持頁面和電話號碼以及站點頁腳。但提供客戶支持的更直觀的方式是通過實時聊天和即時通訊工具。實時聊天很棒,因為它很快,總是可用,理想的是人。
在線聊天工具正在彈出。并且看起來比舊的迭代更好。
5、提供用戶提供結(jié)賬單
一些客戶喜歡登錄用戶帳戶的個性化選項。個性化帳戶可以輕松查看和整理購買記錄,收據(jù),獎勵和保修等細節(jié)。但并不是每個人都有時間或興趣在訪問時登錄。購買時也是如此。有時候用戶只想從移動設(shè)備上拉起您的網(wǎng)站,將一個項目添加到他們的購物車,并盡可能快地退房。
結(jié)帳如何不能:迫使購物者注冊。為什么要為可能的退貨客戶輸?shù)艚裉斓匿N售?容納此選項以保留退出并作為客人進行購買。十大美國零售商中有八家目前提供客人退房選擇。訂書機和蘋果公司允許客戶使用訪客帳戶進行在線購買,但如果客戶已經(jīng)擁有一個帳戶,他們也建議注冊一個新帳戶或登錄,并將其留給客戶決定。
6、為用戶提供分享空間
真正好的電子郵件可以通過簡單的Disqus嵌入來討論突出顯示的內(nèi)容??蛻粝矚g知道你在聽。這意味著不僅可以輕松訪問社交媒體和共享鏈接??紤]為您網(wǎng)站上的用戶生成的內(nèi)容創(chuàng)建機會。這可能包括博客文章,文章,照片,視頻,操作指南,甚至更明顯的促銷內(nèi)容,如推薦,評論和客戶產(chǎn)品演示。亞馬遜以評論的形式允許用戶生成的內(nèi)容。他們還有一個獨特的問答系統(tǒng),用戶可以詢問和回答其他用戶的問題。這直接影響到使用過產(chǎn)品的人的體驗。換句話說,他們從社區(qū)得到答案。如果你被解雇了有關(guān)用戶生成的內(nèi)容,請記住,它確實需要節(jié)制。您網(wǎng)站上發(fā)布的任何內(nèi)容都可以解釋為您公司的內(nèi)容。哪些可能導(dǎo)致一些非常粘的情況...
另外,還有一些人還在追蹤垃圾郵件評論框中的“搜索引擎優(yōu)化策略”,并將其鏈接回到自己的網(wǎng)站。
本文強調(diào)的功能是一些好的和受歡迎的選項,但仍然有更多的你可以做的,使您的網(wǎng)站的用戶體驗友好。確保您提供高品質(zhì)的產(chǎn)品頁面和項目說明,概述可靠的退貨政策,免費送貨和/或獨家促銷等等。目標是為觀眾創(chuàng)造一個方便愉快的體驗。他們應(yīng)該從客戶的每一個角度欣賞自己,從品牌發(fā)現(xiàn)到忠實的未來購買。