成功品牌如何設(shè)計(jì)他們的網(wǎng)站頭部

2022-02-03    分類: 網(wǎng)站建設(shè)

網(wǎng)站頭部一般是訪問者進(jìn)入網(wǎng)站時首先看到的內(nèi)容。想要訪問者通過與主圖交互或者注意到行為召喚按鈕從而采取行動,都在讓訪問者感到愉悅的設(shè)計(jì)布局中。本文中,我們將討論成功品牌采用的好做法,打造一個能讓訪問者采取行動的高質(zhì)量的網(wǎng)站頭部。


組織布局

大型網(wǎng)站,比如Amazon、YouTube和Facebook,都在所謂的主圖(hero image)上花費(fèi)了很大精力。主圖指的是占據(jù)網(wǎng)站中心位置的一張大圖,是訪問者第一眼就能看到的內(nèi)容。它可能會包含行為召喚(call to action)指引訪問者進(jìn)行特定行為,可能是信息性內(nèi)容,也可能是一張引人注目的圖片以期引起訪問者的某種情緒反應(yīng)。




通常情況下,在主圖之上的是導(dǎo)航欄,一般包含指向其他頁面的鏈接以及公司名稱或者logo。到底放在主圖上方還是下方當(dāng)然取決于你。我們建議導(dǎo)航欄放在主圖上方,這樣移動端用戶不需要向下滾動頁面就能找到各個鏈接。
將布局拆分成列

除了在導(dǎo)航欄添加指向網(wǎng)站企業(yè)頁面的鏈接之外,你可能還想把這些鏈接作為行為召喚按鈕、圖像或者文本鏈接放在頭部部分,把頭部拆分成數(shù)列。這樣,頭部就能被分割成數(shù)個小版塊,但仍然占據(jù)了訪問者進(jìn)入網(wǎng)站時第一眼會看到的位置。




像IMDb、IGN和TechRadar這樣的網(wǎng)站都這樣做,因?yàn)檫@些網(wǎng)站上發(fā)布了大量的新聞內(nèi)容。類似的網(wǎng)站都可以試試將網(wǎng)站上最突出的空間分成多列,以便展示其最有價值的內(nèi)容。
使用行為召喚CTA
如果你正在售賣某件商品,想要分享一些重要信息或者鼓勵新用戶注冊,我們建議在頭部使用行為召喚。網(wǎng)站頭部與行為召喚的結(jié)合,將確保訪問者面臨兩個選項(xiàng):參與或不參與。這對于分清什么有用什么沒用很有幫助,因?yàn)槿绻L問者沒有回應(yīng)你的行為召喚,說明它還不夠吸引人。

有時你會發(fā)現(xiàn)有些手機(jī)應(yīng)用的網(wǎng)站比如Tinder或者Loot會使用一張主圖鋪滿瀏覽器窗口。通常這張主圖會包含一個行為召喚按鈕,可以向下滾動到另一個版塊。你可以在響應(yīng)式頁面中為一欄添加按鈕,然后選擇鏈接類型。




Tinder和Loot在主圖中使用了行為召喚來吸引人們下載他們的應(yīng)用。這是行為召喚的另一種用法,指引外部訪問者到應(yīng)用商店、下載鏈接或者Spotify播放列表等等。
添加社交媒體圖標(biāo)

一個不需要什么付出但能成功推廣網(wǎng)站的方法,是在社交媒體渠道添加鏈接,以便訪問者瀏覽并關(guān)注。這同時還是為可能有疑問的訪問者提供客戶支持的好方法。




許多網(wǎng)站都會在頭部或者導(dǎo)航欄附近添加社交媒體按鈕。這樣訪問者就能從網(wǎng)站的任意頁面進(jìn)入你的社交媒體賬號,同時也能間接地向路人推薦更多內(nèi)容,吸引新的關(guān)注者和新的潛在客戶。

網(wǎng)頁題目:成功品牌如何設(shè)計(jì)他們的網(wǎng)站頭部
當(dāng)前URL:http://www.muchs.cn/news34/143484.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)微信公眾號、網(wǎng)站排名、關(guān)鍵詞優(yōu)化、App設(shè)計(jì)、虛擬主機(jī)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作