很長一段時(shí)間以來，谷歌一直把以用戶為中心的網(wǎng)站和內(nèi)容體驗(yàn)放在首位。更具體地說，它希望搜索結(jié)果能更好地反映用戶的意圖，而不僅僅是關(guān)鍵詞。

在最新的更新中，內(nèi)容專業(yè)知識(shí)和質(zhì)量可能會(huì)超過權(quán)威，獲得更高的排名。這與在網(wǎng)站上創(chuàng)建以用戶為中心的內(nèi)容的理念是直接一致的。它還轉(zhuǎn)變?yōu)樘峁椭蛑С值牧可矶ㄖ频挠懻摵徒?jīng)驗(yàn)。

但是創(chuàng)建一個(gè)以用戶為中心的網(wǎng)站到底意味著什么呢?應(yīng)該是什么樣的呢?

1. 讓它快

無論是在移動(dòng)或桌面瀏覽，網(wǎng)站應(yīng)該快速，響應(yīng)和易于使用。除了速度，沒有別的借口。沒有人愿意等待網(wǎng)站加載內(nèi)容、按鈕或文本。

人們也會(huì)在遇到瓶頸時(shí)離開你的站點(diǎn)。1到5秒的加載時(shí)間可將彈跳率概率提高高達(dá)90%。在1到6秒時(shí)，概率是106%，而在1到10秒時(shí)，概率增加到123%。更能說明問題的是，這些數(shù)據(jù)是2017年的，而且從那以后，這一數(shù)字可能還在增加。

B&H Photo是迄今為止加載速度最快的電子商務(wù)網(wǎng)站之一，加載時(shí)間始終低于5秒。一些榮譽(yù)提名包括百思買，H&M和Yoox。

2. 定義并服務(wù)于你的核心用戶

你經(jīng)常和誰交談、接觸?他們想要什么?他們?yōu)槭裁磿?huì)來你的網(wǎng)站?它們來自哪里?這些元素不僅應(yīng)該影響你的營銷努力，還應(yīng)該影響你的內(nèi)容。為了提高站點(diǎn)在搜索結(jié)果中的可見性，您必須為目標(biāo)受眾提供有用的體驗(yàn)。

這也意味著理解你的用戶的典型痛點(diǎn)。他們想解決什么問題，你又能提供什么幫助?

一旦你理解了這些觀點(diǎn)，你就應(yīng)該把它們?nèi)谌氲侥愕木W(wǎng)站設(shè)計(jì)中。大多數(shù)游客是在尋找DIY指南嗎?在著陸頁上包含一個(gè)直接鏈接，而不是隱藏在導(dǎo)航菜單中。你有什么產(chǎn)品或服務(wù)比其他產(chǎn)品更受歡迎嗎?添加一個(gè)促銷形象或宣傳您的特色旋轉(zhuǎn)木馬。

3.降低復(fù)雜性

為了獲得關(guān)注和提供便利，許多網(wǎng)站最終都是為了迎合大量受眾。他們通過提供一系列全面的選擇或行動(dòng)來確保每個(gè)人都能得到他們想要的東西。

是的，為你的目標(biāo)用戶創(chuàng)造方便的游戲體驗(yàn)很重要，但這并不意味著讓游戲變得過于復(fù)雜。你應(yīng)該減少復(fù)雜性，在頁面上提供更少的內(nèi)容，以增強(qiáng)內(nèi)容的重點(diǎn)——而不是更多。這也意味著把最重要的元素放在一個(gè)高調(diào)的位置。

RefiJet完美地做到了這一點(diǎn)。在其自動(dòng)再融資頁面的頂部有一個(gè)按鈕，用于聯(lián)系貸款評估代表。再往下滾動(dòng)一點(diǎn)，你會(huì)看到一個(gè)評估工具，為那些想自己建立一個(gè)報(bào)價(jià)的足智多謀的人準(zhǔn)備的。

一切都在目標(biāo)受眾的指尖，準(zhǔn)確地，它應(yīng)該是。

4. 可訪問性是一種需求

當(dāng)你訪問一個(gè)網(wǎng)站，看到不可逾越的文字墻會(huì)發(fā)生什么?最可能的情況是，您要么尋找一小段代碼，要么直接離開。忽略大多數(shù)人沒有時(shí)間一次性整理這么多內(nèi)容這一事實(shí)，大多數(shù)人甚至不想這樣做，這并不是因?yàn)槿藗兊淖⒁饬ο窠痿~一樣長——或一些相關(guān)的侮辱。如果你不這么做，那么很有可能，你的觀眾和訪客也不會(huì)這么做。

設(shè)計(jì)的本質(zhì)是用戶可訪問性。網(wǎng)站是如何呈現(xiàn)的?文本是否容易閱讀，是否提供愉快的體驗(yàn)?文本和視覺內(nèi)容之間是否存在良好的平衡?網(wǎng)站的總體可用性令人滿意嗎?你是否提供了適當(dāng)?shù)闹С止δ?，比如暗模?

蘋果是可訪問性之王，尤其是在其網(wǎng)站上。所有東西都可以以快速、易于閱讀的形式被消耗掉。最相關(guān)的信息是在最前面和中心，并且在視覺、文本和其他元素之間有一個(gè)令人愉快的平衡。它在任何平臺(tái)上的外觀和感覺都很棒，包括手機(jī)、臺(tái)式機(jī)，甚至是平板電腦。

5. 查看競爭

在創(chuàng)建或重新設(shè)計(jì)您的網(wǎng)站之前、期間和之后都要花一些時(shí)間來評估這個(gè)領(lǐng)域。你的競爭對手采用了哪些特點(diǎn)和設(shè)計(jì)元素?它如何影響他們?yōu)榭蛻籼峁┑捏w驗(yàn)?

在大多數(shù)情況下，查看其他網(wǎng)站可以幫助你辨別你的設(shè)計(jì)中遺漏了什么，以及什么效果更好或更差。無論如何，在真空中工作是不好的，因?yàn)槟銓χ車l(fā)生的事情渾然不覺。更重要的是，你可以和你的網(wǎng)站開發(fā)人員密切合作，了解其他網(wǎng)站的不同之處。它提供了一個(gè)更可靠和專業(yè)的反饋形式，你可以利用它為你的優(yōu)勢。

6. 保持設(shè)計(jì)的一致性

嘗試視覺設(shè)計(jì)技術(shù)是可以的，但是如果你決定無限期地使用它們，確保你在整個(gè)網(wǎng)站上部署相同類型的體驗(yàn)。也就是說，保持導(dǎo)航、視覺元素、文本和一般交互的一致性。

如果你沒有在登陸頁面和其他主頁面上使用按鈕，就不要在子頁面上使用按鈕。如果你沒有在你的網(wǎng)站的一個(gè)部分包含可點(diǎn)擊的圖像，不要在其他部分這樣做。這似乎是一個(gè)簡單的實(shí)踐，但它對用戶體驗(yàn)至關(guān)重要。

向下滾動(dòng)CodeTasty著陸頁面，你會(huì)看到什么?頁面的每個(gè)部分都有相同的“開始”按鈕。在大多數(shù)情況下，顏色保持一致，按鈕樣式和形狀是相同的，上下文也是相同的。一切都很流暢，從文字到圖像和顏色。

7. A / B測試

當(dāng)你創(chuàng)建一個(gè)網(wǎng)站或一種體驗(yàn)時(shí)，你可以使用a /B測試來幫助構(gòu)建最終產(chǎn)品。其理念是呈現(xiàn)設(shè)計(jì)、門戶或頁面的兩個(gè)或多個(gè)變體，然后收集有關(guān)它們的反饋。通過這樣做，你可以知道，例如，觀眾更喜歡亮藍(lán)色的背景，而不是深灰色的。

隨著時(shí)間的推移，這允許你設(shè)計(jì)網(wǎng)站和各種元素幾乎完全基于用戶的偏好和反饋。它還與下一個(gè)技巧同步，后者提出了類似的想法，但以更全面的方式。

8. 動(dòng)態(tài)設(shè)計(jì)

在時(shí)間和金錢上，這個(gè)概念可能是最具挑戰(zhàn)性的，也是最昂貴的。但創(chuàng)造以用戶為中心的體驗(yàn)的最佳方法之一便是收集并執(zhí)行來自用戶的反饋。您讓用戶發(fā)言，分享他們的想法和意見，然后使用這些見解來構(gòu)建更好的門戶。

它的挑戰(zhàn)在于創(chuàng)建一個(gè)動(dòng)態(tài)的模板或設(shè)計(jì)，可以不斷地適應(yīng)反饋和用戶規(guī)格。大多數(shù)網(wǎng)站都是靜態(tài)的，就像在創(chuàng)建的時(shí)候一樣，然后就離開，直到下一次重新設(shè)計(jì)的時(shí)候。在這種情況下，您將不斷調(diào)整站點(diǎn)的外觀、感覺和內(nèi)容，以滿足用戶的需求。

這是一種創(chuàng)新，一開始有點(diǎn)嚇人，但在今天數(shù)字化和高度個(gè)性化的世界中是有意義的。它還要求對大數(shù)據(jù)和語境意識(shí)采取微妙的方法，這可能是小企業(yè)無法企及的。

最佳用戶體驗(yàn)

讓你的內(nèi)容和網(wǎng)站以用戶為中心意味著優(yōu)化體驗(yàn)，使其更愉快，更有吸引力，總體上更容易參與。這會(huì)讓你在谷歌這樣的搜索引擎上獲得更高的排名，但也會(huì)讓你在目標(biāo)受眾中贏得很多好感。

在當(dāng)今競爭激烈的內(nèi)容營銷領(lǐng)域，更強(qiáng)的受眾關(guān)系、更好的流量和更高的參與度是必要的。好消息是，它們都可以通過在以用戶為中心的網(wǎng)站或門戶網(wǎng)站上更智能、更上下文化的設(shè)計(jì)來實(shí)現(xiàn)。