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

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

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

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

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

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

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

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

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

標(biāo)題設(shè)計方面

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

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

導(dǎo)航選項

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

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

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

趨勢標(biāo)題樣式

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

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

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

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

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

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

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