如何建立一個迷人的網(wǎng)站標題

如果你的網(wǎng)站是一個房子，你的標題將是草坪。這是用戶看到的第一件事，它決定了他們是繼續(xù)開車還是停下來看看房子。

標頭可以完成以下任務(wù)：

顯示品牌標識，包括照片，標語，LOGO和顏色。如果品牌具有可視元素，則標題可以顯示它。

搜索，訂閱和/或語言選項的交互字段。

號召性用語字段（即表示“嘗試”或“購物”的按鈕）。

基本導(dǎo)航鏈接。

社交媒體網(wǎng)絡(luò)鏈接。

但容量是否足以證明履行每項功能的合理性？如果使用標頭的每個可用元素，則用戶體驗（UX）的質(zhì)量將消失。標題應(yīng)該易于訪問并且更容易破譯。請記住，這是網(wǎng)站的草坪。如果草坪上有從路邊到門的灌木叢，那將無法進入。同樣，雜亂的標題表示導(dǎo)航和內(nèi)容很難從當(dāng)前位置到達。

標題設(shè)計方面

定義標題應(yīng)該實現(xiàn)的功能因站點而異。如果網(wǎng)站提供產(chǎn)品信息的目標，CTA領(lǐng)域和品牌識別將優(yōu)先于鏈接社交媒體網(wǎng)絡(luò)。但如果該網(wǎng)站致力于展示營銷機構(gòu)的工作，社交媒體鏈接將比第一種情況具有更高的優(yōu)先級。

但是，標題設(shè)計需要考慮一些常量。大多數(shù)網(wǎng)站都希望用戶參與和瀏覽內(nèi)容。最重要的標題設(shè)計方面之一是它如何促進網(wǎng)站導(dǎo)航。

導(dǎo)航選項

也許在標題內(nèi)提供導(dǎo)航的最流行的選項是漢堡包按鈕（顯示為?）。此按鈕有時稱為薄餅或熱狗按鈕，其分層外觀比其他導(dǎo)航樣式有兩個優(yōu)點。

第一個優(yōu)點是，它允許設(shè)計人員輕松地從標題顯示完整菜單，而不顯示復(fù)雜的路徑，如經(jīng)典導(dǎo)航樣式。用戶可以使用可視化層次結(jié)構(gòu)以更少的點擊次數(shù)訪問他們想要的結(jié)束頁面，而不是顯示基于文本的層次結(jié)構(gòu)（即，主頁>圖庫> cats> gifs）。

第二個優(yōu)勢，也就是漢堡包菜單上有這么多左上角的原因，就是它與移動觀看高度兼容。這些壓縮菜單允許移動用戶欣賞標題的樣式和內(nèi)容，而導(dǎo)航窗格不占用大量屏幕空間。

趨勢標題樣式

兩種標題風(fēng)格最近成為網(wǎng)站設(shè)計趨勢的主要階段：英雄和視頻。這兩種趨勢都有利有弊。最終，哪種標題樣式（如果有的話）對于網(wǎng)站來說是理想的，將取決于用戶研究和目標人口統(tǒng)計。

視頻標題通常是英雄布局的一部分，是網(wǎng)站設(shè)計中令人興奮的新趨勢。這些標題允許網(wǎng)站設(shè)計師顯示可以給人留下深刻印象的視頻剪輯，并使用戶比靜態(tài)圖像更長時間的吸引力。然而，這種趨勢是一個相對較新的出現(xiàn)有一個原因：視頻應(yīng)該至少720p質(zhì)量。

高清晰度轉(zhuǎn)化為更高的加載時間。在具有高速互聯(lián)網(wǎng)連接的桌面上，這通常不是問題，但移動用戶在加載和播放視頻時會遇到問題，無論他們的手機操作系統(tǒng)如何。

如果您的網(wǎng)站使用的視頻標題是英雄風(fēng)格，請為移動用戶禁用它們。他們會很感激。

縮小您的標題設(shè)計

確定要包含在標題中的哪些鈴聲以及要切割的口哨可能是一個漫長的過程，但它歸結(jié)為一個重要問題：

當(dāng)您縮小網(wǎng)站要求的范圍時，比如說，對用戶來說意味著什么，選擇標題屬性就會很自然。