如此多的用戶(hù)體驗(yàn)(UX) 指南僅關(guān)注您網(wǎng)站的設(shè)計(jì)。雖然是UX 考慮的核心支柱,但提供令人驚嘆的UX 不僅僅是有吸引力的網(wǎng)站設(shè)計(jì)。以下是企業(yè)形象墻vi設(shè)計(jì)公司分享的增強(qiáng)網(wǎng)站用戶(hù)體驗(yàn)的10 個(gè)技巧。
1. 在設(shè)計(jì)之前關(guān)注可用性
當(dāng)涉及到您的網(wǎng)站時(shí),無(wú)論是進(jìn)行重新設(shè)計(jì)還是對(duì)現(xiàn)有網(wǎng)站進(jìn)行調(diào)整,都可以輕松地將所有注意力集中在花里胡哨上。您可能擁有大量令人興奮的設(shè)計(jì)功能和交互元素,并使用插件來(lái)個(gè)性化您的網(wǎng)站訪(fǎng)問(wèn)者所看到的內(nèi)容。
然而,如果您的訪(fǎng)問(wèn)者無(wú)法進(jìn)行購(gòu)買(mǎi)或填寫(xiě)聯(lián)系表格,那么所有這些功能有何用處?有些元素甚至可能完全“破壞”您的網(wǎng)站!提供出色用戶(hù)體驗(yàn)的最佳方式是首先關(guān)注基本功能,以及布局和配色方案等設(shè)計(jì)基礎(chǔ)。
一旦您的網(wǎng)站易于使用和運(yùn)行,您就可以開(kāi)始添加這些花里胡哨的東西。當(dāng)您開(kāi)始添加這些額外功能時(shí),盡可能一次添加一個(gè)。這種方法將使您能夠確定添加新功能對(duì)您的整體用戶(hù)體驗(yàn)的影響。
您還可以檢查更改如何影響您的頁(yè)面速度和移動(dòng)友好性。
2. 提高網(wǎng)站速度
自2018 年7 月以來(lái),頁(yè)面速度一直是Google 的排名因素。如果您依靠來(lái)自Google 的自然流量來(lái)維持您的網(wǎng)站,并且您的頁(yè)面速度性能很差,那么您可能無(wú)需擔(dān)心您的頁(yè)面速度如何影響用戶(hù)體驗(yàn)。不過(guò),那是因?yàn)槭紫饶鷱腉oogle 搜索中獲得的訪(fǎng)問(wèn)者很少,因此您需要改進(jìn)這一點(diǎn)。
識(shí)別和修復(fù)頁(yè)面速度問(wèn)題很容易:
使用Google 的PageSpeed Insights 工具獲取您網(wǎng)站的桌面版和移動(dòng)版的當(dāng)前頁(yè)面速度性能得分。
向下滾動(dòng)結(jié)果以查看特定指標(biāo)的表現(xiàn)并獲得有關(guān)如何改進(jìn)的建議。
如果您使用Google 跟蹤代碼管理器和其他涉及將代碼嵌入網(wǎng)頁(yè)的工具,這些工具會(huì)對(duì)網(wǎng)頁(yè)速度產(chǎn)生重大影響。刪除不再使用的工具或活動(dòng)的任何代碼或跟蹤像素。
根據(jù)企業(yè)形象墻vi設(shè)計(jì)公司的方式,自行解決問(wèn)題或聘請(qǐng)開(kāi)發(fā)人員為您完成更新。從工具中解決問(wèn)題的美妙之處在于您不需要任何技術(shù)知識(shí)來(lái)向開(kāi)發(fā)人員介紹情況。您可以將他們發(fā)送到PageSpeed Insights 上您網(wǎng)站的結(jié)果頁(yè)面,他們的行動(dòng)計(jì)劃已準(zhǔn)備就緒,正在等待!
不必要的花里胡哨通常是高頁(yè)面速度得分的最大障礙。不過(guò),您可能需要考慮更改網(wǎng)絡(luò)托管計(jì)劃或采取其他措施來(lái)確保您的網(wǎng)站運(yùn)行得更快。Google 未來(lái)的頁(yè)面體驗(yàn)更新將額外提高您的網(wǎng)站速度。
3. 確保你的響應(yīng)式設(shè)計(jì)有效
除了檢查您的網(wǎng)頁(yè)速度外,Google 還提供了一個(gè)工具來(lái)檢查您網(wǎng)站的移動(dòng)友好性。自2020 年9 月起,企業(yè)形象墻vi設(shè)計(jì)公司承諾為整個(gè)網(wǎng)絡(luò)推出移動(dòng)優(yōu)先索引。
這意味著谷歌將評(píng)估網(wǎng)站的移動(dòng)版本,即使是桌面搜索排名。如果您還沒(méi)有使用響應(yīng)式設(shè)計(jì),或者您的網(wǎng)站沒(méi)有獨(dú)立的移動(dòng)版本,那么是時(shí)候投資一個(gè)了。響應(yīng)式設(shè)計(jì)是最好的方法,因?yàn)槟诿總€(gè)平臺(tái)上都有相同的設(shè)計(jì)。
使用響應(yīng)式設(shè)計(jì),您的頁(yè)面布局會(huì)根據(jù)查看器使用的屏幕大小而變化。增強(qiáng)網(wǎng)站用戶(hù)體驗(yàn)的最佳方法是不斷檢查您的網(wǎng)站對(duì)移動(dòng)設(shè)備的友好程度,尤其是在您添加或更改設(shè)計(jì)元素時(shí)。
4. 利用空白的力量
網(wǎng)站所有者最常犯的錯(cuò)誤之一是用盡可能多的內(nèi)容填充他們的頁(yè)面。這通常是因?yàn)橄胍@得盡可能多的首屏內(nèi)容的愿望是可以理解的。雖然首屏內(nèi)容是一個(gè)關(guān)鍵的SEO 因素,但用副本轟炸您的網(wǎng)站訪(fǎng)問(wèn)者并不能提供人們會(huì)深情記住的UX。
多項(xiàng)研究表明,利用空白可以帶來(lái)許多好處,包括:
允許您通過(guò)在空間中展示它們來(lái)突出顯示頁(yè)面上的基本元素。
將客戶(hù)的注意力和理解度提高多達(dá)20%。
增強(qiáng)客戶(hù)對(duì)您的品牌和網(wǎng)站的信任和滿(mǎn)意度。
如果您已經(jīng)對(duì)自己的網(wǎng)頁(yè)設(shè)計(jì)感到滿(mǎn)意,那么讓開(kāi)發(fā)人員編寫(xiě)腳本來(lái)在您網(wǎng)站上的每個(gè)段落或圖像之間添加額外的換行符是很容易的。
您可以嘗試在一個(gè)月內(nèi)添加空白及其對(duì)指標(biāo)的影響。您甚至可以使用不同的空白元素對(duì)不同的內(nèi)容進(jìn)行A/B 測(cè)試,并分析哪一個(gè)效果最好。
5. 定義一個(gè)目的并明確你希望用戶(hù)做什么
你的網(wǎng)站的目的是什么?
您的網(wǎng)站可以有單一目的或多種目的,其中可能包括:
吸引潛在客戶(hù)。
收集數(shù)據(jù)。
建立電子郵件營(yíng)銷(xiāo)列表。
為用戶(hù)提供高價(jià)值信息。
銷(xiāo)售產(chǎn)品。
對(duì)于來(lái)自不同來(lái)源的流量,您如何做這些事情可能會(huì)有所不同。例如,您可以開(kāi)發(fā)一個(gè)特定的登錄頁(yè)面以在社交媒體上分享或包含在您的電子郵件通訊中。
定義您網(wǎng)站的目的聽(tīng)起來(lái)是一件顯而易見(jiàn)的事情,但如此多的網(wǎng)站只是“存在”,沒(méi)有明確的目標(biāo)或行動(dòng)號(hào)召。
除了了解您的網(wǎng)站的用途之外,您還需要向訪(fǎng)問(wèn)者表明該目的。一個(gè)很好的口頭禪是考慮可能訪(fǎng)問(wèn)您網(wǎng)站的最愚蠢的人。如果你想讓他們買(mǎi)東西或提交聯(lián)系表格,他們?cè)趺粗赖模?/p>
你在做什么來(lái)使這一點(diǎn)清晰明了?當(dāng)您希望訪(fǎng)問(wèn)者做什么很明顯時(shí),他們能輕松做到嗎?考慮這些因素將迫使您以不同的方式看待您的網(wǎng)站。它會(huì)對(duì)您的用戶(hù)體驗(yàn)產(chǎn)生重大影響。
6. 對(duì)圖像要聰明
雖然圖像是UX 的重要組成部分和參與的關(guān)鍵驅(qū)動(dòng)因素,但您的圖片也有能力迅速讓用戶(hù)遠(yuǎn)離您的網(wǎng)站。在許多情況下,圖像是用戶(hù)將在您的網(wǎng)站上與之交互的第一個(gè)元素。他們要做的第一件事就是判斷你可能有多真實(shí)和值得信賴(lài)。第一印象很重要!
考慮到這些措施的最大殺手是圖庫(kù)攝影。很容易發(fā)現(xiàn)兩個(gè)人買(mǎi)車(chē)與一對(duì)真正的夫婦在經(jīng)銷(xiāo)商周?chē)h(huán)顧的普通照片。不管是對(duì)還是錯(cuò),發(fā)現(xiàn)虛假和不真實(shí)圖像的人都會(huì)對(duì)您的網(wǎng)站和品牌附加相同的含義。
盡管許多高質(zhì)量的庫(kù)存圖片網(wǎng)站提供免費(fèi)和付費(fèi)圖片,但沒(méi)有什么能像真實(shí)圖片一樣與您的品牌相關(guān)聯(lián)并講述一個(gè)故事。研究甚至表明,真實(shí)的圖像可以增加在線(xiàn)轉(zhuǎn)化率。有什么比具有如此切實(shí)潛在結(jié)果的UX 增強(qiáng)更好的了?!
7.在你的主頁(yè)上采用一雙超級(jí)挑剔的眼睛
企業(yè)形象墻vi設(shè)計(jì)公司查看您的著陸頁(yè)和頁(yè)面瀏覽量報(bào)告。你看到了什么?從著陸頁(yè)的角度來(lái)看,您的主頁(yè)可能不一定是您最常訪(fǎng)問(wèn)的頁(yè)面。但是,它幾乎肯定是您訪(fǎng)問(wèn)量最大的頁(yè)面。
用批判的眼光看你的主頁(yè)。你的主頁(yè)是什么?
介紹您的業(yè)務(wù),您是做什么的?
明確您網(wǎng)站的目的?
向訪(fǎng)問(wèn)者表明您希望他們做什么?
允許用戶(hù)通過(guò)您的網(wǎng)站開(kāi)始或繼續(xù)他們的旅程,從而引導(dǎo)他們做他們想做的事?
您不需要在主頁(yè)上包含所有內(nèi)容,或者至少將所有內(nèi)容都放在首屏。
大多數(shù)提供出色用戶(hù)體驗(yàn)的網(wǎng)站都具有簡(jiǎn)潔的設(shè)計(jì),從主頁(yè)到(至少)商業(yè)頁(yè)面、您的關(guān)于我們頁(yè)面和聯(lián)系頁(yè)面的簡(jiǎn)單標(biāo)題導(dǎo)航。如果您希望使用空白來(lái)突出顯示網(wǎng)站中最重要的頁(yè)面或部分,則可以在頁(yè)腳中放置指向資源和博客內(nèi)容的鏈接。
8.在您的網(wǎng)站上保持一致
用戶(hù)應(yīng)該始終感覺(jué)他們?cè)谀木W(wǎng)站上。如果頁(yè)面上的布局、字體和顏色等內(nèi)容發(fā)生變化,您的訪(fǎng)問(wèn)者會(huì)懷疑他們是否在正確的位置。即使他們能夠理解正在發(fā)生的事情,他們也有可能離開(kāi)。此外,他們可能不會(huì)回來(lái)。
如果您的網(wǎng)站是專(zhuān)業(yè)設(shè)計(jì)的,并且您使用開(kāi)發(fā)人員來(lái)維護(hù)它,那么確保一致性就不會(huì)有問(wèn)題。相比之下,如果使用網(wǎng)站構(gòu)建器并自己管理您的網(wǎng)站,您可能會(huì)傾向于在各個(gè)頁(yè)面上使用不同的字體和顏色。
你需要確保你有紀(jì)律不這樣做。如果您正在構(gòu)建您的第一個(gè)網(wǎng)站或計(jì)劃重新設(shè)計(jì),請(qǐng)花一些時(shí)間與您的網(wǎng)站構(gòu)建器一起嘗試并嘗試不同的布局和其他元素。選擇你喜歡的東西,然后堅(jiān)持下去。
9. 關(guān)注404 和其他問(wèn)題
企業(yè)形象墻vi設(shè)計(jì)公司長(zhǎng)期以來(lái)一直認(rèn)為,從SEO 的角度來(lái)看,404 錯(cuò)誤(您網(wǎng)站上的頁(yè)面不可用)不會(huì)產(chǎn)生太大的負(fù)面影響。但是,您的網(wǎng)站用戶(hù)不太可能如此寬容。
描繪場(chǎng)景。您網(wǎng)站上的某個(gè)人終于找到了他們一直想為孩子購(gòu)買(mǎi)的東西。他們點(diǎn)擊您網(wǎng)站上的圖片,卻發(fā)現(xiàn)該頁(yè)面不起作用?,F(xiàn)在,您可能會(huì)走運(yùn),成為該訪(fǎng)客唯一可以購(gòu)買(mǎi)他們正在尋找的東西的地方。但是,您也可能是銷(xiāo)售該產(chǎn)品的多個(gè)網(wǎng)站之一。
如果客戶(hù)不能從你那里購(gòu)買(mǎi),他們會(huì)很快去別處。404 頁(yè)面并不一定意味著災(zāi)難。您應(yīng)該使用自定義404錯(cuò)誤頁(yè)面來(lái)保持用戶(hù)參與并將他們重定向到其他地方。
處理404 頁(yè)面的最佳方法是以這樣一種方式管理您的網(wǎng)站,即首先最大限度地減少它們的出現(xiàn)。如果您進(jìn)行任何URL 更改,請(qǐng)?jiān)O(shè)置從舊URL 到新URL 的301 重定向。
如果您有指向舊URL 的內(nèi)部鏈接,請(qǐng)更改鏈接而不是內(nèi)部301。請(qǐng)記住,這可能涉及更改導(dǎo)航鏈接以及復(fù)制鏈接。企業(yè)形象墻vi設(shè)計(jì)公司提供了一份報(bào)告,突出顯示了404和500 個(gè)服務(wù)器錯(cuò)誤。像Screaming Frog這樣的工具可以抓取您的網(wǎng)站并突出顯示任何指向404 頁(yè)面的內(nèi)部鏈接。
10.確保您的整個(gè)網(wǎng)站都是“品牌”
您的網(wǎng)站是您品牌的在線(xiàn)代表。因此,您的網(wǎng)站必須盡可能反映您的企業(yè)身份。如果您是一家嚴(yán)肅的公司,您的網(wǎng)站應(yīng)該反映這一點(diǎn)。同樣,如果您的公司代表樂(lè)趣和興奮,您的網(wǎng)站可能會(huì)更輕松。
如果不能增強(qiáng)您網(wǎng)站的品牌,請(qǐng)盡量不要沉迷于接受最新的設(shè)計(jì)趨勢(shì)或安裝最新的插件或小部件。如果您有其他與客戶(hù)互動(dòng)的方式,例如客戶(hù)訪(fǎng)問(wèn)的實(shí)體店或辦公室,請(qǐng)記住,一切都需要符合相同的價(jià)值觀。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢(xún) 何先生
業(yè)務(wù)咨詢(xún) 何先生
搜索感興趣的內(nèi)容