一個(gè)網(wǎng)頁(yè)被設(shè)計(jì)出來(lái),是給人用,給人看的。要好看(簡(jiǎn)潔)、要好用(高級(jí))這才是一個(gè)設(shè)計(jì)師需要反復(fù)考慮的。視覺+交互,是網(wǎng)頁(yè)設(shè)計(jì)師的核心競(jìng)爭(zhēng)力。
其中“視覺設(shè)計(jì)”的依據(jù),源于前面的策劃和交互設(shè)計(jì)。最后出具的“視覺設(shè)計(jì)稿”得符合品牌定位,滿足生產(chǎn)運(yùn)營(yíng),以及用戶需求,這是網(wǎng)頁(yè)設(shè)計(jì)師必修的基本功。
網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該有更多的思索在里面,每一個(gè)元素都是思索的產(chǎn)兒,而不是隨意的點(diǎn)綴。當(dāng)然,感性的爆發(fā)也必不可少,因?yàn)樗撬囆g(shù),是商業(yè)化了的藝術(shù)、技術(shù)化了的藝術(shù)。
1、一個(gè)表達(dá)清晰、顯示突出的CTA(行為激發(fā))
本篇文章所提到的所有訣竅中最重要的一點(diǎn)就是,你的主頁(yè)上應(yīng)該有一個(gè)非常清晰明了的CTA(行為激發(fā))。如果你能為這個(gè)CTA設(shè)計(jì)一種獨(dú)特、抓人眼球的呈現(xiàn)形式則會(huì)錦上添花。此舉目的在于讓那些瀏覽主頁(yè)的用戶清楚地知道企業(yè)對(duì)他們的要求,希望他們做什么。頁(yè)面內(nèi)容不要過(guò)多,以免用戶感到困惑。國(guó)外的Marketing Inc和AWeber公司的著陸頁(yè)是非常值得大家參考借鑒的例子。
2、能夠抓人眼球的圖片
好的圖片對(duì)于主頁(yè)設(shè)計(jì)來(lái)說(shuō)至關(guān)重要。我就在自己的博客主頁(yè)上添加了一張長(zhǎng)圖片,這張圖片讓我的博客顯得更加與眾不同,上面所提到的所有網(wǎng)站也都非常擅長(zhǎng)利用圖片來(lái)吸引讀者。特別是Chris Ducker(上面第二個(gè)案例),他是圖片使用方面的專家,他將自己的照片放在網(wǎng)站主頁(yè)上,照片中他的目光注視著網(wǎng)頁(yè)上的信息欄和CTA,意在表示自己希望大家能夠響應(yīng),用戶往往會(huì)受到圖片的暗示,注意力順著他的目光看向右邊,然后進(jìn)行相應(yīng)的動(dòng)作,最終完成轉(zhuǎn)化。
3、移動(dòng)響應(yīng)差異化
毋庸多說(shuō),移動(dòng)設(shè)備的使用率超過(guò)了PC端,作為營(yíng)銷人員我們不得不重視這塊新的蛋糕。由于顯示屏幕和使用場(chǎng)景的不同,我們應(yīng)將二者差別對(duì)待,我所說(shuō)的差別不僅體現(xiàn)在文字大小、圖片多少上,還在整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)思路和功能優(yōu)化上。例如,我不會(huì)在移動(dòng)端的網(wǎng)站上推銷BlueHost(藍(lán)色主機(jī),是一款非常受歡迎的美國(guó)主機(jī))的產(chǎn)品,因?yàn)樵谝苿?dòng)端,用戶不太會(huì)注冊(cè)完成購(gòu)買。認(rèn)真觀察上述提到的六個(gè)網(wǎng)站在移動(dòng)端和PC端上的不同,你會(huì)發(fā)現(xiàn)他們?cè)谝苿?dòng)端上省略掉了哪些功能和要素。
4、精心設(shè)計(jì)品牌風(fēng)格
上述提到的六個(gè)主頁(yè)都有一個(gè)相同點(diǎn),即每個(gè)網(wǎng)站都有自己非常獨(dú)特、突出的品牌風(fēng)格。顏色、字體、排版、圖片都高度和諧一致,各個(gè)要素都在為同一個(gè)營(yíng)銷目標(biāo)服務(wù)。做到這點(diǎn)并不容易,但是如果做好了就更能讓人感受到網(wǎng)站的專業(yè)性,從而提高轉(zhuǎn)化率。如果你想讓用戶留下自己的郵箱、電話號(hào)碼、信用卡等個(gè)人信息,你就必須讓他們對(duì)你產(chǎn)生信任。提高專業(yè)程度能夠增強(qiáng)用戶對(duì)你的信任。因此,我們必須要做到網(wǎng)站不存在任何安全漏洞,保障用戶的信息不會(huì)泄露。
5、概述產(chǎn)品優(yōu)點(diǎn)(而非詳細(xì)地羅列用戶能得到什么)
營(yíng)銷界有一句名言:你應(yīng)該專注于Benefits(用戶能得到的好處)而不是features(你產(chǎn)品的特性)。這句話是說(shuō),你不需要在主頁(yè)上將所有用戶可以獲得的東西全部具體地列出來(lái),你要做的是給用戶一些概念性的東西,告訴用戶他們將會(huì)獲得怎樣的用戶體驗(yàn),會(huì)達(dá)成怎樣的目標(biāo)。例如,在Bodybuilding.com的主頁(yè)上,他們打出了“改變你生活”這樣一句話,而不是羅列你可以選擇的健身項(xiàng)目。這就是語(yǔ)言的藝術(shù)。
6、提供吸引人的獎(jiǎng)勵(lì)
幾乎所有優(yōu)秀的主頁(yè)都會(huì)為用戶采取一些措施,以此誘惑、鼓勵(lì)用戶注冊(cè)或者瀏覽更多的信息。Chris Ducker網(wǎng)站上,當(dāng)用戶注冊(cè)網(wǎng)站完成某項(xiàng)任務(wù)之后,網(wǎng)頁(yè)就會(huì)出現(xiàn)一個(gè)圓點(diǎn)記號(hào),記錄你的成就。這往往讓用戶很難忽視。