提高網(wǎng)站訪客量的設(shè)計(jì)是什么?

2015-01-19    分類(lèi): 網(wǎng)站建設(shè)

如何做到吸引人是用戶體驗(yàn)設(shè)計(jì)中最為困難的一個(gè)方面,網(wǎng)站設(shè)計(jì)認(rèn)為其不僅要求有高質(zhì)量的內(nèi)容,還要有巧妙、讓人熱血沸騰的方法來(lái)呈現(xiàn)內(nèi)容。

如果你覺(jué)得自己的網(wǎng)站沒(méi)什么生氣,那么下面這些建議應(yīng)該可以幫助你讓網(wǎng)站煥發(fā)活力,贏回訪客!

01. 讓鼠標(biāo)的滾動(dòng)變得引人入勝對(duì)網(wǎng)站進(jìn)行一項(xiàng)改動(dòng)就能提高70%的吸引力,這種好事存在嗎?你別說(shuō),它還真存在!

Parallax滾動(dòng)方式因其能夠以獨(dú)特、吸引眼球的方式呈現(xiàn)視覺(jué)訊息而席卷整個(gè)設(shè)計(jì)界。

Parallax是指運(yùn)用若干個(gè)在滾動(dòng)頁(yè)面時(shí)相互獨(dú)立運(yùn)動(dòng)的元素,形成能夠吸引人繼續(xù)滾動(dòng)的動(dòng)態(tài)體驗(yàn)。

02. 符號(hào)與圖標(biāo):視覺(jué)的潤(rùn)滑劑信息量比較豐富的網(wǎng)站需要使用大量的文字。這也就意味著設(shè)計(jì)師必須想辦法以沖擊力最強(qiáng)的方式來(lái)呈現(xiàn)這些文字。

使用圖標(biāo)可以幫助網(wǎng)站訪客更快地找到所需內(nèi)容。圖標(biāo)這種小巧的視覺(jué)元素不僅能夠表現(xiàn)自己所承載的概念,還能通過(guò)獨(dú)特的外觀像視覺(jué)標(biāo)志一樣引導(dǎo)人的目光從一處轉(zhuǎn)移到另一處。

在以前,圖標(biāo)只能使用位圖圖形,因而繪制和修改都非常麻煩,并且也難以進(jìn)行樣式設(shè)計(jì)。

現(xiàn)在,設(shè)計(jì)師可以使用圖標(biāo)字體打造和文字一樣具有矢量性質(zhì)、可無(wú)限擴(kuò)展并可通過(guò)CSS進(jìn)行定制化的字型。


提高網(wǎng)站訪客量的設(shè)計(jì)是什么?


03. 靈活的字體:響應(yīng)式內(nèi)容設(shè)計(jì)響應(yīng)式設(shè)計(jì)不僅局限于布局——還應(yīng)運(yùn)用到內(nèi)容上去。布局能夠適應(yīng)屏幕大小固然很好,但是內(nèi)容也需要相應(yīng)進(jìn)行適應(yīng)。

移動(dòng)端用戶一般沒(méi)時(shí)間閱讀大段大段的文字,因此你的移動(dòng)端網(wǎng)站必須精簡(jiǎn),展現(xiàn)出明確的行動(dòng)呼吁。如果文字太小,在小屏幕上進(jìn)行閱讀就會(huì)困難重重,因此應(yīng)當(dāng)使用動(dòng)態(tài)樣式技術(shù)讓文字保持在舒適的大小——千萬(wàn)別讓用戶自己動(dòng)手去縮放!

04.使用矢量圖形作為響應(yīng)式視覺(jué)元素文字僅僅是網(wǎng)頁(yè)設(shè)計(jì)的一角,圖像也和文字一樣具有重要意義。通常來(lái)說(shuō),圖像采用JPG、PN和GIF等位圖文件格式。

而位圖圖像的問(wèn)題在于兩方面:1.位圖的大小是固定的,因此無(wú)法無(wú)損擴(kuò)展以適應(yīng)新的布局大小或分辨率,從而就要求添加更多圖形內(nèi)容適應(yīng)移動(dòng)端的視網(wǎng)膜屏等。

2.每次使用位圖時(shí),就會(huì)對(duì)你網(wǎng)站的加載流程提出HTTP請(qǐng)求。隨著網(wǎng)站越來(lái)越多的運(yùn)用圖形,這樣就會(huì)造成加載時(shí)間大幅度提升,更不必說(shuō)呈現(xiàn)頁(yè)面所需要的數(shù)據(jù)量大幅增加。

解決辦法:矢量圖形。由于矢量圖形基本就是運(yùn)用數(shù)學(xué)方法呈現(xiàn)視覺(jué)元素,因此可以輕松擴(kuò)展到任意大小、適應(yīng)任意分辨率,同時(shí)不用擔(dān)心圖形質(zhì)量下降。

SVG是目前比較流行的一種矢量圖形格式,很多網(wǎng)頁(yè)設(shè)計(jì)師尤其鐘愛(ài)于這種格式,因?yàn)槠淠軌蛳窈芏嗥渌麡?biāo)記語(yǔ)言一樣實(shí)時(shí)調(diào)整樣式和修改,并生成漂亮并且可以互動(dòng)的效果。

另外,矢量圖形占用空間小,并可由瀏覽器直接呈現(xiàn),從而也就不會(huì)產(chǎn)生外部資源占用。

05. 游戲化游戲化,當(dāng)屬最難應(yīng)用的技巧之一。游戲化是指在設(shè)計(jì)中引入類(lèi)似游戲的元素給訪客帶來(lái)互動(dòng)感并在其進(jìn)行導(dǎo)航時(shí)給予激勵(lì)。

游戲化通常以完成特定任務(wù)后解鎖徽章的形式出現(xiàn);在Treehouse等需要用戶完成一系列課程的網(wǎng)站上,這一模式較為適用。但如果你沒(méi)有課程或類(lèi)似的結(jié)構(gòu)怎么辦?

對(duì)于博客、電子商務(wù)類(lèi)網(wǎng)站或其他比較標(biāo)準(zhǔn)的網(wǎng)頁(yè)類(lèi)環(huán)境下,游戲化可以采用優(yōu)惠卷或折扣等方式在特定的情況下提供給訪客。

這種小玩意有助于個(gè)性化訪客的訪問(wèn)體驗(yàn),另外,能夠獲得個(gè)別關(guān)注這種感覺(jué)對(duì)于培養(yǎng)用戶投入和鼓勵(lì)用戶回頭也非常重要。

06.圖像壓縮:速度至上網(wǎng)站加載時(shí)間過(guò)長(zhǎng)是扼殺訪客吸引力的頭號(hào)兇器。在這個(gè)注意力范圍短而廣的時(shí)代,如果網(wǎng)站的加載時(shí)間太長(zhǎng),訪客將會(huì)毫不猶豫的離去,沒(méi)人有耐心等待頁(yè)面緩慢的加載。

隨著網(wǎng)站變得越來(lái)越復(fù)雜,視覺(jué)效果越來(lái)越吸引人,加載時(shí)間也難以避免的會(huì)受到影響。幸運(yùn)的是,我們可以采用多種技巧緩解這一問(wèn)題:1. 減少內(nèi)容2.針對(duì)web優(yōu)化圖像3.通過(guò)內(nèi)容分發(fā)網(wǎng)絡(luò)提供網(wǎng)站首先來(lái)說(shuō),很多設(shè)計(jì)師在網(wǎng)站發(fā)布時(shí)都愿意盡量減少網(wǎng)站內(nèi)容。最簡(jiǎn)化可以從CSS和JS文件剝離所有留白、評(píng)論和冗余內(nèi)容,僅留下能夠較快加載的精簡(jiǎn)版本。

同樣,還有很多算法有助于減小網(wǎng)站的圖像大小,同時(shí)不會(huì)影響視覺(jué)質(zhì)量。你可以連續(xù)運(yùn)行多種算法,另外,ImageOptim(僅限Mac機(jī))等應(yīng)用可將準(zhǔn)備圖像的過(guò)程簡(jiǎn)化到一擊即成。

最后,網(wǎng)站還可以利用內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)以更快的速度分發(fā)文件。CDN能夠通過(guò)遍布世界的多個(gè)服務(wù)器分發(fā)網(wǎng)站的數(shù)據(jù),從而確保為訪客提供文件的服務(wù)器是距離其最近的服務(wù)器。

CDN能夠給網(wǎng)頁(yè)加載時(shí)間帶來(lái)關(guān)鍵的影響,其通常用于防止規(guī)模較大的網(wǎng)站因世界各地?cái)?shù)千訪客同時(shí)加載而出現(xiàn)崩潰。

07. 推送通知在很多網(wǎng)站上,吸引訪客的目標(biāo)之一,就是如何在你發(fā)布新內(nèi)容后讓訪客回頭,這一點(diǎn)適用于博客、視頻等等各式各樣的網(wǎng)站。

通常來(lái)說(shuō),設(shè)計(jì)師會(huì)使用各種表單讓訪客登記接收郵件通知。盡管這種方法仍然廣為流行,但目前已經(jīng)有了一種比郵件效果強(qiáng)30倍,而且吸引力遠(yuǎn)遠(yuǎn)強(qiáng)于郵件的新技術(shù):瀏覽器推送通知。

通過(guò)Roost等工具,設(shè)計(jì)師可以輕松實(shí)現(xiàn)瀏覽器通知功能,讓訪客在即便未打開(kāi)你的網(wǎng)站時(shí)也能收到新內(nèi)容提醒。

目前,在最新的OSX上只有Safari完整支持這一功能,但Chrome和Firefox也會(huì)在年內(nèi)推出推送通知支持,所以說(shuō)現(xiàn)在是get這一激動(dòng)人心新技能的好時(shí)機(jī)。

新聞標(biāo)題:提高網(wǎng)站訪客量的設(shè)計(jì)是什么?
文章分享:http://www.bm7419.com/news/27510.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、網(wǎng)站設(shè)計(jì)公司ChatGPT、做網(wǎng)站、電子商務(wù)、品牌網(wǎng)站制作

廣告

聲明:本網(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)

外貿(mào)網(wǎng)站建設(shè)