企業(yè)網(wǎng)站首頁五種設(shè)計(jì) 讓用戶去“點(diǎn)一下”
使用一個(gè)網(wǎng)站的過程,其中有很多節(jié)點(diǎn)。輸入網(wǎng)站回車或者點(diǎn)開網(wǎng)站,是一個(gè)節(jié)點(diǎn)。打開網(wǎng)站首頁之后,鼠標(biāo)在網(wǎng)站點(diǎn)一下,也是一節(jié)點(diǎn),這一個(gè)動(dòng)作,意味著用戶有進(jìn)一步了解網(wǎng)站的意愿;當(dāng)然,與網(wǎng)站客服進(jìn)行在線交流、打電話聯(lián)系,也屬于使用企業(yè)網(wǎng)站的一個(gè)節(jié)點(diǎn)。
為了實(shí)現(xiàn)每一個(gè)節(jié)點(diǎn),網(wǎng)站的設(shè)計(jì)者和運(yùn)營者都需要做大量的工作。舉例來說,為了實(shí)現(xiàn)“打開網(wǎng)站”這一動(dòng)作,需要做的工作就包括:購買好的網(wǎng)址、在導(dǎo)航網(wǎng)站添加網(wǎng)址、在百度搜索進(jìn)行優(yōu)化、在社交平臺(tái)傳播網(wǎng)站等等。
當(dāng)用戶打開網(wǎng)站之后,一般會(huì)有兩種行為,一種是瀏覽首頁之后離開;一種是鼠標(biāo)點(diǎn)擊了網(wǎng)站進(jìn)一步進(jìn)行瀏覽。網(wǎng)站的設(shè)計(jì)者自然是希望用戶做“點(diǎn)一下”這個(gè)動(dòng)作。如果能夠讓用戶做出這一動(dòng)作呢?易百訊認(rèn)為,一些首頁創(chuàng)意設(shè)計(jì),是可以將用戶引導(dǎo)到網(wǎng)站的“縱深”地帶。
提醒法
所有的手機(jī)APP,都希望能夠在手機(jī)桌面顯示通知,這種方式,用戶的打開率其實(shí)非常之高。
網(wǎng)站首頁設(shè)計(jì),易百訊借鑒這一做法。例如,某些網(wǎng)站會(huì)在導(dǎo)航欄目設(shè)計(jì)郵件圖標(biāo),顯示“用戶有未讀郵件”。當(dāng)用戶打開網(wǎng)站首頁之后,注意力很容易被熟悉的事物所吸引,自然就會(huì)點(diǎn)擊“郵件圖標(biāo)”,這樣就進(jìn)入了網(wǎng)站更深的層級。
這種提醒法,多用在導(dǎo)航欄目設(shè)計(jì)上。再例如,一些網(wǎng)站導(dǎo)航的新聞欄目會(huì)設(shè)計(jì)“new”提醒符,暗示和引導(dǎo)用戶去點(diǎn)擊。如下圖所示,當(dāng)在導(dǎo)航標(biāo)簽上添加“HOT”“免費(fèi)”等提醒字樣的時(shí)候,用戶更愿意點(diǎn)擊進(jìn)入。
留白法
網(wǎng)站首頁并不是信息越多越好。根據(jù)易百訊的觀察,當(dāng)網(wǎng)站首頁的信息足夠用戶了解網(wǎng)站全貌的時(shí)候,用戶反而不會(huì)“點(diǎn)擊進(jìn)入”,他們只會(huì)拖動(dòng)滾動(dòng)條,然后將網(wǎng)站關(guān)掉。所以,部分設(shè)計(jì)師開始嘗試這樣去做——網(wǎng)站首頁提供極少信息,讓用戶產(chǎn)生疑問。
常見的設(shè)計(jì)思路就是,使用超大背景圖填滿大面積區(qū)域,然后通過適當(dāng)?shù)奈陌柑峁┖玩溄犹峁?,推?dòng)用戶去“點(diǎn)擊”。
易百訊觀察到,蘋果官網(wǎng)的首頁設(shè)計(jì),就深得此法,在首頁只有產(chǎn)品渲染圖,圖片上提供鏈接,如下圖所示:
焦點(diǎn)法
用戶的眼光是聚焦的,在整個(gè)區(qū)域內(nèi),用戶往往對某一焦點(diǎn)產(chǎn)生興趣。所以,用戶的這一注意力特點(diǎn),也被應(yīng)用到網(wǎng)站首頁設(shè)計(jì)層面。
這種創(chuàng)意設(shè)計(jì)指的是,在網(wǎng)站首頁,確立一個(gè)焦點(diǎn),這個(gè)焦點(diǎn),就是用戶進(jìn)入網(wǎng)站的入口。這個(gè)“焦點(diǎn)”可以是視頻入口,也可以是某一個(gè)內(nèi)鏈。如下面這個(gè)網(wǎng)站的首頁設(shè)計(jì),用戶第一眼看到了視頻的點(diǎn)擊按鈕,大概率會(huì)點(diǎn)擊進(jìn)入。
引導(dǎo)法
如何讓用戶進(jìn)一步深入了解網(wǎng)站呢?常規(guī)的頂部導(dǎo)航設(shè)計(jì),已經(jīng)被很多設(shè)計(jì)師所摒棄。部分網(wǎng)頁設(shè)計(jì)師開始設(shè)計(jì)新的導(dǎo)航形式。
例如通過在首頁大量使用箭頭,來暗示用戶點(diǎn)擊和進(jìn)一步深入了解。
例如下面這個(gè)網(wǎng)站首頁,使用巨大的箭頭圖標(biāo),引導(dǎo)用戶進(jìn)一步瀏覽。
再例如,易百訊給“唯辦公”客戶設(shè)計(jì)的首頁,將客戶的LOGO與網(wǎng)站的引導(dǎo)融為一體,即是網(wǎng)站LOGO,也是箭頭暗示,暗示用戶向下瀏覽。如下圖所示:
固定法
當(dāng)用戶在瀏覽網(wǎng)站首頁的時(shí)候,當(dāng)用戶產(chǎn)生了要到別處去的意愿,應(yīng)該有通道和入口。這事關(guān)網(wǎng)站首頁導(dǎo)航的設(shè)計(jì)。
易百訊的設(shè)計(jì)師有兩種處理方式。
一種方式是導(dǎo)航固定處理,網(wǎng)站首頁可以不斷下拉,但是導(dǎo)航是固定的,用戶不用上移,就可以隨時(shí)點(diǎn)擊導(dǎo)航。
一種方式是導(dǎo)航浮動(dòng)處理,導(dǎo)航的按鈕浮動(dòng)在網(wǎng)站首頁的banner上,任何時(shí)候要進(jìn)入網(wǎng)站下一層,都是很方便的。如下圖所示:
總體上看,在易百訊看來,網(wǎng)站首頁提供的信息量應(yīng)該以“少量、聚焦、引導(dǎo)”為主要目的和特點(diǎn),而不是越多越好、不是越雜越好。