你最重要的標題設計任務是選擇一個能吸引你的受眾的大圖幻燈片效果(并以積極的方式展示你的品牌)。而且,說實話,這將是更困難的任務之一。
你看,沒有公式可以幫助你選擇完美的形象。有這么多的可能性,您將不得不根據兩個因素來選擇網站視覺效果:
例如,帶有最少圖像或沒有圖像的精簡網頁設計是 2022 年的流行選擇,并且有充分的理由 - 看看Grown 在其大圖部分中實現它的精美程度。
該品牌使用單個 GIF 來傳達其產品的質量和精致度。這一選擇表明該品牌致力于時尚簡約美學,但這還不是全部。它還展示了其將卓越的用戶體驗優先于視覺效果的承諾(不犧牲美學吸引力)。
或者,您可以以完全不同的方式使用您的網站標題。您可以使用包含人物的英雄形象。
2009 年的一項研究表明,包含人臉圖像的網站會導致訪問者認為該品牌具有吸引力、熱情和以用戶為導向。這就是為什么許多 SaaS 公司(例如)選擇此類圖像作為其標題部分的原因。
為了提供卓越的用戶體驗,您實際上根本不需要使用英雄形象。您可以通過使用排版或使用更高級的內容格式(如視頻)來獲得同樣積極的結果,就像在Le Labo主頁上所做的那樣。
2. 價值主張
一旦你完善了你的英雄形象——傳達品牌專業知識和可信度的視覺基礎——你就可以開始關注推動轉化的第二個最重要的網站標題元素:價值主張。
也稱為電梯推銷,這是簡潔地傳達您為目標受眾提供的價值的承諾,并且需要達到適當的平衡。
一方面,它需要足夠令人印象深刻、獨特和有吸引力。但另一方面,它也必須真實可信。我們不要忘記,您還應該確保始終兌現您的承諾。
如果您想確保您獨特的銷售主張能夠轉化,以下是提升它以推動結果的方法。
保持簡單和相關
標題中的價值主張要引人注目且有效,不一定要可愛或聰明。
相反,它需要直接且易于理解地傳達您為客戶提供的價值,確保每個登陸您網站的人都知道您在主頁上花費的最初幾秒鐘內所做的事情。
有關如何通過直接激發轉化的靈感,請查看 Meal Plans 的價值主張,它承諾“膳食計劃變得簡單。每周提供定制的膳食計劃、雜貨清單和食譜。”
專注于客戶獎勵,而不是您的產品
如果您研究消費者的決策過程,您會發現人們并不關心高級功能和技術細節。
作為一項規則,他們總是選擇投資于對他們最有利的解決方案(無論是提供最物有所值、方便還是尊重他們的隱私)。
因此,在撰寫您的獨特價值主張時,請以關注您的客戶的方式進行,正如所做的那樣,該品牌承諾“由專家個性化的全方位服務護膚 [...] 以取得臨床證明的結果。”
將自己與競爭對手區分開來
最后,當您嘗試撰寫保證推動轉化的價值主張時,請不要忘記您的網站標題提供了突出產品獨特性和優勢的絕佳機會。
嘗試使用此部分立即將您的品牌與競爭對手區分開來。
例如,谷歌在登陸頁面上通過指出該應用程序是“谷歌構建的瀏覽器”來做到這一點。簡單的?確實。但它有效。
3.導航
當考慮網站標題設計如何為良好的用戶體驗和用戶界面做出貢獻時,您會意識到最頂層區域的一個特定部分——導航菜單——決定了你的網站在觀眾眼中的表現。
事實上,如果您希望您的網站取得成功,那么設計良好且面向用戶的導航菜單是絕對必要的。
但是,雖然您可能已經閱讀過導航最佳實踐(例如 3-click rule),但您可能仍然想知道:UX研究對導航有什么看法?
就用戶友好性而言,對于構建網站的最佳方式沒有明確的規則。但是,在優化網站標題時,您應該嘗試并堅持一些技巧。
不要將形式優先于功能
用戶體驗研究表明,網頁設計中最重要的是可發現性和易用性。
了解移動優先和響應式網頁設計之間的區別,并盡最大努力使可見性和可用性優于趨勢或慣例。
有關響應式標題設計的絕佳示例,請查看。該品牌的標題會根據用戶的屏幕尺寸而變化,寬度低于 1,025 像素的任何內容都會觸發傳統的水平導航欄切換到更適合移動設備的漢堡菜單。
根據需要而非規則確定菜單項
一些最佳實踐建議會告訴您導航菜單不應包含超過七個項目。但是,您需要知道這并不完全正確。
只要菜單結構正確,您的導航菜單就可以包含所有關鍵內容的路徑。您可以將頁面分成一個主菜單和一個堆疊在其上方的較小的實用程序菜單,或者戰略性地使用下拉菜單。為了避免導致混亂和決策癱瘓的菜單混亂,保持菜單清潔和可用仍然是理想的。
如果您的組織專注于一件事網站制作,請不要嘗試在水平菜單中塞入太多元素。相反,像 所做的那樣,優先考慮指向有利于潛在買家的頁面的鏈接。
設計實驗
雖然在您的網站標題上設計導航菜單似乎是一項非常簡單的任務,但不要讓自己受到慣例的限制。
是的,您應該滿足網絡訪問者的用戶體驗期望。但是,只要這些得到尊重,您就可以為您的品牌做任何最適合您的事情——即使這意味著將菜單放置在一個稍微不同尋常的位置,就像在 網站上所做的那樣。
4. 網站搜索
盡管是一個經常被忽視的網站標題元素(或至少是事后的想法),但放置得當且經過優化的網站搜索功能對于確保網站的高性能至關重要。
根據 的研究,并非所有網站訪問者都使用搜索功能。盡管如此,當他們這樣做時,他們的轉化率提高了 1.8 倍,平均貢獻了總收入的 13.8%。
考慮到這些信息,在您的網站標題中獲得恰到好處的搜索功能至關重要。
為確保可見性,請將搜索按鈕放在預期位置。Loewe網站上使用的導航欄右上角是傳統選擇。
您還可以更突出地顯示搜索欄,尤其是在您的業務依賴大量內容營銷的情況下。
例如,Above House網站有一個搜索觸發按鈕,用于啟動覆蓋。這表明該品牌致力于為讀者提供關于他們消費的內容的代理權,而不是強迫他們處理不必要的干擾。
5. 重要的行動呼吁
您可能已經知道,完全優化的號召性用語按鈕對于確保您的網站轉換至關重要。
但是您是否考慮過展示 CTA(尤其是高價值 CTA)的最佳方式是將其放置在您網站的多個主要位置?這是正確的。使用您的網站標題來顯示號召性用語可以幫助您吸引用戶的注意力并確保您的網絡訪問者轉化為客戶。
在您的網站標題中放置重要的號召性用語的規則是什么?好吧,在設計您的網站時,您需要注意一些事項。
通過引人注目的設計選擇吸引注意力
使用網站標題 CTA 實現高轉化率的先決條件是做出正確的設計選擇。
您最好的選擇是選擇一個符合您網站整體外觀的美學方向,同時仍然脫穎而出。
快速瀏覽一下Flora網站,就可以看出黑色和深綠色的 CTA 按鈕在不破壞網站整體外觀或感覺格格不入的情況下非常突出。
在主要位置顯示 CTA
您可以在標題設計中實施的另一種經過驗證的 CTA 按鈕放置策略是將這些元素放置在 Web 訪問者最有可能注意到的位置。
傳統的選擇自然就在您的價值主張之下。
但是,您也可以在網站的導航菜單中為高價值 CTA 保留一個位置,就像Otto所做的那樣。
傳達您是誰以及訪客可以做什么
最后,當您努力優化網站標題 CTA 以提高轉化率時,不要低估 UX 副本在吸引訪問者采取行動方面的作用。
確保您的號召性用語清楚(且引人入勝)傳達有關單擊按鈕時會發生什么的說明,就像在 Love標題 CTA 上所做的那樣,它邀請訪問者獲取預設捆綁包。
6. 關鍵站點功能
雖然某些網頁的目標是將網絡訪問者轉化為潛在客戶或客戶,但其他網頁的目標是提示用戶采取特定行動。在這些情況下,使用網站標題來顯示關鍵的 UX 元素是一個很好的選擇。
這允許這些功能通過視覺層次結構確定其重要性來脫穎而出。設計選擇還可以帶來更高的轉化率,因為關鍵的站點功能不會隱藏在 CTA 后面的某個地方。它們顯示在訪問者最有可能首先注意到的網站部分。
等品牌通過使用顏色、布局和視覺提示使用戶輸入成為網站標題的重要組成部分,在這方面做得特別好。
通過使用相同的藍色背景來容納公司徽標、導航菜單和交互元素,該品牌可確保首次訪問網絡的訪問者立即看到他們通過使用該工具獲得的價值,從而最大限度地提高他們的轉化機會。
7. 購物車
截至 2021 年 11 月網站制作,平均購物車放棄率為 69.82%,這意味著企業由于糟糕的用戶體驗設計而失去了大約三分之二的潛在買家。
事實上,根據 研究所的說法:
現在,您可能在想:這與我的網站標題有什么關系?答案很簡單。
像在網站頂部添加購物車導航按鈕這樣簡單的操作可以幫助您重新獲得部分損失的收入,讓網絡訪問者更輕松、更方便地完成購買。
而且,要獲得更高級的方法來充分利用此 UX 元素,您可以執行類似于Kopi Luwak 的操作。
在此站點上,單擊購物車圖標不會使用戶離開該頁面。相反,它向他們展示了一個彈出窗口,讓他們可以方便地概覽他們的購物車,同時允許他們繼續將物品添加到他們的包中。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。