2014-10-05 分類(lèi): 網(wǎng)站設(shè)計(jì)
提升銷(xiāo)售額的5個(gè)網(wǎng)站設(shè)計(jì)技巧
在如今的互聯(lián)網(wǎng)時(shí)代,一個(gè)成都網(wǎng)站制作對(duì)于每個(gè)公司來(lái)說(shuō)都是必須的。但是很少有公司能通過(guò)網(wǎng)站來(lái)推動(dòng)公司的銷(xiāo)售額和盈利額,這其實(shí)是個(gè)浪費(fèi),因?yàn)榻ㄔO(shè)網(wǎng)站本身要花費(fèi)很多的時(shí)間和金錢(qián)。
其實(shí)只需要幾個(gè)簡(jiǎn)單的方法,你的網(wǎng)站就能在吸引顧客,提高粘度和銷(xiāo)售額度等方面,有很大的改善。這些方法不需要大量的投資,小公司也能承受的起。
1. 添加視頻
消費(fèi)者喜歡視頻,所以你要適應(yīng)這種習(xí)慣。人類(lèi)的大腦對(duì)于圖像的處理速度要比文字快6萬(wàn)倍,所以用視頻替代長(zhǎng)篇大論的產(chǎn)品介紹效果會(huì)更好。在登陸頁(yè)面放置視頻,會(huì)讓用戶購(gòu)買(mǎi)這款產(chǎn)品的可能性增加44%。另外,添加了視頻的頁(yè)面對(duì)用戶的吸引力也越大,消費(fèi)者會(huì)在這樣的頁(yè)面上停留更多的時(shí)間。
潛在增長(zhǎng):高86%
2. 全球化和多元化
全球在線市場(chǎng)的總規(guī)模在45兆美元左右,但是如果你的網(wǎng)站只使用英文,你就要丟掉2/3的市場(chǎng),添加多種語(yǔ)言的版本,能讓你的銷(xiāo)售量增加200%。你可以輕松的選擇一些翻譯管理系統(tǒng),這要比手動(dòng)的翻譯高效的多。當(dāng)然除了語(yǔ)言之外,更重要的是要符合多國(guó)文化的標(biāo)準(zhǔn)。
潛在增長(zhǎng):高200%
3. 避免宕機(jī)時(shí)間
在感恩節(jié)的消費(fèi)季,Amazon一天可以賣(mài)出3680萬(wàn)件產(chǎn)品,所以幾分鐘的宕機(jī)就意味巨大損失。有數(shù)據(jù)顯示,57%的用戶如果在3秒鐘之內(nèi)打不開(kāi)一個(gè)網(wǎng)頁(yè),那他就會(huì)選擇放棄,24%的消費(fèi)者表示過(guò)長(zhǎng)的等待時(shí)間是讓他們沒(méi)有完成購(gòu)買(mǎi)的主要原因。而一個(gè)非常有效的方法是提高你網(wǎng)站的可規(guī)?;芰?。
潛在增長(zhǎng):高24%
4. 采用響應(yīng)式設(shè)計(jì)
大部分的消費(fèi)者會(huì)通過(guò)多個(gè)終端登錄你們的網(wǎng)站,因此將網(wǎng)站設(shè)計(jì)成響應(yīng)式的,就非常的有必要了。29%的在線購(gòu)物是通過(guò)手機(jī)和平板電腦完成的,而響應(yīng)式的設(shè)計(jì)恰好配合這種趨勢(shì)。
潛在增長(zhǎng):高29%
5. 添加用戶反饋
其實(shí)用戶的反饋和評(píng)價(jià)是最重要的內(nèi)容,因?yàn)橄M(fèi)者更相信朋友和鄰居的推薦,用戶會(huì)從朋友那里聽(tīng)取70%的推薦,而從廣告那里只有10%而已。
潛在增長(zhǎng):高18%
上面這些并不是全部的手段,其實(shí)只要是能夠增強(qiáng)你網(wǎng)站的可接觸度的方法,都是有效的,對(duì)于增加銷(xiāo)售額和營(yíng)業(yè)額,都會(huì)很有效果。
測(cè)試手機(jī)網(wǎng)頁(yè)的五種方法
在移動(dòng)終端上進(jìn)行網(wǎng)頁(yè)測(cè)試有很多不同的方法,但是這些方法良莠不齊。以下是深圳網(wǎng)站建設(shè)分享的5種測(cè)試手機(jī)版網(wǎng)頁(yè)的方法供大家參考。
1、在真正的移動(dòng)設(shè)備上測(cè)試
在真正的設(shè)備上測(cè)試手機(jī)版網(wǎng)頁(yè)總是,畢竟模擬器的擬真程度始終是有限的,有些體驗(yàn)的細(xì)節(jié)無(wú)法完全模仿出來(lái)。用戶體驗(yàn)包含的因素很多,網(wǎng)絡(luò)的影響,像素密度帶來(lái)的視覺(jué)效果,各種視覺(jué)元素的實(shí)際大小,網(wǎng)頁(yè)的實(shí)際加載時(shí)間,等待都還是實(shí)際的設(shè)備來(lái)的真實(shí)。
當(dāng)然,徹底的測(cè)試是不現(xiàn)實(shí)的,時(shí)間與金錢(qián)是每個(gè)項(xiàng)目的重要影響因素。不過(guò),在移動(dòng)端設(shè)備測(cè)試套件上投資終歸是沒(méi)錯(cuò)的,尤其是當(dāng)你面對(duì)一整套面向客戶的服務(wù)的時(shí)候,這套測(cè)試是非常有必要的。一般而言,這樣的一個(gè)測(cè)試套件中,會(huì)由當(dāng)前最流行的硬件設(shè)備組成。如此一來(lái),測(cè)試面向的情況和用戶所面臨的情況是1:1完全對(duì)應(yīng)的。
如果這樣的測(cè)試套件超過(guò)了你的預(yù)算的話,那么你至少還可以拿自己和周?chē)笥训氖謾C(jī)來(lái)進(jìn)行測(cè)試,一般而言,能覆蓋iOS和Android平臺(tái)就夠了。
2、使用iOS與Android的虛擬機(jī)測(cè)試
在缺少合適的硬件設(shè)備的前提下,軟件模擬器還是相當(dāng)不錯(cuò)的。這些模擬器原本就是拿來(lái)測(cè)試iOS和Android 的本地應(yīng)用的,內(nèi)置的瀏覽器也盡可能地還原了它們?cè)谡鎸?shí)設(shè)備上的使用情況。之所以說(shuō)是盡可能,是因?yàn)樗冀K還是無(wú)法完全模擬真實(shí)的網(wǎng)絡(luò)狀況、加載時(shí)間、觸摸體驗(yàn)、各元素的視覺(jué)大小以及其他的細(xì)節(jié)。好在內(nèi)置的渲染引擎功能仍是等同的,它依然可以幫你找到跨瀏覽器所存在的問(wèn)題。
iOS模擬器內(nèi)置在Xcode當(dāng)中,iOS開(kāi)發(fā)者可以輕易調(diào)用。而Android 模擬器則包含在Android SDK中,三大平臺(tái)上都有。目前甚至還有第三方的獨(dú)立的模擬器可以供你使用,不過(guò)是否能達(dá)到原生模擬器的效果,還需要你根據(jù)實(shí)際產(chǎn)品來(lái)進(jìn)行判斷。
3、在BowserStack中測(cè)試
如果你沒(méi)有足夠的設(shè)備,也不想安裝巨大的SDK套件然后調(diào)用模擬器來(lái)進(jìn)行測(cè)試的話,仍然有辦法可以幫你解決問(wèn)題。BrowserStack就是這樣的一種網(wǎng)絡(luò)服務(wù),它可以幫你測(cè)試網(wǎng)頁(yè)在桌面端和手機(jī)端的瀏覽效果,方便專(zhuān)業(yè)的web開(kāi)發(fā)者。
目前,BrowserStack提供的完整服務(wù)是收費(fèi)的,它的免費(fèi)部分是幫你進(jìn)行測(cè)試并截圖保存。當(dāng)你付費(fèi)之后,你測(cè)試網(wǎng)頁(yè)在不同設(shè)備上的瀏覽效果的時(shí)候還可以進(jìn)行交互,掌控更多的細(xì)節(jié)。即使你擁有整套測(cè)試套件,BrowserStack服務(wù)仍然能幫你發(fā)現(xiàn)更多容易忽略的細(xì)節(jié)。
4、使用Responsinator測(cè)試
開(kāi)發(fā)者總是力求在真實(shí)設(shè)備上測(cè)試網(wǎng)頁(yè)效果,至少得在模擬器里面運(yùn)行看看效果。但是現(xiàn)實(shí)生活總是殘缺的,以上兩種狀況可能你都沒(méi)機(jī)會(huì)實(shí)現(xiàn)。還好目前網(wǎng)上有很多其他的方案可以拿來(lái)測(cè)試,通常這些工具都通過(guò)調(diào)整桌面瀏覽器的尺寸來(lái)實(shí)現(xiàn)。在這些花哨的服務(wù)中, 我們主要推薦Responsinator。
你只需要進(jìn)入Responsinator網(wǎng)站,輸入你要測(cè)試的網(wǎng)頁(yè)的URL,它就會(huì)產(chǎn)生實(shí)時(shí)的預(yù)覽,這些預(yù)覽中包含了目前主流的硬件設(shè)備的預(yù)覽效果圖。坦率的說(shuō),它更接近于對(duì)網(wǎng)頁(yè)進(jìn)行一個(gè)大概的“健康檢查”,非常有幫助,但說(shuō)無(wú)法解決所有的問(wèn)題。嚴(yán)格意義上來(lái)將,所有的類(lèi)似服務(wù)都無(wú)法達(dá)到模擬器的效果,就更不用說(shuō)實(shí)際設(shè)備測(cè)試了,因?yàn)楸举|(zhì)上來(lái)說(shuō),類(lèi)似Responsinator這樣的服務(wù)還是基于你的桌面端瀏覽器,這與你的移動(dòng)端瀏覽器以及它的模擬器有著本質(zhì)上的差別。
5、調(diào)整瀏覽器
正如4中所說(shuō),這些第三方服務(wù)本質(zhì)上就是調(diào)整瀏覽器尺寸,然后顯示調(diào)整后的網(wǎng)頁(yè)渲染效果。所以,很多開(kāi)發(fā)者會(huì)直接調(diào)整瀏覽器尺寸來(lái)測(cè)試這些響應(yīng)式的移動(dòng)端網(wǎng)頁(yè)。如此一來(lái),你可以一邊寫(xiě)代碼一邊測(cè)試,也不錯(cuò)。但是這種方法從本質(zhì)上來(lái)說(shuō)算不得“移動(dòng)端測(cè)試”,它只是更方便用來(lái)測(cè)試網(wǎng)頁(yè)的響應(yīng)是否正確,甚至無(wú)法與上述的四種“方法”相提并論。同4一樣,瀏覽器的差異是這種機(jī)制的致命缺陷。
5個(gè)方法教你設(shè)計(jì)單頁(yè)網(wǎng)站
如今,單頁(yè)設(shè)計(jì)已經(jīng)是網(wǎng)頁(yè)設(shè)計(jì)的大趨勢(shì)了,許多流行的設(shè)計(jì)元素和設(shè)計(jì)方法都逐漸與這種網(wǎng)頁(yè)設(shè)計(jì)手法融合到一起,越來(lái)越多的設(shè)計(jì)師和企業(yè)機(jī)構(gòu)開(kāi)始選擇單頁(yè)網(wǎng)站作為他們溝通世界的門(mén)戶,而用戶也開(kāi)始接觸越來(lái)越多的形式多樣的單頁(yè)網(wǎng)站。
雖然詳細(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)站的用戶注冊(cè)上升了37.5%,這種提升效率用立竿見(jiàn)影來(lái)形容也不為過(guò)。
當(dāng)然,這并不奇怪。相對(duì)于傳統(tǒng)的多頁(yè)式網(wǎng)站來(lái)說(shuō):
單頁(yè)網(wǎng)站導(dǎo)航方式簡(jiǎn)單,用戶不易迷路,只需上下滾動(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)站大的挑戰(zhàn)在于讓用戶保持滾動(dòng)頁(yè)面來(lái)瀏覽內(nèi)容。大膽的色彩使用和漂亮的排版并不能一直吸引用戶的注意力。這個(gè)時(shí)候,如果能做好用戶數(shù)據(jù)分析和A/B測(cè)試,能幫你距離用戶的心理需求更近,設(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)。
另外一種保持吸引用戶吸引力的方法,就是使用圖文搭配的方式來(lái)講故事。故事會(huì)將核心內(nèi)容以跟易于接受的方式表達(dá)出來(lái),它的自然邏輯會(huì)吸引用戶讀下去,嚴(yán)格來(lái)說(shuō),它在內(nèi)容營(yíng)銷(xiāo)的范疇以內(nèi)。這并不是意味著你需要聘請(qǐng)一個(gè)寫(xiě)手來(lái)幫你來(lái)寫(xiě)故事,你需要做的是專(zhuān)注內(nèi)容和它感性的一面,并嘗試讓你的網(wǎng)頁(yè)更加人性化。
2、設(shè)計(jì)快速訪問(wèn)導(dǎo)航欄
單頁(yè)網(wǎng)站通常是用滾動(dòng)的方式來(lái)瀏覽更多內(nèi)容的,很多網(wǎng)站干脆是從頭滾到尾。用戶打開(kāi)網(wǎng)頁(yè),仿佛潛入內(nèi)容的海洋,壓根不知道網(wǎng)頁(yè)的盡頭在哪里,這種設(shè)計(jì)的潛在危險(xiǎn)在于,它可能會(huì)降低用戶心理上的安全感。于是,一種比較合理的解決方案就出現(xiàn)了:將傳統(tǒng)的導(dǎo)航欄設(shè)計(jì)融入單頁(yè)設(shè)計(jì)。導(dǎo)航欄在網(wǎng)頁(yè)的頂部或者兩側(cè)常駐停留,隨著滾動(dòng)而改變,同時(shí)提醒用戶TA在什么位置,同時(shí)保證了易用性和內(nèi)心的潛在訴求。
當(dāng)網(wǎng)頁(yè)足夠長(zhǎng)的時(shí)候,加上導(dǎo)航、回到頂部按鈕甚至滾動(dòng)條都可以強(qiáng)化用戶體驗(yàn)。
3、號(hào)召用戶行動(dòng)
當(dāng)你問(wèn)數(shù)字媒體營(yíng)銷(xiāo)者影響轉(zhuǎn)化率最重要的因素是什么的時(shí)候,答案通常是“號(hào)召行動(dòng)起來(lái)”(CTA)。當(dāng)然,這種精心策劃的CTA行為僅僅只是網(wǎng)站設(shè)計(jì)的一部分。為了特定的目標(biāo),號(hào)召用戶行動(dòng)的CTA行為其實(shí)無(wú)處不在,吸引用戶下載APP,引導(dǎo)用戶體驗(yàn)DEMO,勾引用戶注冊(cè)、填寫(xiě)表格,等等等等。這是一個(gè)酒香也怕巷子深的時(shí)代,會(huì)哭的孩子有奶吃,會(huì)吆喝才能吸引更多用戶。
根據(jù)名叫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)用戶瀏覽的時(shí)候,你可以微妙地影響用戶的心態(tài),在高潮——或者最合理的而地方,來(lái)引導(dǎo)用戶進(jìn)行操作。
當(dāng)然,還需要補(bǔ)充一句:做好用戶數(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é)省用戶的網(wǎng)頁(yè)加載時(shí)間是你的首要任務(wù),加載慢不僅會(huì)影響網(wǎng)站的搜索引擎優(yōu)化,還會(huì)讓你持續(xù)流失目標(biāo)用戶。所以,保持用戶輕量級(jí)是很有必要的。
結(jié)語(yǔ)
總而言之,單頁(yè)設(shè)計(jì)是吸引用戶的重要方式,要讓它價(jià)值大化,你不僅需要做好設(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è)。
網(wǎng)站名稱(chēng):5個(gè)網(wǎng)站設(shè)計(jì)技巧提升銷(xiāo)售額
分享路徑:http://redsoil1982.com.cn/news30/20380.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)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容