中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

單頁(yè)網(wǎng)站設(shè)計(jì)的5大技巧

2016-11-08    分類(lèi): 網(wǎng)站設(shè)計(jì)

雖然詳細(xì)的統(tǒng)計(jì)數(shù)據(jù)尚未公布,但是許多學(xué)者和專(zhuān)家都認(rèn)為,比起傳統(tǒng)的多頁(yè)式網(wǎng)站,單頁(yè)網(wǎng)站的轉(zhuǎn)化率更高。著名網(wǎng)站37signals曾經(jīng)公布過(guò)這樣一個(gè)數(shù)據(jù),在網(wǎng)站改版成為單頁(yè)設(shè)計(jì)之后,網(wǎng)站的用戶(hù)注冊(cè)上升了37.5%,這種提升效率用立竿見(jiàn)影來(lái)形容好不為過(guò)。

當(dāng)然,這并不奇怪。

  • 單頁(yè)網(wǎng)站導(dǎo)航方式簡(jiǎn)單,用戶(hù)不易迷路,只需上下滾動(dòng)。

  • 單頁(yè)網(wǎng)站內(nèi)容更專(zhuān)注,信息傳遞更清晰,更有針對(duì)性。

  • 單頁(yè)網(wǎng)站幾乎可以在全平臺(tái)設(shè)備上流暢瀏覽,滾動(dòng)和滑動(dòng)瀏覽替代了點(diǎn)擊。

而設(shè)計(jì)單頁(yè)網(wǎng)站zui大的挑戰(zhàn)在于讓用戶(hù)保持滾動(dòng)頁(yè)面來(lái)瀏覽內(nèi)容。大膽的色彩使用和漂亮的排版并不能一直吸引用戶(hù)的注意力。這個(gè)時(shí)候,如果能做好用戶(hù)數(shù)據(jù)分析和A/B測(cè)試,能幫你距離用戶(hù)的心理需求更近,設(shè)計(jì)出更貼合需求的網(wǎng)頁(yè)。

看過(guò)無(wú)數(shù)的案例和教程,還是做不出好的單頁(yè)設(shè)計(jì)?你需要的,也許就是把握好下面5條設(shè)計(jì)建議,它們就是設(shè)計(jì)好單頁(yè)網(wǎng)站的精髓。

1、將內(nèi)容分割成塊

當(dāng)你打算通過(guò)一個(gè)單頁(yè)來(lái)講述一個(gè)故事的時(shí)候,千萬(wàn)要注意一點(diǎn):不要讓故事太拖沓,不要讓信息過(guò)載。

所以,合理切割內(nèi)容很重要,不要讓過(guò)多內(nèi)容擠壓在一個(gè)區(qū)塊。從頭到尾都需要盡量保持媒體內(nèi)容的清晰利落,在設(shè)計(jì)內(nèi)容結(jié)構(gòu)的時(shí)候,需要保持邏輯通順和順序清晰(what->why->how->where->when),下面的網(wǎng)頁(yè)設(shè)計(jì)就非常值得借鑒:sdesignawatch.mijlo.com 和 agencysurvivalkits.com.

另外一種保持吸引用戶(hù)吸引力的方法,就是使用圖文搭配的方式來(lái)講故事。故事會(huì)將核心內(nèi)容以跟易于接受的方式表達(dá)出來(lái),它的自然邏輯會(huì)吸引用戶(hù)讀下去,嚴(yán)格來(lái)說(shuō),它在內(nèi)容營(yíng)銷(xiāo)的范疇以?xún)?nèi)。

這并不是意味著你需要聘請(qǐng)一個(gè)寫(xiě)手來(lái)幫你來(lái)寫(xiě)故事,你需要做的是專(zhuān)注內(nèi)容和它感性的一面,并嘗試讓你的網(wǎng)頁(yè)更加人性化。

2、設(shè)計(jì)快速訪(fǎng)問(wèn)導(dǎo)航欄

單頁(yè)網(wǎng)站通常是用滾動(dòng)的方式來(lái)瀏覽更多內(nèi)容的,很多網(wǎng)站干脆是從頭滾到尾。用戶(hù)打開(kāi)網(wǎng)頁(yè),仿佛潛入內(nèi)容的海洋,壓根不知道網(wǎng)頁(yè)的盡頭在哪里,這種設(shè)計(jì)的潛在危險(xiǎn)在于,它可能會(huì)降低用戶(hù)心理上的安全感。

于是,一種比較合理的解決方案就出現(xiàn)了:將傳統(tǒng)的導(dǎo)航欄設(shè)計(jì)融入單頁(yè)設(shè)計(jì)。導(dǎo)航欄在網(wǎng)頁(yè)的頂部或者兩 側(cè)常駐停留,隨著滾動(dòng)而改變,同時(shí)提醒用戶(hù)TA在什么位置,同時(shí)保證了易用性和內(nèi)心的潛在訴求。

當(dāng)網(wǎng)頁(yè)足夠長(zhǎng)的時(shí)候,加上導(dǎo)航、回到頂部按鈕甚至滾動(dòng)條都可以強(qiáng)化用戶(hù)體驗(yàn)。

3、號(hào)召用戶(hù)行動(dòng)

當(dāng)你問(wèn)數(shù)字媒體營(yíng)銷(xiāo)者影響轉(zhuǎn)化率zui重要的因素是什么的時(shí)候,答案通常是“號(hào)召行動(dòng)起來(lái)”(CTA)。當(dāng)然,這種精心策劃的CTA行為僅僅只是網(wǎng)站設(shè)計(jì)的一部分。

為了特定的目標(biāo),號(hào)召用戶(hù)行動(dòng)的CTA行為其實(shí)無(wú)處不在,吸引用戶(hù)下載APP,引導(dǎo)用戶(hù)體驗(yàn)DEMO,勾引用戶(hù)注冊(cè)、填寫(xiě)表格,等等等等。這是一個(gè)酒香也怕巷子深的時(shí)代,會(huì)哭的孩子有奶吃,會(huì)吆喝才能吸引更多用戶(hù)。

根據(jù)這個(gè)名叫KISSMetrics的案例研究,合理使用CTA行動(dòng)號(hào)召能提高591%的轉(zhuǎn)化率,效果有多明顯就不言而喻了吧。

好在單頁(yè)網(wǎng)頁(yè)中信息和內(nèi)容更加集中清晰,所以CTA的使用效果也更加明顯。一方面是頁(yè)面通常更加簡(jiǎn)約,各個(gè)部分分工明細(xì),另一方面,當(dāng)你使用故事來(lái)引導(dǎo)用戶(hù)瀏覽的時(shí)候,你可以微妙地影響用戶(hù)的心態(tài),在高潮——或者zui合理的而地方,來(lái)引導(dǎo)用戶(hù)進(jìn)行操作。

當(dāng)然,還需要補(bǔ)充一句:做好用戶(hù)數(shù)據(jù)分析和A/B測(cè)試,確定網(wǎng)站適合使用哪種CTA,因?yàn)橛械臅r(shí)候,即使是字體和色彩的變化,都可能明顯影響轉(zhuǎn)化率。

4、保持簡(jiǎn)約,避免枯燥

傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)中,很重要一個(gè)組成部分是設(shè)計(jì)網(wǎng)站主題,并且為內(nèi)頁(yè)準(zhǔn)備若干模板,應(yīng)對(duì)不同的需求。設(shè)計(jì)單頁(yè)網(wǎng)站的時(shí)候,你需要面臨更多的挑戰(zhàn),但是這也意味著你有著更大的創(chuàng)作空間。

隨著近年來(lái)CSS3,HTML5和JavaScript的快速發(fā)展,單頁(yè)設(shè)計(jì)可以在保持簡(jiǎn)約的同時(shí),還能引人入勝。那些靈動(dòng)而漂亮的的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)效果都是細(xì)節(jié),但是哪個(gè)體驗(yàn)優(yōu)異的網(wǎng)站不是這些精致的細(xì)節(jié)組成的呢?

當(dāng)然,千萬(wàn)不要濫用,過(guò)猶不及,得不償失。

5、保持輕量級(jí)

一個(gè)緩慢而加載時(shí)間漫長(zhǎng)的單頁(yè)網(wǎng)站是失敗的。由于單頁(yè)網(wǎng)站上的內(nèi)容都集中在一個(gè)頁(yè)面上,所以通常單頁(yè)網(wǎng)站會(huì)比其他的網(wǎng)站來(lái)的更重,跟將就內(nèi)容加載的技巧。如此一來(lái),你又需要精打細(xì)算了。

一些不必要的動(dòng)畫(huà)效果和無(wú)關(guān)緊要的設(shè)計(jì)元素,你需要酌情移除,這樣可以顯著縮減加載時(shí)間,提高瀏覽體驗(yàn)。節(jié)省用戶(hù)的網(wǎng)頁(yè)加載時(shí)間是你的首要任務(wù),加載慢不僅會(huì)影響網(wǎng)站的搜索引擎優(yōu)化,還會(huì)讓你持續(xù)流失目標(biāo)用戶(hù)。所以,保持用戶(hù)輕量級(jí)是很有必要的。

結(jié)語(yǔ)

總而言之,單頁(yè)設(shè)計(jì)是吸引用戶(hù)的重要方式,要讓它價(jià)值z(mì)ui大化,你不僅需要做好設(shè)計(jì),還需要把握上述5個(gè)重要技巧。當(dāng)然,網(wǎng)站的設(shè)計(jì)在很大程度上取決于網(wǎng)站所服務(wù)的企業(yè)和機(jī)構(gòu)的特征,這5大技巧的使用也與此息息相關(guān)。結(jié)合經(jīng)驗(yàn),靈活運(yùn)用,相信你能設(shè)計(jì)出令人印象深刻的優(yōu)秀網(wǎng)頁(yè)。

文章名稱(chēng):單頁(yè)網(wǎng)站設(shè)計(jì)的5大技巧
網(wǎng)頁(yè)URL:http://m.rwnh.cn/news8/62358.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名
逊克县| 双牌县| 涞水县| 扶风县| 本溪市| 东莞市| 博野县| 西安市| 巍山| 武平县| 苏尼特右旗| 丹东市| 安丘市| 通化市| 松溪县| 昭苏县| 镇坪县| 灌云县| 临泉县| 双流县| 隆回县| 林西县| 麻栗坡县| 饶阳县| 疏附县| 九龙县| 收藏| 南澳县| 门头沟区| 阿尔山市| 焦作市| 吴桥县| 安泽县| 方城县| 托克逊县| 德昌县| 洛扎县| 霸州市| 昌江| 石狮市| 平陆县|