改善網(wǎng)頁(yè)設(shè)計(jì)的14個(gè)基本技巧

時(shí)間：2024-04-18 16:30:02 | 來源：建站知識(shí)

時(shí)間：2024-04-18 16:30:02 來源：建站知識(shí)

在訪問您網(wǎng)站的5秒鐘內(nèi)，訪問者可以確定您的公司做什么嗎？用戶是否可以根據(jù)需要輕松導(dǎo)航到所需頁(yè)面嗎？您的產(chǎn)品或服務(wù)定價(jià)易于理解嗎？您的跳出率極高嗎？

如果您發(fā)現(xiàn)自己對(duì)這些問題的回答是“否”，那么可能是時(shí)候認(rèn)真考慮一下您設(shè)計(jì)和優(yōu)化網(wǎng)站的方式了。

網(wǎng)站不能僅在有限的方面（例如，僅是設(shè)計(jì)或內(nèi)容）上取得卓越的成功。它需要進(jìn)行設(shè)計(jì)，以融入您網(wǎng)站的用戶體驗(yàn)，功能并適當(dāng)?shù)匮a(bǔ)充您的內(nèi)容。

您的網(wǎng)站還需要與受眾清楚地交流您的工作，做事的目的以及為誰(shuí)服務(wù)。很容易跟上您的業(yè)務(wù)發(fā)展水平，而忘記了確保我們正在解決您的聽眾最關(guān)注的核心問題。

那么，您需要了解什么才能開始改進(jìn)您的網(wǎng)頁(yè)設(shè)計(jì)？

為了回答這個(gè)問題，這里有14個(gè)網(wǎng)站設(shè)計(jì)技巧，以確保您在正確的設(shè)計(jì)方向上前進(jìn)，并確保您不會(huì)拒絕訪問者。

1.有一個(gè)計(jì)劃 不要只是開始設(shè)計(jì)您的網(wǎng)站。為了確保您的網(wǎng)站有效地滿足訪問者的需求，您需要規(guī)劃買家從第一次訪問您的網(wǎng)站到成為客戶的旅程。

他們將要查看哪些頁(yè)面，它們將要閱讀哪些內(nèi)容以及它們將轉(zhuǎn)換成什么樣的報(bào)價(jià)？了解這一點(diǎn)將幫助您設(shè)計(jì)一個(gè)站點(diǎn)，以幫助通過銷售渠道培養(yǎng)潛在客戶。

您要為下一步而不是最后一步設(shè)計(jì)網(wǎng)站。這都是按照正確的順序回答正確的問題。這可能是上下文起作用的地方。利用您已經(jīng)了解的當(dāng)前客戶（甚至采訪他們），研究他們?nèi)绾螐脑L問者變成客戶。然后，使用這些數(shù)據(jù)來制定您的策略。

2.從您的網(wǎng)站中刪除以下內(nèi)容 網(wǎng)站上的某些元素會(huì)削弱您試圖傳達(dá)的價(jià)值和信息。復(fù)雜的動(dòng)畫，內(nèi)容太長(zhǎng)的內(nèi)容，豐富的網(wǎng)站圖片只是列表中的幾個(gè)因素。

對(duì)于只有8秒的注意力跨度的受眾，您需要?jiǎng)?chuàng)建一個(gè)第一印象即可輕松理解要點(diǎn)。這應(yīng)該通過簡(jiǎn)短，有力的內(nèi)容部分以及適用的照片/圖標(biāo)來完成，并用清晰簡(jiǎn)潔的標(biāo)題將其分開。

如果您沒錯(cuò)，請(qǐng)對(duì)其進(jìn)行檢查，并確保其中不包含專業(yè)術(shù)語(yǔ)或模棱兩可的術(shù)語(yǔ)。它只會(huì)使您的內(nèi)容混亂并使用戶困惑。

避免使用的詞語(yǔ)包括下一代，靈活，健壯，可擴(kuò)展，易于使用，領(lǐng)先，突破性，同類最佳，關(guān)鍵任務(wù)，創(chuàng)新...這些都是數(shù)百甚至數(shù)千個(gè)單詞都已被過度使用的單詞。公司，不要讓您的內(nèi)容更具吸引力。

3.包括社交分享和關(guān)注按鈕 僅當(dāng)您沒有給用戶提供分享您所擁有內(nèi)容的機(jī)會(huì)時(shí)，才能制作出優(yōu)質(zhì)的內(nèi)容和要約。

如果您的網(wǎng)站當(dāng)前缺少社交共享按鈕，則可能已經(jīng)錯(cuò)過了許多已經(jīng)在閱讀您內(nèi)容的用戶所產(chǎn)生的社交媒體流量！

如果您覺得這很陌生，則社交共享按鈕是博客文章頂部或底部的小按鈕。它們包含不同社交媒體網(wǎng)站的圖標(biāo)，并允許您直接在您選擇的社交媒體頻道上共享頁(yè)面。

這些按鈕是一種非偽造的工具，可鼓勵(lì)您的購(gòu)買者角色進(jìn)行社交分享。

4.實(shí)施號(hào)召性用語(yǔ) 訪問者登陸您的網(wǎng)站后，他們知道下一步該怎么做嗎？如果您不向他們提供某種指導(dǎo)，他們將不知道要查看哪些頁(yè)面或采取何種操作。

號(hào)召性用語(yǔ)按鈕是指示用戶應(yīng)在頁(yè)面上進(jìn)行的下一步操作的眾多元素之一。盡管我們?cè)S多人都知道這一點(diǎn)，但是很容易無法準(zhǔn)確地使用它們來引導(dǎo)用戶瀏覽您的網(wǎng)站。

通過最底層的渠道號(hào)召性用語(yǔ)（BOFU）向您的網(wǎng)站發(fā)送垃圾郵件很容易，而使用其他排名靠前/最中端的號(hào)召性用語(yǔ)甚至無法恰當(dāng)?shù)嘏囵B(yǎng)用戶。

要識(shí)別您是否對(duì)此感到內(nèi),，請(qǐng)開始閱讀網(wǎng)站上的所有頁(yè)面。您是否發(fā)現(xiàn)大多數(shù)頁(yè)面，甚至是博客文章，都只有一個(gè)號(hào)召性用語(yǔ)進(jìn)行演示/審判/咨詢？然后，該更新了。

花時(shí)間添加號(hào)召性用語(yǔ)，以便給他們提供自我教育和幫助他們解決痛點(diǎn)的材料。

一旦他們將您的公司確定為提供可減輕這些負(fù)擔(dān)的材料的公司，他們就會(huì)更樂于研究您的服務(wù)，看看您是否可以親自實(shí)現(xiàn)這些解決方案。

5.使用正確的圖像 并非每張圖片都適合您要向受眾展示的消息類型。

幸運(yùn)的是，您有很多選擇（甚至是一些免費(fèi)的）。但是，原因仍然引起了我們?cè)S多人的困擾，他們決定用圖庫(kù)的照片困擾我們的網(wǎng)站。

僅僅因?yàn)閳D庫(kù)網(wǎng)站具有圖片，并不意味著它看起來真實(shí)，并且會(huì)引起您對(duì)公司的信任。理想情況下，您希望使用能夠描繪出在公司和辦公室本身工作的真實(shí)人物的照片的照片。

如果不能選擇真實(shí)照片，則可以使用一些技巧來幫助選擇正確類型的庫(kù)存照片。這將有助于為您的品牌帶來更多真實(shí)感，并確保圖像與您的身份和內(nèi)容所說明的內(nèi)容相匹配。

6.導(dǎo)航 在設(shè)計(jì)網(wǎng)站時(shí)，導(dǎo)航是關(guān)鍵，它實(shí)際上是顯示用戶可以訪問的核心地點(diǎn)的地圖。

沒有比導(dǎo)航界面混亂或混亂的網(wǎng)站更糟糕的了。在改善網(wǎng)站的導(dǎo)航時(shí)，重要的是要確保訪問者可以輕松找到他們想要的東西。

精簡(jiǎn)導(dǎo)航欄的一些特征包括精簡(jiǎn)的內(nèi)容，導(dǎo)航層次結(jié)構(gòu)和響應(yīng)式設(shè)計(jì)，因此在移動(dòng)設(shè)備上的體驗(yàn)不會(huì)發(fā)生太大變化。

如果用戶找不到所需的內(nèi)容，則沒有理由留在您的網(wǎng)站上。相反，他們一定會(huì)反彈并找到可以提供更好用戶體驗(yàn)的競(jìng)爭(zhēng)對(duì)手。

7.讓訪問者在您的主頁(yè)上滾動(dòng) 不要擔(dān)心設(shè)計(jì)稍長(zhǎng)的首頁(yè)。包括3-5個(gè)有助于將新用戶和老用戶吸引到您網(wǎng)站的適當(dāng)區(qū)域的部分，可以幫助您創(chuàng)建無縫的體驗(yàn)。

但是這些部分應(yīng)該是什么？

該列表可能會(huì)永遠(yuǎn)存在，但是一些更關(guān)鍵的元素的快速列表包括：

• 價(jià)值主張
• 介紹視頻
• 服務(wù)概述
• 產(chǎn)品特色
• 關(guān)于我們
• 感言
• 案例研究 /成功案例
• 資源資源

8.不要害怕空白 空格是必不可少的設(shè)計(jì)元素，可幫助您分解頁(yè)面并提高可讀性。

空白空間也稱為“負(fù)空間”，是指頁(yè)面上元素為空且缺少內(nèi)容或視覺項(xiàng)的區(qū)域。

盡管多余的空間似乎是多余的，但實(shí)際上它負(fù)責(zé)可讀性和內(nèi)容優(yōu)先級(jí)。它在設(shè)計(jì)過程和網(wǎng)站設(shè)計(jì)元素定位中也起著重要作用。

如果您知道某些頁(yè)面缺少空白，請(qǐng)查看該頁(yè)面，并去除對(duì)于該頁(yè)面目的不必要的元素或內(nèi)容。然后，確保將這些內(nèi)容正確分組，以便用戶能夠區(qū)分他們?cè)陧?yè)面上的位置。

9.移動(dòng)優(yōu)化 不要忘記優(yōu)化您的移動(dòng)網(wǎng)站。如果您還不知道，則有80％的互聯(lián)網(wǎng)用戶擁有智能手機(jī)，“谷歌表示61％的用戶不太可能返回訪問困難的移動(dòng)網(wǎng)站，而有40％的用戶訪問競(jìng)爭(zhēng)對(duì)手的網(wǎng)站”。

如果我是你，我會(huì)有點(diǎn)擔(dān)心。量身定制網(wǎng)站以滿足訪問者的需求是必要的。您可能想問自己，為什么有人要通過移動(dòng)設(shè)備訪問我的網(wǎng)站？他們會(huì)尋找什么？我的經(jīng)驗(yàn)?zāi)壳笆欠裨试S他們輕松地做那些事情？

如果您的網(wǎng)站在移動(dòng)優(yōu)化方面滯后，請(qǐng)聯(lián)系在線客服，以了解我們?nèi)绾螢橛脩魟?chuàng)造無縫的移動(dòng)體驗(yàn)。

10.搜索可見 如果您想發(fā)展大量的在線業(yè)務(wù)，則需要?jiǎng)?chuàng)建一個(gè)可以找到的網(wǎng)站。

首先要制定SEO優(yōu)化策略，其中要考慮您的買家角色和受眾要搜索的搜索詞。

此策略條款應(yīng)包括創(chuàng)建與訪問者需求相關(guān)的內(nèi)容。視頻，文章和電子書是可以做到這一點(diǎn)的一些內(nèi)容示例。

確保您不會(huì)對(duì)排名無窮無盡的內(nèi)容感到困惑。首先，確定您的受眾群體實(shí)際在搜索的適當(dāng)關(guān)鍵詞，這樣您就不會(huì)吸引太多永遠(yuǎn)不會(huì)轉(zhuǎn)換為您產(chǎn)品的訪問者，更不用說您的報(bào)價(jià)了。

11.永不停止測(cè)試 評(píng)估轉(zhuǎn)換路徑，用戶滾動(dòng)的距離以及用戶單擊的位置等是可以揭示您的網(wǎng)頁(yè)是否按預(yù)期方式顯示的重要素質(zhì)。

如果您要瀏覽大量頁(yè)面，則可能會(huì)在很多頁(yè)面上發(fā)現(xiàn)此問題，尤其是較舊的目標(biāo)頁(yè)面。

此類頁(yè)面實(shí)際上可能表現(xiàn)不錯(cuò)，但包含的信息過時(shí)了，您可能會(huì)對(duì)其進(jìn)行更新。

其他人可能只需要一些調(diào)整更新或設(shè)計(jì)更改。簡(jiǎn)單的更改（例如按鈕顏色，標(biāo)題或在副本中添加一些句子）可能會(huì)導(dǎo)致頁(yè)面性能發(fā)生令人難以置信的變化。

但是，與其更改并設(shè)置它們的方式（特別是如果您不知道要更改的內(nèi)容），您可以使用工具為它們創(chuàng)建A / B測(cè)試，多變量測(cè)試，甚至設(shè)置熱圖以查看哪些內(nèi)容用戶正在做。

每個(gè)測(cè)試可以揭示更多的數(shù)據(jù)，這些數(shù)據(jù)可以識(shí)別用戶為什么以特定方式與頁(yè)面進(jìn)行交互。

12.識(shí)別未知的404或斷開的鏈接 根據(jù)您網(wǎng)站的大小或?yàn)g覽的時(shí)間長(zhǎng)短，您實(shí)際上可能在這里和那里有一些無法使用的頁(yè)面或鏈接。最重要的是，您的訪客甚至不會(huì)告訴您。

花時(shí)間評(píng)估您的網(wǎng)站頁(yè)面是否損壞。您可能會(huì)驚訝地發(fā)現(xiàn)以前未發(fā)布的高性能登錄頁(yè)面或鏈接不正確的網(wǎng)站頁(yè)面。

13.創(chuàng)建新的或獨(dú)特的產(chǎn)品 轉(zhuǎn)化訪客是評(píng)估您的營(yíng)銷渠道中有多少用戶的核心方法。我們中的許多人都知道，通常轉(zhuǎn)換訪客的方式是呈現(xiàn)要約，演示或吸引人的項(xiàng)目。

但是，由于互聯(lián)網(wǎng)上有如此多的資源，現(xiàn)在要比以往任何時(shí)候都更難以突破噪音并促使人們轉(zhuǎn)變?yōu)槟?br>
這意味著比以往更加重要的是，不僅要關(guān)注服務(wù)區(qū)域內(nèi)的優(yōu)惠和資源，還應(yīng)該關(guān)注的不是。

也許您是一家社交媒體公司，注意到許多其他競(jìng)爭(zhēng)對(duì)手正在制作有關(guān)如何創(chuàng)建社交媒體日歷的電子書。

除了創(chuàng)建類似的報(bào)價(jià)之外，您還可以進(jìn)一步開發(fā)一個(gè)工具，使人們輸入一些信息來幫助生成與他們的Google日歷同步的時(shí)間表嗎？

如果這看起來太復(fù)雜，您還可以嘗試識(shí)別當(dāng)前尚不廣泛使用的模板，然后快速創(chuàng)建并推廣它。

無論您做出什么決定，重要的是要確保您做的是超越競(jìng)爭(zhēng)對(duì)手的一步。復(fù)制競(jìng)爭(zhēng)對(duì)手的策略只會(huì)使您迷路。

14.更新您的內(nèi)容以吸引您的個(gè)性 當(dāng)您要寫給您的網(wǎng)站訪問者留下深刻印象的文本時(shí)，我們中的許多人往往會(huì)陷入危險(xiǎn)的陷阱。

內(nèi)容以“我們”和“我們的”為重點(diǎn)。

“我們將增加收入……”，“我們的收益包括……”僅僅是整個(gè)網(wǎng)頁(yè)中許多標(biāo)題使用的示例。盡管您可能會(huì)因?yàn)樽约汉彤a(chǎn)品的出色表現(xiàn)而在展示自己的業(yè)務(wù)可能會(huì)有所幫助，但是這并不能說明問題。

刪除“我們的”和“我們的”，并用“您的”和“您的”代替。您的潛在客戶希望您與他們面對(duì)面，了解他們的痛點(diǎn)，并直接說明如何解決它們。

因此，請(qǐng)嘗試使用“我們的潛在成功案例”之類的標(biāo)題，而不是“我們的案例”這樣的標(biāo)題。而不是在招聘頁(yè)面上關(guān)注公司的實(shí)力，而是過濾一些內(nèi)容，以闡述應(yīng)聘人的未來很重要，以及讓他們了解自己在企業(yè)中的未來工作的能力。

這種語(yǔ)言上的轉(zhuǎn)換看似微不足道，但在潛意識(shí)中，它將影響客戶看待您的企業(yè)的方式。