27 個研究支持的網(wǎng)頁設(shè)計技巧：如何設(shè)計一個有效的網(wǎng)站

時間：2023-09-11 06:54:01 | 來源：網(wǎng)站運營

時間：2023-09-11 06:54:01 來源：網(wǎng)站運營

27 個研究支持的網(wǎng)頁設(shè)計技巧：如何設(shè)計一個有效的網(wǎng)站：訪客總數(shù)。很容易看到。每個營銷人員都知道他們獲得了多少流量，因為它就在您的分析中。但接下來會發(fā)生什么并不那么明顯。

這就是為什么提供有關(guān)駕駛交通的建議很容易，但網(wǎng)頁設(shè)計技巧卻很難。有很多因素。即使在 1000 多個成功的網(wǎng)頁設(shè)計項目之后，我們也很難知道什么是最好的。

這篇文章有 27 個網(wǎng)頁設(shè)計技巧，可以從每個訪問者那里獲得更多價值。大多數(shù)這些技巧都得到了研究的支持。這些適用于初級設(shè)計師和高級用戶體驗專家，適用于小型企業(yè)和大型企業(yè)。

這是我們關(guān)于如何設(shè)計一個能取得成果的網(wǎng)站的最佳建議、想法和靈感。一個看起來很漂亮的網(wǎng)站，可以轉(zhuǎn)化訪問者并從每一次來之不易的訪問中獲得更多價值。

這里引用的兩項最重要的研究在最后。如果您不耐煩，請?zhí)^！

網(wǎng)站的結(jié)構(gòu)布局

網(wǎng)站是兩件事：容器和內(nèi)容。容器是兩件事：結(jié)構(gòu)和風格。讓我們從第一個開始。這些提示是關(guān)于頁面的結(jié)構(gòu)和布局。

1. 利用視覺層次結(jié)構(gòu)

每個頁面都有一個視覺層次結(jié)構(gòu)。如果你不熟悉這個概念，這里是我們的定義：

視覺層次是指視覺元素的排列、大小、顏色和對比度。它決定了它們的相對顯著性和人眼看到它們的順序。

網(wǎng)頁設(shè)計師使用視覺層次結(jié)構(gòu)來引導(dǎo)訪問者首先關(guān)注重要元素。網(wǎng)站布局包括位置（頁面上的高或低）、大?。ù蠡蛐。?、視覺效果（視頻、圖像、圖標）和對比度（顏色和空白空間）。

組合方面會增加它們的效果。每個人都會在頁面上看到一個大視頻。很少有人會看到被圖像包圍的低對比度文本。

視覺層次結(jié)構(gòu)是為什么您的眼睛在互聯(lián)網(wǎng)上訪問的每個頁面上都遵循特定路徑的原因。故意使用時，它會通過一系列消息引導(dǎo)訪問者的注意力，以呼吁采取行動。

2. 在主頁的高處使用描述性的、以關(guān)鍵詞為中心的標題

主頁（以及每一頁）頂部的標題要么是描述性的，要么是非描述性的。否則，訪客可能無法回答他們的第一個問題：“我來對地方了嗎？”

這也是一個使用目標關(guān)鍵詞并表明相關(guān)性的機會。但是很多營銷人員反而寫了一些聰明或含糊的東西。但清晰總比聰明好。

與其寫一個花哨但模糊的標題，不如寫一些描述性的東西。確保你解釋了公司在頁面上方、首屏上所做的事情。

資料來源：外展加

等等，折疊還是一回事？

是的，有折疊。對于每個屏幕上的每次訪問，都有一個可視區(qū)域。底部是著名的褶皺。要查看此行下方的任何內(nèi)容，該訪問者必須滾動。

為什么以及這在網(wǎng)頁設(shè)計中是否重要是一個激烈爭論的話題。這里有兩個最好的論據(jù)：“沒有折疊！“ vs “折疊仍然很重要?！?br>
當然，屏幕尺寸有數(shù)千種，從小到大。上個月，該網(wǎng)站在 958 個不同尺寸的屏幕上被瀏覽。所以一些設(shè)計師說折疊不再相關(guān)。

但這是底線（明白了嗎？）每次訪問仍然有一個折疊，所有訪問仍然是平均折疊。Hotjar 等工具將其清楚地顯示為滾動熱圖中的一條線，適用于臺式機/筆記本電腦、手機和平板電腦。

所以是的，有一個折疊，你在它上面和下面放什么很重要。一項研究表明，訪客 80% 的時間都花在了首屏上。

因此，將您的價值主張，即您所做工作的 8 字版本放在頁面上方、首屏。

3. 但不要將所有號召性用語放在首位

游客可能會在那里停留更多時間，但這并不意味著他們已準備好采取行動。很多說服發(fā)生在頁面的更深處。

當 Chartbeat分析 2500 萬次訪問時，他們發(fā)現(xiàn)大多數(shù)參與都發(fā)生在首屏以下。頂部的內(nèi)容可能是可見的，它不一定是發(fā)出號召性用語的最有效位置。

關(guān)于這項經(jīng)常被引用的研究的一個警告：Chartbeat 主要由新聞網(wǎng)站使用，這與營銷網(wǎng)站非常不同。沒有人在新聞網(wǎng)站上做更多的事情！正常的網(wǎng)頁設(shè)計技巧不適用。

確保將號召性用語放在頁面下方的任何可能引起高度關(guān)注的地方。

4. 讓它成為一個高大的頁面?；卮鹚性L客的問題。

更多像素意味著有更多空間來回答問題、解決異議和添加支持性證據(jù)。如果訪問者沒有找到重要問題的答案，他們可以簡單地繼續(xù)向下移動頁面。一旦他們感到滿意，他們就會停止閱讀。

最有效的銷售頁面模擬銷售對話。

你永遠不會在銷售會議上打斷某人并停止回答他們的問題，對嗎？這就是一個短頁面所做的一切；它停止回答問題。

這就是來自 Crazy Egg 的著名研究的用武之地。他們調(diào)查了他們的聽眾，發(fā)現(xiàn)了他們最關(guān)心的問題，并建立了一個高大的頁面來解決所有問題。

頁面長了 20 倍。轉(zhuǎn)化率提高了 30%。

5. 一次展示一件事

“我喜歡干凈、現(xiàn)代的設(shè)計?！?這是我們的大多數(shù)客戶在開始網(wǎng)頁設(shè)計項目時告訴我們的。他們經(jīng)常以 Apple 的網(wǎng)站為例。

游客不喜歡混亂。我們喜歡空白。換句話說，我們喜歡低視覺復(fù)雜度。

2012 年，谷歌著手發(fā)現(xiàn)哪些類型的網(wǎng)站對訪問者來說是美麗的。這是一項關(guān)于簡單性的研究，名稱非常復(fù)雜：視覺復(fù)雜性和原型對網(wǎng)站第一印象的作用：致力于理解審美判斷。

他們了解到，更復(fù)雜的設(shè)計不太可能被認為是美麗的。

這解釋了單列布局和高頁面的趨勢。多列（左側(cè)導(dǎo)航、內(nèi)容區(qū)域、右側(cè)欄桿）的設(shè)計更復(fù)雜，在訪問者的視野內(nèi)有更多的視覺元素。

所以剪掉雜物。使兩個元素之一成為每個滾動深度的焦點。

6.堅持標準布局

谷歌的同一項研究發(fā)現(xiàn)，“高原型”也與感知美有關(guān)。換句話說，怪異通常并不漂亮。遵循網(wǎng)頁設(shè)計標準的網(wǎng)站更容易受到喜愛。

被認為最美麗的網(wǎng)站具有高原型性和低視覺復(fù)雜性。它們既簡單又干凈。

這樣想，讓您的品牌與眾不同是件好事，但布局不是這樣做的地方。在你說的話上有所不同。但是在如何使用您的網(wǎng)站時要典型。

有些車看起來很棒。他們是不同的。他們很漂亮。但它們的側(cè)面仍然有門，底部有輪子，前面有大燈。

但什么是標準？根據(jù)我們自己的研究，這些是網(wǎng)站的標準元素：

具有高原型性的“標準”網(wǎng)站包括以下內(nèi)容：

• 左上角的標志
• 標題中的水平導(dǎo)航
• 頂部的搜索欄
• 底部的社交圖標
• 移動響應(yīng)式設(shè)計

7、謹防“假底”

現(xiàn)代營銷網(wǎng)站，尤其是銷售頁面，都是用頁面塊構(gòu)建的。這些是多行內(nèi)容，通常一側(cè)是圖像，另一側(cè)是文本，以單列形式在頁面上向下流動。

以下是潛在客戶生成網(wǎng)站上典型服務(wù)頁面的剖析。

如圖所示，頁腳的背景顏色較深。如此多的網(wǎng)站都這樣做，以至于訪問者現(xiàn)在期望切換到較暗的背景意味著頁面底部。

但是如果設(shè)計有一個帶有深色背景的頁面塊，訪問者可能會認為他們已經(jīng)到達底部并停止?jié)L動。這是一個虛假的底部。

注意：我和我自己的設(shè)計師就這個問題進行了辯論。我們的創(chuàng)意總監(jiān)庫爾特克魯斯提出了一個很好的觀點。背景顏色的變化是讓訪問者知道內(nèi)容類型正在發(fā)生變化的絕佳方式。我聽到了，庫爾特！

在為頁面塊選擇背景顏色時要慎重。為安全起見，請僅選擇細微的變化或始終使用白色或淺灰色。然后在頁腳中切換為深灰色或黑色。

8.避免輪播和旋轉(zhuǎn)滑塊

它們多年來一直很受歡迎，客戶喜歡它們。但是主頁幻燈片有一個問題：訪問者可能只看到第一張幻燈片。

有很多研究得出了相同的結(jié)論。后續(xù)幻燈片上的消息不太可能被看到，行動號召不太可能被點擊。只需查看大學(xué)網(wǎng)站上幻燈片的點擊率即可。

它們可能很受歡迎，因為它們很容易獲得批準。來自不同部門的不同利益相關(guān)者都獲得了一些優(yōu)勢。它們有利于內(nèi)部政治，而不是訪客。

主頁幻燈片很擅長防止人們在會議室互相刺傷。

那么該怎么做呢？

• 堆疊幻燈片，以便訪問者可以通過向下滾動頁面來查看每個幻燈片。它們會突然變得更加明顯。
• 使用特色圖片，使用最具影響力的幻燈片作為主角。給它一個好的行動號召！

9.避免標簽和手風琴

這是另一種隱藏內(nèi)容的方法：避免使用選項卡和可擴展的內(nèi)容框。

知道多達 76% 的網(wǎng)站訪問者正在掃描，您可以通過將內(nèi)容全部公開來讓他們更容易看到您的內(nèi)容，而無需單擊以顯示某些內(nèi)容。

如果選項卡和可擴展手風琴有效，您可能會在亞馬遜上看到它們。

請記住，滾動比單擊更快、更容易。如果訪問者必須瞄準并單擊或標簽才能查看某些內(nèi)容，則他們不太可能看到它。

圖片

讓我們繼續(xù)看視覺效果。這些提示特定于網(wǎng)頁上的圖片。

10.使用人物圖片

人臉是獨一無二的強大圖像。從我們出生的那一刻起，我們就更多地注視面孔。人物圖片的磁力在網(wǎng)頁設(shè)計中非常有用。

面孔不僅能吸引注意力，還與轉(zhuǎn)化相關(guān)。Basecamp的著名案例研究表明，當銷售頁面上的面孔和推薦相結(jié)合時，結(jié)果會得到巨大提升。

確保您的網(wǎng)站看起來不像一艘沒有靈魂的“廢棄宇宙飛船”。

多年來，我與數(shù)以千計的企業(yè)就他們的營銷進行了交談，我注意到了一種模式。大公司總是想看起來小，而小公司總是想看起來大。很奇怪吧？

真的，每家公司都應(yīng)該努力變得更加個性化，更加人性化。

11. 但要避免人的庫存照片

庫存照片有時間和地點，但我會避免像瘟疫一樣的人的庫存照片。他們只是永遠感覺不到真誠，因此他們不會建立信任。

公司被庫存照片所吸引，因為生產(chǎn)質(zhì)量很高。但是您的訪客更關(guān)心現(xiàn)實。他們更愿意看到真正在公司工作的人。

真實性比拋光更重要。

研究支持了這一點。NN Group 的一項研究發(fā)現(xiàn)，訪問者會忽略人物的庫存照片和“填充”圖像，但實際上會查看真實人物的照片。

所以做你自己，向你的團隊展示并使用真人的照片，即使它們已經(jīng)完美無瑕。

12. 使用面孔作為視覺提示

人物圖片為您提供了一個特殊的機會來引導(dǎo)訪問者的注意力。著名的“你看他們看的地方”現(xiàn)象。

當研究員 James Breeze向 106 人展示設(shè)計時，他展示了定位良好的面孔的力量。他們有能力將游客的注意力引向其他元素。

這就是著名的娃娃臉書房。當嬰兒看著相機時，訪客也看著嬰兒。當嬰兒看標題時，訪問者看標題。

我的朋友 Oli Gardner 厭倦了這個嬰兒的例子（對不起，Oli?。?。如果有人知道其他研究或好的例子，請在評論中告訴我！

使用面部圖像中的視線作為方向提示，引導(dǎo)訪客注意利益陳述或行動呼吁。

13. 使用箭頭作為視覺提示

面孔可以引導(dǎo)注意力，但它們并不是控制訪客眼睛的唯一方法。小手繪箭頭可能更有效。

在CXL 的這項眼動追蹤研究中發(fā)現(xiàn)，一個簡單的箭頭在讓訪問者查看頁面元素方面更加強大。

如果您希望訪問者看到某物，請用箭頭指向它。我不確定這個提示是非常明顯還是非常有見地。

14. 使用顏色引導(dǎo)訪問者的注意力轉(zhuǎn)向行動號召

顏色具有情感內(nèi)涵（紅色是緊急的，藍色是平靜的），它們是品牌標準的一部分。但它們也是將訪客的注意力吸引到按鈕和 CTA 上的機會。

Eyequant 關(guān)于按鈕顏色的一項研究證實了顏色和亮度對比吸引注意力的能力。

但研究表明，彩色按鈕并不總是有效。如果您希望按鈕在視覺上更加突出：

• 將按鈕顏色與背景對比
• 對比按鈕顏色和按鈕文本
• 將按鈕顏色與頁面上附近的元素進行對比（或在其周圍留出足夠的空白）

“馮·雷斯托夫效應(yīng)”

1930 年代，德國科學(xué)家 Hedwig von Restorff 發(fā)現(xiàn)，當顯示 10 個項目的列表時，如果項目的顏色與其他項目不同，人們就會記住它們。這是因為枕葉對視覺差異或“模式干擾者”很敏感。

網(wǎng)絡(luò)營銷人員 Paras Chopra 進行的實驗表明，出色的顏色不僅會被更多人記住，而且被點擊的次數(shù)也更多：增加了 60%！

專家提示！為所有鏈接、按鈕和翻轉(zhuǎn)效果選擇一種“動作顏色”。使其顏色與整個設(shè)計中使用的品牌顏色不同（這些是“被動顏色”）。除了在可點擊的項目中，別處使用動作顏色。

導(dǎo)航和鏈接

現(xiàn)在我們開始介紹網(wǎng)站導(dǎo)航的建議，包括讓訪問者四處走動的菜單、按鈕和鏈接。

15. 具有描述性

導(dǎo)航總是在視覺上突出，所以這是一個交流的機會。訪問者通常通過掃描標題開始他們的訪問。那里的任何東西，包括您的菜單，都很可能會被看到。

當導(dǎo)航標簽是通用的時，您就錯過了告訴訪問者您做什么的機會。比較這兩個例子：

如果您的導(dǎo)航標簽是通用的，那么它們在數(shù)千甚至數(shù)百萬個網(wǎng)站中都是通用的。您已經(jīng)錯過了利用網(wǎng)站導(dǎo)航最佳實踐、幫助訪問者和提高搜索排名的機會。

16.把home放在左邊，但除此之外，不要太在意菜單項的順序

如果您有主頁鏈接，請將其放在左側(cè)。這是它最常見的地方，所以游客希望在那里找到它。

至于其余的菜單項，研究表明順序并不是那么重要。有兩種不同的眼動追蹤研究表明，菜單項的順序與訪問者的成功率之間的相關(guān)性較低。

因此，不要花大量時間擔心菜單中的順序。

17. 小心從服務(wù)頁面鏈接到博客文章

如果訪問者在服務(wù)頁面上，則目標是將他們轉(zhuǎn)換為潛在客戶。如果您添加大量機會離開并閱讀您的博客，他們將登陸不太關(guān)注潛在客戶生成的頁面。博客文章自然會有更多的干擾、退出機會和更低的轉(zhuǎn)化率。

18. 小心鏈接到其他網(wǎng)站上的任何內(nèi)容

只要相關(guān)，鏈接到有助于訪問者實現(xiàn)目標的事物。在博客文章中，這通常是對來源的引用或外部參考的鏈接。這篇文章鏈接到數(shù)十篇文章和研究！

但是在服務(wù)頁面和您的主頁上，您應(yīng)該小心地鏈接到其他站點。對于任何經(jīng)過優(yōu)化以將訪問者轉(zhuǎn)化為潛在客戶的頁面，問問自己，您真的希望訪問者點擊該鏈接嗎？它有助于您實現(xiàn)目標嗎？

19.避免在網(wǎng)站標題中使用社交媒體圖標

同樣，標題中豐富多彩的社交媒體圖標也不適合您的目標。如果訪問者點擊這些糖果色按鈕中的任何一個，他們就會進入一個充滿干擾的網(wǎng)站。他們不太可能回來。

這通常是進行社交媒體整合的錯誤方式。如果您鏈接到社交網(wǎng)絡(luò)，請從頁腳進行鏈接。如果訪問者正在尋找，他們可以找到社交網(wǎng)絡(luò)，但您并不是建議他們離開。

寫作

讓我們談?wù)剢卧~。早些時候，我們在主頁上推薦了一個以關(guān)鍵詞為中心的標題。這里有一些關(guān)于進入網(wǎng)站的寫作技巧，包括標題、副標題和正文。

20.寫有意義的小標題

模糊的小標題無處不在。它們通常是大而無用的，但其次是小而有用的東西。很奇怪吧？相反會更有意義。

確保大事對訪客有意義且有幫助。如果您的副標題說的是“產(chǎn)品”或“服務(wù)”之類的內(nèi)容，請問問自己，更具描述性的術(shù)語是否會更有幫助。這里有些例子。

這有利于掃描儀和可用性。這對視障人士和可訪問性都有好處。這也是很好的SEO 最佳實踐。千萬不要錯過表明相關(guān)性的機會！

專業(yè)提示：副標題可能完全沒有必要。如果沒有它，這個頁面是否也一樣好？訪客還會知道他們在看什么嗎？如果是這樣，只需將其刪除。

21.避免長段落和長行長

長而塊狀的段落不符合數(shù)字內(nèi)容最佳實踐。簡單地分解長段落可以使內(nèi)容更易于使用。作為一般規(guī)則，不要寫超過 3-4 行的段落。

“短段落被閱讀，長段落被略讀，真正長段落被跳過” ——杰森弗里德，Basecamp創(chuàng)始人兼首席執(zhí)行官

如果行長度很長，訪問者可能更難以閱讀。該網(wǎng)站風格指南建議的不超過12個字線。

22. 避免行話。使用簡單的詞。

閱讀越容易，網(wǎng)站就越成功。使用訪問者期望的常用詞。長句和花哨的詞迫使顳葉更加努力地工作。這不好。

“保持簡單！“認知流暢度”衡量訪客的大腦處理他們正在看的東西的難易程度。當某些東西難以閱讀時，我們會無意識地發(fā)現(xiàn)它更危險和/或更耗時。因此，為了最大限度地提高轉(zhuǎn)化率，請使用短文本、簡單字體和易于閱讀的設(shè)計。

適用于“低文化”用戶的副本適用于每個人。這不是要降低它；這是關(guān)于使用每個人都能理解的簡單語言。研究表明，降低可讀性水平可以提高所有訪問者的成功率。

即使是博士也更喜歡閱讀 8 年級的水平。

這個大詞可能會讓你聽起來很聰明，但它可能會讓你的訪客感到愚蠢。懷疑自己的訪客不太可能采取行動。所以當你寫的時候，不斷問自己這個問題：

是否 100% 的訪問者知道此頁面上單詞的含義？

23. 列表順序和“序列位置效應(yīng)”

在您的副本中訂購任何列表時，請將重要的內(nèi)容放在開頭和結(jié)尾。在所有列表中，讀者的注意力和保留度最低。當訪問者瀏覽頁面時，第一個和最后一個項目最有可能留在短期記憶中。

24. 回答訪客最關(guān)心的問題

他們帶著問題來了。該網(wǎng)站的主要工作是回答這些問題。每個懸而未決的問題都是建立信任的錯失良機。未回答的問題也會增加訪客離開的可能性。

當 Joel Klettke 應(yīng)用他的流程尋找問題和撰寫答案時，他能夠?qū)ubspot 登錄頁面的轉(zhuǎn)化率提高一倍。他采訪了客戶，分析了他們的答案，對信息進行了優(yōu)先排序，最后，他在新的營銷文案中使用了受眾自己的話。聰明的！

以下是喬爾用來發(fā)現(xiàn)訪問者最關(guān)心的問題的問題：

1. 發(fā)生了什么讓您尋找解決方案？
2. 你還嘗試了什么，你不喜歡它什么？
3. 是什么讓您幾乎無法從我們這里購買？
4. 是什么讓你有足夠的信心讓我們試一試？
5. 是什么讓 X 成為您的最佳解決方案？
6. 在評估 X 時，您認為最重要的是什么？
7. 你現(xiàn)在能做什么（或做得更好）以前不能做的事？
8. 給我舉個例子，說明 X 什么時候?qū)δ惝a(chǎn)生了影響？

一句話，你的網(wǎng)站的目的是什么？回答。

25. 添加證據(jù)和社會證明

“從眾偏見”是人類傾向于做其他人正在做的事情。因此，提供其他人選擇您的證據(jù)使選擇您的公司似乎是一個不錯的選擇。目標是使除使用貴公司以外的任何決定都顯得不合常理。

向您的訪客證明您是合法的。理想情況下，您的每一項營銷主張都有證據(jù)支持。

“您有多少次點擊設(shè)計獎得主名單上的網(wǎng)站，并在“家”這個引人入勝的標題標簽上翻白眼？這就是當你相信一個機構(gòu)“創(chuàng)造出完全獨特而獨特的東西”而不是選擇一個承諾建立一些能按照你的客戶/客戶需要并期望它運作的方式運作的機構(gòu)時會發(fā)生的情況?！?– Jen Salamandick，

最快、最簡單的方法是添加推薦。以下是其他類型的社會證明。

• 相關(guān)影響者的認可
• 來自客戶的產(chǎn)品評論
• “正如在……中所見”提及貴公司的媒體徽標
• 社交媒體小部件顯示您的關(guān)注人數(shù)
• 信任印章，包括協(xié)會會員資格、安全證書和獎項

多少證據(jù)才夠？您應(yīng)該添加多少推薦信？

很多。有可能沒有太多的證據(jù)。我們對亞馬遜的產(chǎn)品詳細信息頁面之一進行了快速分析，發(fā)現(xiàn)該頁面的 43% 是證據(jù)和評論。

專家提示！不要制作推薦頁面。它們往往是低流量頁面。相反，將推薦添加到每個服務(wù)頁面。

26. 提及稀缺性，引發(fā)“損失厭惡”

人類不是高效的成本/收益計算器。我們傾向于高估損失和低估收益。換句話說，損失比獲得的快樂更痛苦。

在線和離線都是如此，并解釋了許多人類行為。這篇文章解釋得很好：將行為經(jīng)濟學(xué)和認知心理學(xué)應(yīng)用于設(shè)計過程。

這種對損失的厭惡對網(wǎng)頁設(shè)計師和撰稿人很有用。以下是一些考慮到損失厭惡的情況下撰寫文案的技巧。

• 強調(diào)不使用您的產(chǎn)品或服務(wù)的成本。
• 將成本組合在一起，分別列出收益。
• 強調(diào)立竿見影的收獲。
• 通過限時優(yōu)惠創(chuàng)造緊迫感。如果產(chǎn)品稀缺，請說出來。

輕輕提醒您的訪問者，如果現(xiàn)在不采取行動，他們會錯過什么、冒什么風險或失去什么。

27.優(yōu)化訂閱者的電子郵件注冊表單

這篇文章的底部有一個。這是訂閱號召性用語。如果仔細觀察，您會發(fā)現(xiàn)它包含三個獨立的元素。這些都是3 P的電子郵件注冊表格。

• 突出它在視覺層次結(jié)構(gòu)中脫穎而出
• 承諾它告訴讀者他們會得到什么以及多久得到一次
• 證明 它使用社會證明：訂閱者的數(shù)量或一個小小的推薦

當我們第一次嘗試這些更改時，舊表單的轉(zhuǎn)換率非常低，因此改進非常顯著。我們看到電子郵件注冊增加了4,863%。

在設(shè)計您的電子郵件注冊表單時，使其可見，使用社會證明并告訴讀者他們將得到什么。

不僅僅是一個漂亮的網(wǎng)站

人人都愛美。每個人都喜歡很酷的新設(shè)計功能。每個人都是批評家。但作為游客，我們需要的不僅僅是美麗。我們需要信息。作為網(wǎng)站所有者，我們需要結(jié)果。

這是具有相同發(fā)現(xiàn)的兩項研究。第一個是Hubspot 的一項調(diào)查，該調(diào)查表明，與漂亮的設(shè)計或花哨的用戶體驗相比，訪問者更看重易于查找的信息。

第二項研究是NN Group的一組用戶測試的結(jié)論。它表明，當訪問者失敗時，是因為他們找不到信息，而不是因為網(wǎng)站不夠漂亮。

我和任何人一樣喜歡漂亮的設(shè)計。這就是我開始從事這項業(yè)務(wù)的原因！我經(jīng)常想到這句話：

“設(shè)計師的生活就是奮斗的一生。與丑惡作斗爭?！?– Massimo Vignelli，設(shè)計傳奇

但在網(wǎng)頁設(shè)計中，我們?yōu)閮?nèi)容創(chuàng)建容器。訪問者是為了內(nèi)容，而不是容器。

網(wǎng)站應(yīng)該是漂亮的。它們應(yīng)該對訪問者產(chǎn)生視覺或情感上的影響。但是您網(wǎng)站的成功遠不止美觀。這是關(guān)于幫助訪問者找到他們需要的東西。這是本文中每個技巧的核心。這就是網(wǎng)頁設(shè)計的真正目的。