提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r(shí)間與您聯(lián)系!
每個(gè)人都喜歡單頁面設(shè)計(jì)。
這種設(shè)計(jì)趨勢就像某種化學(xué)反應(yīng),迅速地傳遍四周,并且一直在增長,許多網(wǎng)站都開始采用單頁面的設(shè)計(jì)方式。
在很久以前,單頁面不會讓你為之驕傲。它們只是單純地傳遞信息的“名片”而已,顯得廉價(jià)、無趣。
但現(xiàn)在作為設(shè)計(jì)趨勢的單頁面完全不同了。它從設(shè)計(jì)中移除了雜亂的元素,保留簡潔但又不失美麗的用戶界面以及簡明能讓人關(guān)注的內(nèi)容。從用戶體驗(yàn)的角度來講,單頁面設(shè)計(jì)既有好處也有壞處,但用戶喜歡瀏覽這些網(wǎng)站,這已經(jīng)是需要考慮的事情了。
雖然沒有證據(jù),但一些專家在爭論單頁面站點(diǎn)比傳統(tǒng)的多頁面配合導(dǎo)航的站點(diǎn)有更高的轉(zhuǎn)換率。我能找到的研究案例只有37signals。研究證明單頁面相對于老式的多頁面注冊率高出37.5%。
的確,沒什么好令人吃驚的:
單頁面設(shè)計(jì)最大的挑戰(zhàn)就是讓用戶保持滾動(dòng)。用高清圖片、醒目的顏色和漂亮的字體來抓住用戶的注意力,但也不總是有足夠的能力挑起用戶的興趣。通過一些A/B測試和用戶數(shù)據(jù)分析,你就能找到通往用戶心中的路。接下來就一起看看能讓單頁面網(wǎng)站更加友好的幾個(gè)小技巧吧。
1.將內(nèi)容分割成小塊
當(dāng)你只有一個(gè)頁面來展示你的故事的時(shí)候,不要讓用戶淹沒在大量信息中就顯得至關(guān)重要了。不要害怕使用折疊和多區(qū)域顯示內(nèi)容。讓信息和媒體元素從頭至尾地保持簡潔凝練。更重要的是,單網(wǎng)頁的內(nèi)容應(yīng)該有邏輯連續(xù)性和一定的順序(發(fā)生的事件--原因--怎樣發(fā)展的--地點(diǎn)--時(shí)間)。Mijlo的網(wǎng)站designawatch.mijlo.com和agencysurvivalkits.com.就是使用這樣順暢且富有意義的內(nèi)容流的代表。
http://agencysurvivalkits.com/
另一個(gè)讓用戶遵從你的引導(dǎo)的方法就是同時(shí)使用圖片視覺和文本內(nèi)容。講故事是一種強(qiáng)有力的傳遞內(nèi)容的方式,同時(shí)也是內(nèi)容營銷的趨勢。它將平凡小事融入到信息中,使其更加貼近用戶的生活。這可不代表你需要雇傭一個(gè)小說家。只需要多注意內(nèi)容的情態(tài)表達(dá)以及嘗試將東西寫得更人性化。
http://designawatch.mijlo.com/
2.為快速訪問設(shè)計(jì)非傳統(tǒng)的導(dǎo)航
單網(wǎng)頁通常只有滾動(dòng),有時(shí)甚至是無止盡的滾動(dòng)。就像潛入了深邃的海洋,不知道你會走多遠(yuǎn)。保持用戶有跡可循的安全性:將滾動(dòng)和傳統(tǒng)的導(dǎo)航系統(tǒng)結(jié)合起來。普遍的做法是在頁面頂部設(shè)置固定的導(dǎo)航條,不管滾動(dòng)多久它都保持在頂端。這種方式也增加了易用性。固定導(dǎo)航條相比傳統(tǒng)的面包屑導(dǎo)航更具有可視性和交互性。
如果你的單網(wǎng)頁站點(diǎn)很長,那么擁有“回到頂部”按鈕和垂直滾動(dòng)條就變得很有意義,它可以讓用戶快速回到頂端和訪問網(wǎng)頁的其他區(qū)域。
3.強(qiáng)烈的行動(dòng)引導(dǎo)
如果你問一個(gè)數(shù)字營銷商人在轉(zhuǎn)換中最有影響力的因素是什么,答案幾乎可以確定就是行動(dòng)引導(dǎo)。好的行動(dòng)引導(dǎo)不能說完成全部工作,也至少完成了一半的工作。我敢說所有為了特定目標(biāo)而設(shè)計(jì)的網(wǎng)站都適用這個(gè)原則,不管是移動(dòng)應(yīng)用下載,訂單簽訂,演示請求,郵箱注冊或者更簡單的聯(lián)系方式的提交。無論什么目的,行動(dòng)引導(dǎo)的質(zhì)量決定機(jī)遇。
根據(jù)KISSMetrics案例研究,“行動(dòng)引導(dǎo)顯著地增加了591%的轉(zhuǎn)換率?!?/p>
單網(wǎng)頁成為設(shè)計(jì)焦點(diǎn)使其在行動(dòng)引導(dǎo)方面做得更好。在單網(wǎng)頁中,少量的文本和多媒體元素不會使用戶脫離主要目標(biāo)。同時(shí),通過良好的敘述引導(dǎo)用戶瀏覽網(wǎng)頁一直到重點(diǎn)信息區(qū)域,在那應(yīng)放上強(qiáng)烈的行動(dòng)引導(dǎo)標(biāo)識。
再強(qiáng)調(diào)一次,安排一些A/B測試來決定哪種引導(dǎo)才是最適合網(wǎng)站的,因?yàn)橛袝r(shí)候微小的改變,如:顏色、位置、措辭都會帶來意想不到的變化。
4.保持簡單,不是單調(diào)
傳統(tǒng)的多頁面網(wǎng)站很漂亮是因?yàn)樗幸粋€(gè)設(shè)計(jì)主題以及很多可用的內(nèi)頁面模版。設(shè)計(jì)單頁面站點(diǎn)更具有挑戰(zhàn)性同時(shí)有更多創(chuàng)造性的空間。隨著近期CSS3,HTML5和Javascript的發(fā)展,使開發(fā)簡單但吸引人的網(wǎng)站擁有了無限的可能性。添加一些小動(dòng)畫和漂亮的、流暢的過渡都只是細(xì)節(jié)問題,但不要忘記好的用戶體驗(yàn)并不只是細(xì)節(jié)。
只是不要被CSS的魔力吸引而變得忘乎所以,不要讓跳動(dòng)、浮動(dòng)、搖晃的元素充滿整個(gè)網(wǎng)頁。
5.保持輕巧
單網(wǎng)頁站點(diǎn)的一個(gè)缺點(diǎn)是加載時(shí)間慢。當(dāng)只有一個(gè)頁面?zhèn)魉蛢?nèi)容的時(shí)候,通常站點(diǎn)會變得很沉重,需要更多時(shí)間來加載。接著上一點(diǎn)來說,就是不要在網(wǎng)頁上使用太多不必要的動(dòng)畫和其他會嚴(yán)重影響加載速度的設(shè)計(jì)元素。節(jié)省用戶的時(shí)間是你的首要工作。緩慢的加載速度也會影響你的網(wǎng)站優(yōu)化,很明顯,網(wǎng)站優(yōu)化可不是單頁面網(wǎng)站的最大壓力源。對于你來說,需要更多的精力和努力讓網(wǎng)站能被Google蜘蛛捕獲。
總結(jié)
單網(wǎng)頁設(shè)計(jì)在吸引和引導(dǎo)用戶方面是很強(qiáng)大的。但十分依賴商業(yè)類型和網(wǎng)站目的。通常,單網(wǎng)頁設(shè)計(jì)最適用于單響應(yīng)式的站點(diǎn),如應(yīng)用下載,單個(gè)物品購買,捐贈(zèng)等等。但不要被常規(guī)所限制,畢竟這都是別人的經(jīng)驗(yàn)不一定適合你。
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊