熱門(mén)標簽
- 池州市開(kāi)發(fā)區制作網(wǎng)站
- 龍里網(wǎng)頁(yè)制作公司
- 博羅營(yíng)銷(xiāo)型網(wǎng)站建設
- 鳳臺縣經(jīng)濟開(kāi)發(fā)區制作網(wǎng)站
- 漢豪網(wǎng)站建設公司
- 峰峰礦區網(wǎng)頁(yè)設計
- 爾王莊網(wǎng)頁(yè)設計
- 納日松制作網(wǎng)站
- 興縣網(wǎng)站優(yōu)化
- 菁城網(wǎng)站優(yōu)化
- 勝境網(wǎng)站優(yōu)化
- 懷遠外貿網(wǎng)站建設
- 網(wǎng)站首圖設計模板
- 服裝企業(yè)營(yíng)銷(xiāo)網(wǎng)站建設
- 蓼子網(wǎng)頁(yè)設計公司
- 江綿外貿網(wǎng)站建設
- 黃土坑做網(wǎng)站
- 孫村營(yíng)銷(xiāo)型網(wǎng)站建設
- 知木林網(wǎng)站設計制作
- 甘州做網(wǎng)站
單頁(yè)網(wǎng)站設計的5大技巧
雖然詳細的統計數據尚未公布,但是許多學(xué)者和專(zhuān)家都認為,比起傳統的多頁(yè)式網(wǎng)站,單頁(yè)網(wǎng)站的轉化率更高。著(zhù)名網(wǎng)站37signals曾經(jīng)公布過(guò)這樣一個(gè)數據,在網(wǎng)站改版成為單頁(yè)設計之后,網(wǎng)站的用戶(hù)注冊上升了37.5%,這種提升效率用立竿見(jiàn)影來(lái)形容好不為過(guò)。
當然,這并不奇怪。
單頁(yè)網(wǎng)站導航方式簡(jiǎn)單,用戶(hù)不易迷路,只需上下滾動(dòng)。
單頁(yè)網(wǎng)站內容更專(zhuān)注,信息傳遞更清晰,更有針對性。
單頁(yè)網(wǎng)站幾乎可以在全平臺設備上流暢瀏覽,滾動(dòng)和滑動(dòng)瀏覽替代了點(diǎn)擊。
而設計單頁(yè)網(wǎng)站zui大的挑戰在于讓用戶(hù)保持滾動(dòng)頁(yè)面來(lái)瀏覽內容。大膽的色彩使用和漂亮的排版并不能一直吸引用戶(hù)的注意力。這個(gè)時(shí)候,如果能做好用戶(hù)數據分析和A/B測試,能幫你距離用戶(hù)的心理需求更近,設計出更貼合需求的網(wǎng)頁(yè)。
看過(guò)無(wú)數的案例和教程,還是做不出好的單頁(yè)設計?你需要的,也許就是把握好下面5條設計建議,它們就是設計好單頁(yè)網(wǎng)站的精髓。
1、將內容分割成塊
當你打算通過(guò)一個(gè)單頁(yè)來(lái)講述一個(gè)故事的時(shí)候,千萬(wàn)要注意一點(diǎn):不要讓故事太拖沓,不要讓信息過(guò)載。
所以,合理切割內容很重要,不要讓過(guò)多內容擠壓在一個(gè)區塊。從頭到尾都需要盡量保持媒體內容的清晰利落,在設計內容結構的時(shí)候,需要保持邏輯通順和順序清晰(what->why->how->where->when),下面的網(wǎng)頁(yè)設計就非常值得借鑒:sdesignawatch.mijlo.com 和 agencysurvivalkits.com.
另外一種保持吸引用戶(hù)吸引力的方法,就是使用圖文搭配的方式來(lái)講故事。故事會(huì )將核心內容以跟易于接受的方式表達出來(lái),它的自然邏輯會(huì )吸引用戶(hù)讀下去,嚴格來(lái)說(shuō),它在內容營(yíng)銷(xiāo)的范疇以?xún)取?
這并不是意味著(zhù)你需要聘請一個(gè)寫(xiě)手來(lái)幫你來(lái)寫(xiě)故事,你需要做的是專(zhuān)注內容和它感性的一面,并嘗試讓你的網(wǎng)頁(yè)更加人性化。
2、設計快速訪(fǎng)問(wèn)導航欄
單頁(yè)網(wǎng)站通常是用滾動(dòng)的方式來(lái)瀏覽更多內容的,很多網(wǎng)站干脆是從頭滾到尾。用戶(hù)打開(kāi)網(wǎng)頁(yè),仿佛潛入內容的海洋,壓根不知道網(wǎng)頁(yè)的盡頭在哪里,這種設計的潛在危險在于,它可能會(huì )降低用戶(hù)心理上的安全感。
于是,一種比較合理的解決方案就出現了:將傳統的導航欄設計融入單頁(yè)設計。導航欄在網(wǎng)頁(yè)的頂部或者兩 側常駐停留,隨著(zhù)滾動(dòng)而改變,同時(shí)提醒用戶(hù)TA在什么位置,同時(shí)保證了易用性和內心的潛在訴求。
當網(wǎng)頁(yè)足夠長(cháng)的時(shí)候,加上導航、回到頂部按鈕甚至滾動(dòng)條都可以強化用戶(hù)體驗。
3、號召用戶(hù)行動(dòng)
當你問(wèn)數字媒體營(yíng)銷(xiāo)者影響轉化率zui重要的因素是什么的時(shí)候,答案通常是“號召行動(dòng)起來(lái)”(CTA)。當然,這種精心策劃的CTA行為僅僅只是網(wǎng)站設計的一部分。
為了特定的目標,號召用戶(hù)行動(dòng)的CTA行為其實(shí)無(wú)處不在,吸引用戶(hù)下載APP,引導用戶(hù)體驗DEMO,勾引用戶(hù)注冊、填寫(xiě)表格,等等等等。這是一個(gè)酒香也怕巷子深的時(shí)代,會(huì )哭的孩子有奶吃,會(huì )吆喝才能吸引更多用戶(hù)。
根據這個(gè)名叫KISSMetrics的案例研究,合理使用CTA行動(dòng)號召能提高591%的轉化率,效果有多明顯就不言而喻了吧。
好在單頁(yè)網(wǎng)頁(yè)中信息和內容更加集中清晰,所以CTA的使用效果也更加明顯。一方面是頁(yè)面通常更加簡(jiǎn)約,各個(gè)部分分工明細,另一方面,當你使用故事來(lái)引導用戶(hù)瀏覽的時(shí)候,你可以微妙地影響用戶(hù)的心態(tài),在高潮——或者zui合理的而地方,來(lái)引導用戶(hù)進(jìn)行操作。
當然,還需要補充一句:做好用戶(hù)數據分析和A/B測試,確定網(wǎng)站適合使用哪種CTA,因為有的時(shí)候,即使是字體和色彩的變化,都可能明顯影響轉化率。
4、保持簡(jiǎn)約,避免枯燥
傳統網(wǎng)頁(yè)設計中,很重要一個(gè)組成部分是設計網(wǎng)站主題,并且為內頁(yè)準備若干模板,應對不同的需求。設計單頁(yè)網(wǎng)站的時(shí)候,你需要面臨更多的挑戰,但是這也意味著(zhù)你有著(zhù)更大的創(chuàng )作空間。
隨著(zhù)近年來(lái)CSS3,HTML5和JavaScript的快速發(fā)展,單頁(yè)設計可以在保持簡(jiǎn)約的同時(shí),還能引人入勝。那些靈動(dòng)而漂亮的的轉場(chǎng)動(dòng)畫(huà)效果都是細節,但是哪個(gè)體驗優(yōu)異的網(wǎng)站不是這些精致的細節組成的呢?
當然,千萬(wàn)不要濫用,過(guò)猶不及,得不償失。
5、保持輕量級
一個(gè)緩慢而加載時(shí)間漫長(cháng)的單頁(yè)網(wǎng)站是失敗的。由于單頁(yè)網(wǎng)站上的內容都集中在一個(gè)頁(yè)面上,所以通常單頁(yè)網(wǎng)站會(huì )比其他的網(wǎng)站來(lái)的更重,跟將就內容加載的技巧。如此一來(lái),你又需要精打細算了。
一些不必要的動(dòng)畫(huà)效果和無(wú)關(guān)緊要的設計元素,你需要酌情移除,這樣可以顯著(zhù)縮減加載時(shí)間,提高瀏覽體驗。節省用戶(hù)的網(wǎng)頁(yè)加載時(shí)間是你的首要任務(wù),加載慢不僅會(huì )影響網(wǎng)站的搜索引擎優(yōu)化,還會(huì )讓你持續流失目標用戶(hù)。所以,保持用戶(hù)輕量級是很有必要的。
結語(yǔ)
總而言之,單頁(yè)設計是吸引用戶(hù)的重要方式,要讓它價(jià)值zui大化,你不僅需要做好設計,還需要把握上述5個(gè)重要技巧。當然,網(wǎng)站的設計在很大程度上取決于網(wǎng)站所服務(wù)的企業(yè)和機構的特征,這5大技巧的使用也與此息息相關(guān)。結合經(jīng)驗,靈活運用,相信你能設計出令人印象深刻的優(yōu)秀網(wǎng)頁(yè)。
http://www.ezekroy.com/wangzhansheji/3366.html 單頁(yè)網(wǎng)站設計的5大技巧