使用(yong)一個網(wang)站的過程,其中有很(hen)多節(jie)點(dian)。輸入網(wang)站回車或者點(dian)開網(wang)站,是(shi)一個節(jie)點(dian)。打開網(wang)站首頁(ye)之后(hou),鼠標在網(wang)站點(dian)一下,也是(shi)一節(jie)點(dian),這一個動(dong)作,意味著(zhu)用(yong)戶(hu)有進一步了解網(wang)站的意愿(yuan);當(dang)然(ran),與網(wang)站客(ke)服進行在線交流、打電(dian)話聯(lian)系,也屬于使用(yong)企業網(wang)站的一個節(jie)點(dian)。
為了實(shi)現每(mei)一(yi)個節(jie)點,網站(zhan)的(de)設計(ji)者(zhe)和運營者(zhe)都(dou)需要做大(da)量的(de)工(gong)作(zuo)。舉例來說,為了實(shi)現“打開網站(zhan)”這一(yi)動作(zuo),需要做的(de)工(gong)作(zuo)就包括:購買好的(de)網址(zhi)(zhi)、在(zai)導航網站(zhan)添加網址(zhi)(zhi)、在(zai)百度搜(sou)索(suo)進行(xing)優化、在(zai)社(she)交平臺傳播(bo)網站(zhan)等(deng)等(deng)。
當用(yong)戶(hu)打開(kai)網(wang)站之(zhi)后,一(yi)般會有兩(liang)種(zhong)行為,一(yi)種(zhong)是(shi)(shi)瀏覽首頁之(zhi)后離(li)開(kai);一(yi)種(zhong)是(shi)(shi)鼠標(biao)點擊了網(wang)站進(jin)一(yi)步進(jin)行瀏覽。網(wang)站的設計者自然是(shi)(shi)希望(wang)用(yong)戶(hu)做(zuo)“點一(yi)下”這(zhe)個動作。如果能夠(gou)讓用(yong)戶(hu)做(zuo)出這(zhe)一(yi)動作呢?易優認為,一(yi)些(xie)首頁創意(yi)設計,是(shi)(shi)可以將用(yong)戶(hu)引導到網(wang)站的“縱深(shen)”地帶(dai)。
提醒法
所有的手(shou)(shou)機APP,都希望能夠(gou)在手(shou)(shou)機桌面顯示(shi)通知,這種(zhong)方(fang)式,用(yong)戶的打開率其實(shi)非常之高。
網(wang)站首頁設(she)計,易(yi)優借鑒(jian)這一做法。例如,某(mou)些網(wang)站會(hui)在(zai)導航欄(lan)目設(she)計郵(you)件(jian)圖標,顯(xian)示“用(yong)(yong)戶(hu)有(you)未讀郵(you)件(jian)”。當用(yong)(yong)戶(hu)打開網(wang)站首頁之(zhi)后,注意力很容易(yi)被熟(shu)悉的事物所吸引,自然就(jiu)(jiu)會(hui)點擊(ji)“郵(you)件(jian)圖標”,這樣就(jiu)(jiu)進入(ru)了網(wang)站更深的層級。
這種提醒法,多用在導航欄目設計上。再例如,一(yi)些網站導航的新聞欄目會設計“new”提醒符,暗示(shi)和引導用戶(hu)去(qu)點擊。如下圖所示(shi),當在導航標簽(qian)上添加(jia)“HOT”“免(mian)費”等提醒字樣的時候(hou),用戶(hu)更愿意(yi)點擊進入。
留白法
網站首頁并不是信息(xi)越(yue)多越(yue)好。根據(ju)易優的(de)觀(guan)察,當網站首頁的(de)信息(xi)足夠用(yong)戶(hu)了解(jie)網站全貌的(de)時候,用(yong)戶(hu)反而(er)不會“點擊進入”,他們(men)只(zhi)會拖(tuo)動(dong)滾動(dong)條,然后將網站關掉。所(suo)以(yi),部分設計師開始嘗試(shi)這(zhe)樣去(qu)做(zuo)——網站首頁提供極少信息(xi),讓用(yong)戶(hu)產生疑(yi)問(wen)。
常(chang)見的(de)設計(ji)思路就是,使用(yong)超大背景圖填滿大面積區域,然后通(tong)過適(shi)當的(de)文案提供和鏈接(jie)提供,推動用(yong)戶去“點擊”。
易優觀察到(dao),蘋(pin)果官網的首頁設計,就(jiu)深得(de)此(ci)法,在首頁只有產(chan)品渲染圖(tu),圖(tu)片(pian)上提(ti)供鏈接,如下圖(tu)所示:
焦點法
用(yong)(yong)戶(hu)的(de)眼光是聚(ju)焦的(de),在整個區域內,用(yong)(yong)戶(hu)往往對某(mou)一(yi)焦點產生(sheng)興(xing)趣(qu)。所以,用(yong)(yong)戶(hu)的(de)這一(yi)注(zhu)意力特點,也被應用(yong)(yong)到(dao)網站首(shou)頁設(she)計層面。
這(zhe)種創意設計指的(de)(de)是(shi),在網(wang)站(zhan)首頁,確立一個(ge)焦(jiao)點(dian),這(zhe)個(ge)焦(jiao)點(dian),就是(shi)用戶進入網(wang)站(zhan)的(de)(de)入口。這(zhe)個(ge)“焦(jiao)點(dian)”可以(yi)是(shi)視(shi)頻(pin)入口,也可以(yi)是(shi)某一個(ge)內鏈(lian)。如下面這(zhe)個(ge)網(wang)站(zhan)的(de)(de)首頁設計,用戶第一眼看(kan)到了視(shi)頻(pin)的(de)(de)點(dian)擊按鈕,大概率會(hui)點(dian)擊進入。
引導法
如何(he)讓用(yong)戶進(jin)一步深入了解(jie)網站呢?常規的頂部導航設(she)(she)計,已經被(bei)很多設(she)(she)計師所(suo)摒棄。部分網頁設(she)(she)計師開(kai)始設(she)(she)計新的導航形式(shi)。
例(li)如通過在首頁大量使用箭頭,來暗示用戶點擊和進一(yi)步深(shen)入了解。
例如(ru)下面這個網站首頁(ye),使用巨大的箭頭圖標(biao),引導(dao)用戶進(jin)一步瀏覽(lan)。
再例如,易優(you)給(gei)“唯辦公(gong)”客戶設計的(de)(de)(de)首頁,將(jiang)客戶的(de)(de)(de)LOGO與網站的(de)(de)(de)引(yin)導融為一體,即是網站LOGO,也是箭頭暗示(shi),暗示(shi)用戶向(xiang)下(xia)瀏覽(lan)。如下(xia)圖(tu)所示(shi):
固定法
當(dang)(dang)用戶(hu)在瀏(liu)覽網站首頁(ye)的時候(hou),當(dang)(dang)用戶(hu)產生了要到別處(chu)去的意愿,應(ying)該有通(tong)道和入口。這事關(guan)網站首頁(ye)導航的設(she)計(ji)。
易優的設計師(shi)有兩(liang)種處理方式(shi)。
一種方式(shi)是導航(hang)固(gu)定處理,網站首頁(ye)可以(yi)不(bu)斷下拉(la),但是導航(hang)是固(gu)定的,用(yong)戶(hu)不(bu)用(yong)上移(yi),就(jiu)可以(yi)隨時點擊(ji)導航(hang)。
一種方(fang)式是(shi)導航(hang)浮(fu)動處理,導航(hang)的按(an)鈕(niu)浮(fu)動在(zai)網(wang)站(zhan)首頁的banner上,任(ren)何時候要(yao)進入網(wang)站(zhan)下一層,都(dou)是(shi)很方(fang)便(bian)的。如下圖(tu)所示:
總體(ti)上看,在易優看來,網站首頁提供的(de)(de)信息量(liang)應該以“少(shao)量(liang)、聚焦(jiao)、引導”為主要(yao)目的(de)(de)和特點(dian),而不是越(yue)多越(yue)好、不是越(yue)雜越(yue)好。