新聞動態(tài)

將想法與焦點和您一起共享
當前位置:首頁  >  新聞動態(tài)

企業(yè)網(wǎng)站首頁五種設計 讓用戶去“點一下”

發(fā)表日期:2018-10-02 07:23:00       文章編輯:小易       瀏覽次數(shù):

  使用一個網(wǎng)站的過程,其中有很多節(jié)點。輸入網(wǎng)站回車或者點開網(wǎng)站,是一個節(jié)點。打開網(wǎng)站首頁之后,鼠標在網(wǎng)站點一下,也是一節(jié)點,這一個動作,意味著用戶有進一步了解網(wǎng)站的意愿;當然,與網(wǎng)站客服進行在線交流、打電話聯(lián)系,也屬于使用企業(yè)網(wǎng)站的一個節(jié)點。

  為了實現(xiàn)每一個節(jié)點,網(wǎng)站的設計者和運營者都需要做大量的工作。舉例來說,為了實現(xiàn)“打開網(wǎng)站”這一動作,需要做的工作就包括:購買好的網(wǎng)址、在導航網(wǎng)站添加網(wǎng)址、在百度搜索進行優(yōu)化、在社交平臺傳播網(wǎng)站等等。

  當用戶打開網(wǎng)站之后,一般會有兩種行為,一種是瀏覽首頁之后離開;一種是鼠標點擊了網(wǎng)站進一步進行瀏覽。網(wǎng)站的設計者自然是希望用戶做“點一下”這個動作。如果能夠讓用戶做出這一動作呢?易百訊認為,一些首頁創(chuàng)意設計,是可以將用戶引導到網(wǎng)站的“縱深”地帶。

  提醒法

  所有的手機APP,都希望能夠在手機桌面顯示通知,這種方式,用戶的打開率其實非常之高。

  網(wǎng)站首頁設計,易百訊借鑒這一做法。例如,某些網(wǎng)站會在導航欄目設計郵件圖標,顯示“用戶有未讀郵件”。當用戶打開網(wǎng)站首頁之后,注意力很容易被熟悉的事物所吸引,自然就會點擊“郵件圖標”,這樣就進入了網(wǎng)站更深的層級。

  這種提醒法,多用在導航欄目設計上。再例如,一些網(wǎng)站導航的新聞欄目會設計“new”提醒符,暗示和引導用戶去點擊。如下圖所示,當在導航標簽上添加“HOT”“免費”等提醒字樣的時候,用戶更愿意點擊進入。

圖片1.png

  留白法

  網(wǎng)站首頁并不是信息越多越好。根據(jù)易百訊的觀察,當網(wǎng)站首頁的信息足夠用戶了解網(wǎng)站全貌的時候,用戶反而不會“點擊進入”,他們只會拖動滾動條,然后將網(wǎng)站關掉。所以,部分設計師開始嘗試這樣去做——網(wǎng)站首頁提供極少信息,讓用戶產(chǎn)生疑問。

  常見的設計思路就是,使用超大背景圖填滿大面積區(qū)域,然后通過適當?shù)奈陌柑峁┖玩溄犹峁?,推動用戶去“點擊”。

  易百訊觀察到,蘋果官網(wǎng)的首頁設計,就深得此法,在首頁只有產(chǎn)品渲染圖,圖片上提供鏈接,如下圖所示:

圖片2.png  焦點法

  用戶的眼光是聚焦的,在整個區(qū)域內(nèi),用戶往往對某一焦點產(chǎn)生興趣。所以,用戶的這一注意力特點,也被應用到網(wǎng)站首頁設計層面。

  這種創(chuàng)意設計指的是,在網(wǎng)站首頁,確立一個焦點,這個焦點,就是用戶進入網(wǎng)站的入口。這個“焦點”可以是視頻入口,也可以是某一個內(nèi)鏈。如下面這個網(wǎng)站的首頁設計,用戶第一眼看到了視頻的點擊按鈕,大概率會點擊進入。

圖片3.png  引導法

  如何讓用戶進一步深入了解網(wǎng)站呢?常規(guī)的頂部導航設計,已經(jīng)被很多設計師所摒棄。部分網(wǎng)頁設計師開始設計新的導航形式。

  例如通過在首頁大量使用箭頭,來暗示用戶點擊和進一步深入了解。

  例如下面這個網(wǎng)站首頁,使用巨大的箭頭圖標,引導用戶進一步瀏覽。

圖片4.png  再例如,易百訊給“唯辦公”客戶設計的首頁,將客戶的LOGO與網(wǎng)站的引導融為一體,即是網(wǎng)站LOGO,也是箭頭暗示,暗示用戶向下瀏覽。如下圖所示:

圖片5.png  固定法

  當用戶在瀏覽網(wǎng)站首頁的時候,當用戶產(chǎn)生了要到別處去的意愿,應該有通道和入口。這事關網(wǎng)站首頁導航的設計。

  易百訊的設計師有兩種處理方式。

  一種方式是導航固定處理,網(wǎng)站首頁可以不斷下拉,但是導航是固定的,用戶不用上移,就可以隨時點擊導航。

  一種方式是導航浮動處理,導航的按鈕浮動在網(wǎng)站首頁的banner上,任何時候要進入網(wǎng)站下一層,都是很方便的。如下圖所示:

圖片6.png  總體上看,在易百訊看來,網(wǎng)站首頁提供的信息量應該以“少量、聚焦、引導”為主要目的和特點,而不是越多越好、不是越雜越好。

網(wǎng)站留言背景

準備好開始了嗎,
那就與我們?nèi)〉寐?lián)系吧


您希望我們?yōu)槟峁┦裁捶漳?/h4>
· · · · ·

您的預算