你最重要的標(biāo)題設(shè)計(jì)任務(wù)是選擇一個(gè)能吸引你的受眾的大圖幻燈片效果（并以積極的方式展示你的品牌）。而且，說實(shí)話，這將是更困難的任務(wù)之一。

你看，沒有公式可以幫助你選擇完美的形象。有這么多的可能性，您將不得不根據(jù)兩個(gè)因素來選擇網(wǎng)站視覺效果：

例如，帶有最少圖像或沒有圖像的精簡網(wǎng)頁設(shè)計(jì)是 2022 年的流行選擇，并且有充分的理由 - 看看Grown 在其大圖部分中實(shí)現(xiàn)它的精美程度。

該品牌使用單個(gè) GIF 來傳達(dá)其產(chǎn)品的質(zhì)量和精致度。這一選擇表明該品牌致力于時(shí)尚簡約美學(xué)，但這還不是全部。它還展示了其將卓越的用戶體驗(yàn)優(yōu)先于視覺效果的承諾（不犧牲美學(xué)吸引力）。

或者，您可以以完全不同的方式使用您的網(wǎng)站標(biāo)題。您可以使用包含人物的英雄形象。

2009 年的一項(xiàng)研究表明，包含人臉圖像的網(wǎng)站會(huì)導(dǎo)致訪問者認(rèn)為該品牌具有吸引力、熱情和以用戶為導(dǎo)向。這就是為什么許多 SaaS 公司（例如）選擇此類圖像作為其標(biāo)題部分的原因。

為了提供卓越的用戶體驗(yàn)，您實(shí)際上根本不需要使用英雄形象。您可以通過使用排版或使用更高級(jí)的內(nèi)容格式（如視頻）來獲得同樣積極的結(jié)果，就像在Le Labo主頁上所做的那樣。

2. 價(jià)值主張

一旦你完善了你的英雄形象——傳達(dá)品牌專業(yè)知識(shí)和可信度的視覺基礎(chǔ)——你就可以開始關(guān)注推動(dòng)轉(zhuǎn)化的第二個(gè)最重要的網(wǎng)站標(biāo)題元素：價(jià)值主張。

也稱為電梯推銷，這是簡潔地傳達(dá)您為目標(biāo)受眾提供的價(jià)值的承諾，并且需要達(dá)到適當(dāng)?shù)钠胶狻?/p>

一方面，它需要足夠令人印象深刻、獨(dú)特和有吸引力。但另一方面，它也必須真實(shí)可信。我們不要忘記，您還應(yīng)該確保始終兌現(xiàn)您的承諾。

如果您想確保您獨(dú)特的銷售主張能夠轉(zhuǎn)化，以下是提升它以推動(dòng)結(jié)果的方法。

保持簡單和相關(guān)

標(biāo)題中的價(jià)值主張要引人注目且有效，不一定要可愛或聰明。

相反，它需要直接且易于理解地傳達(dá)您為客戶提供的價(jià)值，確保每個(gè)登陸您網(wǎng)站的人都知道您在主頁上花費(fèi)的最初幾秒鐘內(nèi)所做的事情。

有關(guān)如何通過直接激發(fā)轉(zhuǎn)化的靈感，請(qǐng)查看 Meal Plans 的價(jià)值主張，它承諾“膳食計(jì)劃變得簡單。每周提供定制的膳食計(jì)劃、雜貨清單和食譜。”

專注于客戶獎(jiǎng)勵(lì)，而不是您的產(chǎn)品

如果您研究消費(fèi)者的決策過程，您會(huì)發(fā)現(xiàn)人們并不關(guān)心高級(jí)功能和技術(shù)細(xì)節(jié)。

作為一項(xiàng)規(guī)則，他們總是選擇投資于對(duì)他們最有利的解決方案（無論是提供最物有所值、方便還是尊重他們的隱私）。

因此，在撰寫您的獨(dú)特價(jià)值主張時(shí)，請(qǐng)以關(guān)注您的客戶的方式進(jìn)行，正如所做的那樣，該品牌承諾“由專家個(gè)性化的全方位服務(wù)護(hù)膚 [...] 以取得臨床證明的結(jié)果。”

將自己與競爭對(duì)手區(qū)分開來

最后，當(dāng)您嘗試撰寫保證推動(dòng)轉(zhuǎn)化的價(jià)值主張時(shí)，請(qǐng)不要忘記您的網(wǎng)站標(biāo)題提供了突出產(chǎn)品獨(dú)特性和優(yōu)勢的絕佳機(jī)會(huì)。

嘗試使用此部分立即將您的品牌與競爭對(duì)手區(qū)分開來。

例如，谷歌在登陸頁面上通過指出該應(yīng)用程序是“谷歌構(gòu)建的瀏覽器”來做到這一點(diǎn)。簡單的？確實(shí)。但它有效。

3.導(dǎo)航

當(dāng)考慮網(wǎng)站標(biāo)題設(shè)計(jì)如何為良好的用戶體驗(yàn)和用戶界面做出貢獻(xiàn)時(shí)，您會(huì)意識(shí)到最頂層區(qū)域的一個(gè)特定部分——導(dǎo)航菜單——決定了你的網(wǎng)站在觀眾眼中的表現(xiàn)。

事實(shí)上，如果您希望您的網(wǎng)站取得成功，那么設(shè)計(jì)良好且面向用戶的導(dǎo)航菜單是絕對(duì)必要的。

但是，雖然您可能已經(jīng)閱讀過導(dǎo)航最佳實(shí)踐（例如 3-click rule），但您可能仍然想知道：UX研究對(duì)導(dǎo)航有什么看法？

就用戶友好性而言，對(duì)于構(gòu)建網(wǎng)站的最佳方式?jīng)]有明確的規(guī)則。但是，在優(yōu)化網(wǎng)站標(biāo)題時(shí)，您應(yīng)該嘗試并堅(jiān)持一些技巧。

不要將形式優(yōu)先于功能

用戶體驗(yàn)研究表明，網(wǎng)頁設(shè)計(jì)中最重要的是可發(fā)現(xiàn)性和易用性。

了解移動(dòng)優(yōu)先和響應(yīng)式網(wǎng)頁設(shè)計(jì)之間的區(qū)別，并盡最大努力使可見性和可用性優(yōu)于趨勢或慣例。

有關(guān)響應(yīng)式標(biāo)題設(shè)計(jì)的絕佳示例，請(qǐng)查看。該品牌的標(biāo)題會(huì)根據(jù)用戶的屏幕尺寸而變化，寬度低于 1,025 像素的任何內(nèi)容都會(huì)觸發(fā)傳統(tǒng)的水平導(dǎo)航欄切換到更適合移動(dòng)設(shè)備的漢堡菜單。

根據(jù)需要而非規(guī)則確定菜單項(xiàng)

一些最佳實(shí)踐建議會(huì)告訴您導(dǎo)航菜單不應(yīng)包含超過七個(gè)項(xiàng)目。但是，您需要知道這并不完全正確。

只要菜單結(jié)構(gòu)正確，您的導(dǎo)航菜單就可以包含所有關(guān)鍵內(nèi)容的路徑。您可以將頁面分成一個(gè)主菜單和一個(gè)堆疊在其上方的較小的實(shí)用程序菜單，或者戰(zhàn)略性地使用下拉菜單。為了避免導(dǎo)致混亂和決策癱瘓的菜單混亂，保持菜單清潔和可用仍然是理想的。

如果您的組織專注于一件事網(wǎng)站制作，請(qǐng)不要嘗試在水平菜單中塞入太多元素。相反，像 所做的那樣，優(yōu)先考慮指向有利于潛在買家的頁面的鏈接。

設(shè)計(jì)實(shí)驗(yàn)

雖然在您的網(wǎng)站標(biāo)題上設(shè)計(jì)導(dǎo)航菜單似乎是一項(xiàng)非常簡單的任務(wù)，但不要讓自己受到慣例的限制。

是的，您應(yīng)該滿足網(wǎng)絡(luò)訪問者的用戶體驗(yàn)期望。但是，只要這些得到尊重，您就可以為您的品牌做任何最適合您的事情——即使這意味著將菜單放置在一個(gè)稍微不同尋常的位置，就像在 網(wǎng)站上所做的那樣。

4. 網(wǎng)站搜索

盡管是一個(gè)經(jīng)常被忽視的網(wǎng)站標(biāo)題元素（或至少是事后的想法），但放置得當(dāng)且經(jīng)過優(yōu)化的網(wǎng)站搜索功能對(duì)于確保網(wǎng)站的高性能至關(guān)重要。

根據(jù) 的研究，并非所有網(wǎng)站訪問者都使用搜索功能。盡管如此，當(dāng)他們這樣做時(shí)，他們的轉(zhuǎn)化率提高了 1.8 倍，平均貢獻(xiàn)了總收入的 13.8%。

考慮到這些信息，在您的網(wǎng)站標(biāo)題中獲得恰到好處的搜索功能至關(guān)重要。

為確保可見性，請(qǐng)將搜索按鈕放在預(yù)期位置。Loewe網(wǎng)站上使用的導(dǎo)航欄右上角是傳統(tǒng)選擇。

您還可以更突出地顯示搜索欄，尤其是在您的業(yè)務(wù)依賴大量內(nèi)容營銷的情況下。

例如，Above House網(wǎng)站有一個(gè)搜索觸發(fā)按鈕，用于啟動(dòng)覆蓋。這表明該品牌致力于為讀者提供關(guān)于他們消費(fèi)的內(nèi)容的代理權(quán)，而不是強(qiáng)迫他們處理不必要的干擾。

5. 重要的行動(dòng)呼吁

您可能已經(jīng)知道，完全優(yōu)化的號(hào)召性用語按鈕對(duì)于確保您的網(wǎng)站轉(zhuǎn)換至關(guān)重要。

但是您是否考慮過展示 CTA（尤其是高價(jià)值 CTA）的最佳方式是將其放置在您網(wǎng)站的多個(gè)主要位置？這是正確的。使用您的網(wǎng)站標(biāo)題來顯示號(hào)召性用語可以幫助您吸引用戶的注意力并確保您的網(wǎng)絡(luò)訪問者轉(zhuǎn)化為客戶。

在您的網(wǎng)站標(biāo)題中放置重要的號(hào)召性用語的規(guī)則是什么？好吧，在設(shè)計(jì)您的網(wǎng)站時(shí)，您需要注意一些事項(xiàng)。

通過引人注目的設(shè)計(jì)選擇吸引注意力

使用網(wǎng)站標(biāo)題 CTA 實(shí)現(xiàn)高轉(zhuǎn)化率的先決條件是做出正確的設(shè)計(jì)選擇。

您最好的選擇是選擇一個(gè)符合您網(wǎng)站整體外觀的美學(xué)方向，同時(shí)仍然脫穎而出。

快速瀏覽一下Flora網(wǎng)站，就可以看出黑色和深綠色的 CTA 按鈕在不破壞網(wǎng)站整體外觀或感覺格格不入的情況下非常突出。

在主要位置顯示 CTA

您可以在標(biāo)題設(shè)計(jì)中實(shí)施的另一種經(jīng)過驗(yàn)證的 CTA 按鈕放置策略是將這些元素放置在 Web 訪問者最有可能注意到的位置。

傳統(tǒng)的選擇自然就在您的價(jià)值主張之下。

但是，您也可以在網(wǎng)站的導(dǎo)航菜單中為高價(jià)值 CTA 保留一個(gè)位置，就像Otto所做的那樣。

傳達(dá)您是誰以及訪客可以做什么

最后，當(dāng)您努力優(yōu)化網(wǎng)站標(biāo)題 CTA 以提高轉(zhuǎn)化率時(shí)，不要低估 UX 副本在吸引訪問者采取行動(dòng)方面的作用。

確保您的號(hào)召性用語清楚（且引人入勝）傳達(dá)有關(guān)單擊按鈕時(shí)會(huì)發(fā)生什么的說明，就像在 Love標(biāo)題 CTA 上所做的那樣，它邀請(qǐng)?jiān)L問者獲取預(yù)設(shè)捆綁包。

6. 關(guān)鍵站點(diǎn)功能

雖然某些網(wǎng)頁的目標(biāo)是將網(wǎng)絡(luò)訪問者轉(zhuǎn)化為潛在客戶或客戶，但其他網(wǎng)頁的目標(biāo)是提示用戶采取特定行動(dòng)。在這些情況下，使用網(wǎng)站標(biāo)題來顯示關(guān)鍵的 UX 元素是一個(gè)很好的選擇。

這允許這些功能通過視覺層次結(jié)構(gòu)確定其重要性來脫穎而出。設(shè)計(jì)選擇還可以帶來更高的轉(zhuǎn)化率，因?yàn)殛P(guān)鍵的站點(diǎn)功能不會(huì)隱藏在 CTA 后面的某個(gè)地方。它們顯示在訪問者最有可能首先注意到的網(wǎng)站部分。

等品牌通過使用顏色、布局和視覺提示使用戶輸入成為網(wǎng)站標(biāo)題的重要組成部分，在這方面做得特別好。

通過使用相同的藍(lán)色背景來容納公司徽標(biāo)、導(dǎo)航菜單和交互元素，該品牌可確保首次訪問網(wǎng)絡(luò)的訪問者立即看到他們通過使用該工具獲得的價(jià)值，從而最大限度地提高他們的轉(zhuǎn)化機(jī)會(huì)。

7. 購物車

截至 2021 年 11 月網(wǎng)站制作，平均購物車放棄率為 69.82%，這意味著企業(yè)由于糟糕的用戶體驗(yàn)設(shè)計(jì)而失去了大約三分之二的潛在買家。

事實(shí)上，根據(jù) 研究所的說法：

現(xiàn)在，您可能在想：這與我的網(wǎng)站標(biāo)題有什么關(guān)系？答案很簡單。

像在網(wǎng)站頂部添加購物車導(dǎo)航按鈕這樣簡單的操作可以幫助您重新獲得部分損失的收入，讓網(wǎng)絡(luò)訪問者更輕松、更方便地完成購買。

而且，要獲得更高級(jí)的方法來充分利用此 UX 元素，您可以執(zhí)行類似于Kopi Luwak 的操作。

在此站點(diǎn)上，單擊購物車圖標(biāo)不會(huì)使用戶離開該頁面。相反，它向他們展示了一個(gè)彈出窗口，讓他們可以方便地概覽他們的購物車，同時(shí)允許他們繼續(xù)將物品添加到他們的包中。