2015-01-20 分類: 網(wǎng)站設(shè)計(jì)
設(shè)計(jì)是訪問者在瀏覽你的網(wǎng)站時(shí)看到的第一件事,根據(jù)斯坦福大學(xué)專家的最新研究,46%的用戶基于設(shè)計(jì)來評(píng)估網(wǎng)站的可信度。如果他們不喜歡這個(gè)設(shè)計(jì),那么這個(gè)企業(yè)似乎就不可靠了。
即使你對(duì)你的網(wǎng)站的現(xiàn)有設(shè)計(jì)感到滿意,但你還是想要改進(jìn)它也是正常的,因?yàn)榫W(wǎng)絡(luò)技術(shù)的世界在改變,出現(xiàn)了新的趨勢(shì),甚至一個(gè)制作精良的網(wǎng)站也會(huì)在某一天變得過時(shí)。
為了跟上時(shí)代,在正確的道路上,你可以對(duì)設(shè)計(jì)進(jìn)行小的實(shí)驗(yàn)。例如,您可以更改一些頁面元素,選擇不同的字體或顏色等。如果實(shí)驗(yàn)導(dǎo)致轉(zhuǎn)換增加,那么你就是在正確的路徑上。
在這篇文章中,我們將談?wù)?a href="http://www.rwnh.cn/" target="_blank">網(wǎng)站設(shè)計(jì)的重要性及其優(yōu)化方法。你也會(huì)發(fā)現(xiàn)一些有用的技術(shù)來改進(jìn)網(wǎng)站設(shè)計(jì)。它們很簡(jiǎn)單,但很有效!
1.制定戰(zhàn)略
決定改進(jìn)你的網(wǎng)站設(shè)計(jì)?好主意!你不應(yīng)該當(dāng)場(chǎng)做出決定,而是從根本的改變開始。要使這個(gè)想法成功,你應(yīng)該做些計(jì)劃。以下是在開始設(shè)計(jì)更改工作之前要考慮的問題:
分析現(xiàn)狀
這是為了定義工作領(lǐng)域。研究百度分析指標(biāo),跟蹤用戶在你的網(wǎng)站上的行為。定義具有低轉(zhuǎn)化率和高跳出率的問題最多的頁面——這將是您的第一個(gè)工作領(lǐng)域。不要省略活動(dòng)頁面——它們將作為示例。
進(jìn)行市場(chǎng)研究
這是指你的目標(biāo)受眾和競(jìng)爭(zhēng)對(duì)手。創(chuàng)建客戶旅程圖,分析決策的各個(gè)階段,考慮改善每個(gè)階段的用戶體驗(yàn)。分析你的競(jìng)爭(zhēng)對(duì)手的網(wǎng)站,挑選一些你覺得有趣的技巧。
定義任務(wù)堆棧
你想達(dá)到什么目標(biāo)?你想怎樣實(shí)現(xiàn)這個(gè)目標(biāo)?對(duì)以下問題的廣泛回答將有助于確定您的目標(biāo)并確定進(jìn)一步工作的方向。
2.使網(wǎng)站可用
在思考如何改進(jìn)網(wǎng)站設(shè)計(jì)的同時(shí),很多用戶想要?jiǎng)?chuàng)造一幅原創(chuàng)的圖片,并選擇最令人印象深刻的照片。這很重要,但是,你不應(yīng)該忘記網(wǎng)站的可用性。
根據(jù)弗雷斯特研究公司(ForresterResearch)的研究,使用不佳的互聯(lián)網(wǎng)商店失去了約50%未能找到所需商品的潛在客戶。約有40%的用戶不會(huì)回到他們體驗(yàn)糟糕的網(wǎng)站。
商業(yè)網(wǎng)站的主要目的是銷售商品和服務(wù)。這使得可用性變得非常重要。用戶不關(guān)心網(wǎng)站的后端;這對(duì)他們來說并不重要。他們不感興趣的是它是用什么語言寫的,或者現(xiàn)代的技術(shù)解決方案是如何實(shí)現(xiàn)的。如果網(wǎng)站難以使用,那就很煩人。如果它很煩人,用戶會(huì)什么都不買就離開。
這就是為什么在規(guī)劃和創(chuàng)建技術(shù)作業(yè)的階段必須注意網(wǎng)站的可用性。這里有一些網(wǎng)站設(shè)計(jì)技巧,使您的網(wǎng)站用戶友好:
這個(gè)結(jié)構(gòu)應(yīng)該一目了然
用戶應(yīng)該直觀地理解如何以及在何處定位必要的信息
網(wǎng)站不應(yīng)該被文字、圖片或動(dòng)畫超載-它使資源工作緩慢,分散注意力,并惹惱用戶。
在考慮如何呈現(xiàn)文本時(shí),不要將內(nèi)容和設(shè)計(jì)單獨(dú)考慮。記住它們是積分的,應(yīng)該被視為一個(gè)單元。
3、嘗試顏色
色彩方案是網(wǎng)頁設(shè)計(jì)中最有趣的一個(gè)分支。即使網(wǎng)站顏色的微小變化也能改變?cè)L問者對(duì)你品牌的看法。
考慮到配色方案的變化,注意以下幾個(gè)因素:
一、你的目標(biāo)受眾:根據(jù)你潛在客戶的年齡和社會(huì)數(shù)據(jù),商業(yè)網(wǎng)站的設(shè)計(jì)應(yīng)該有所不同。如果你的產(chǎn)品面向年輕活躍的人群,不要害怕使用鮮艷的顏色。對(duì)老年人來說,最好選擇更寧?kù)o、更深沉的生活方式。
二、你的企業(yè)文化:您的網(wǎng)站不僅應(yīng)該反映您的目標(biāo)受眾,它還應(yīng)該表達(dá)您的品牌身份。還記得“麥當(dāng)勞”的鮮紅色和黃色嗎?
三、色彩的和諧:一個(gè)成功的商業(yè)站點(diǎn)的主要特征之一是可用性。配色方案是一個(gè)不可分割的部分,因?yàn)閻廊说念伾捌浣M合可能會(huì)冒犯目標(biāo)受眾??紤]用顏色做實(shí)驗(yàn)?注意它們的兼容性和文本與背景的對(duì)比。
如何選擇配色方案?
要確定顏色的調(diào)色板,請(qǐng)選擇您的目標(biāo)受眾以及您希望他們做出的反應(yīng)。以下是一些例子:
明亮的顏色(橙色,紅色),如果你想讓訪問者興奮起來,就用這些明亮甚至有攻擊性的顏色。這樣的配色方案非常適合銷售運(yùn)動(dòng)器材或食品的網(wǎng)站。
明亮的顏色(黃色,綠色,藍(lán)色),這些配色方案將給人一種愉快的感覺,也將是旅游、派對(duì)用品和服務(wù)的好選擇。
深顏色,它們給人一種確定性的感覺,對(duì)銀行、信貸和房地產(chǎn)公司的網(wǎng)站也有好處。
溫和的顏色,這個(gè)調(diào)色板會(huì)讓訪問者放松下來,也會(huì)好地補(bǔ)充銷售國(guó)內(nèi)商品、家具等的網(wǎng)站。
一些設(shè)計(jì)師根據(jù)視覺程度來選擇配色方案;其他人喜歡使用調(diào)色板生成器,Adobe ColorCC被認(rèn)為是現(xiàn)有工具中最好的。它將幫助你創(chuàng)建自己的配色方案,并啟發(fā)其他設(shè)計(jì)師的作品。如果你喜歡材質(zhì)設(shè)計(jì),像MaterialPallete或materialdesign Palette Generator這樣的工具會(huì)給你提供大量的網(wǎng)頁設(shè)計(jì)技巧。
4、說明網(wǎng)站的內(nèi)容
圖片可以填補(bǔ)空白,使您的網(wǎng)站看起來原始和視覺愉快。選擇正確的圖片會(huì)使網(wǎng)站更加生動(dòng)。它們將對(duì)你的品牌認(rèn)知度產(chǎn)生積極的影響,可以用作標(biāo)題、圖標(biāo)和創(chuàng)建動(dòng)畫。
對(duì)于大多數(shù)人來說,圖片比文字更容易記住,你應(yīng)該仔細(xì)選擇插圖。根據(jù)研究,一幅好的圖片價(jià)值84個(gè)字。
讓我們看看好的圖片到底是什么:
信息,圖片應(yīng)該有一個(gè)信息,而不僅僅是填補(bǔ)空白。它可以告訴訪問者關(guān)于產(chǎn)品的更多信息,影響他們的情緒和情緒,或包含CTA。
定性,沒有必要提及圖片質(zhì)量差,或帶有水印,使你的網(wǎng)站看起來非常不專業(yè)。
原創(chuàng),避免使用庫(kù)存圖片。在不同的網(wǎng)站上看到同樣的圖片,用戶會(huì)質(zhì)疑你的可靠性和專業(yè)性。
當(dāng)添加插圖時(shí),重要的是要記住網(wǎng)站的完整性,而不是做過頭。即使是最漂亮的插圖,如果客戶太多,也會(huì)拒絕他們。
動(dòng)畫也可以用于說明目的。當(dāng)?shù)谝粋€(gè)交互式站點(diǎn)創(chuàng)建時(shí),動(dòng)畫以GIF格式創(chuàng)建,之后是Flash格式。它們都嚴(yán)重影響了網(wǎng)站的速度。現(xiàn)在可以使用不影響性能的css編碼和Javascript了。
動(dòng)畫可以全屏顯示,并集成到導(dǎo)航中。它的主要目的是幫助用戶研究網(wǎng)站,并吸引他們對(duì)細(xì)節(jié)的關(guān)注。
5、優(yōu)化網(wǎng)站的移動(dòng)設(shè)備
現(xiàn)代用戶可以使用不同的設(shè)備,可以通過PC、筆記本電腦、平板電腦或智能手機(jī)訪問您的站點(diǎn)。移動(dòng)設(shè)備的快速發(fā)展使得設(shè)計(jì)師、營(yíng)銷人員和開發(fā)人員尋找新的方法來優(yōu)化網(wǎng)站以適應(yīng)不同的平臺(tái)。
如果這個(gè)站點(diǎn)沒有針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化,那么它在可用性方面就不能稱為好站點(diǎn)。致力于改進(jìn)設(shè)計(jì),您應(yīng)該測(cè)試資源是否在不同型號(hào)、尺寸和屏幕分辨率的設(shè)備上正常工作。
你的網(wǎng)站應(yīng)該在iOS和安卓用戶中都能好運(yùn)行。照片應(yīng)該被加載充分,文字不應(yīng)該看起來太長(zhǎng)。用戶不應(yīng)該滾動(dòng)或更改屏幕大小。cta按鈕應(yīng)該很大,而且按鈕附近不應(yīng)該有其他鏈接——用戶可能會(huì)失誤并轉(zhuǎn)到完全不同的頁面。
閱讀了上面提到的網(wǎng)站設(shè)計(jì)技巧后,您現(xiàn)在已經(jīng)了解了優(yōu)化資源的基本步驟。讓我們總結(jié)一下:
戰(zhàn)略規(guī)劃,這是基本步驟,將幫助您定義一組任務(wù)并概述未來的工作領(lǐng)域
提高可用性,您將創(chuàng)建一個(gè)好的用戶體驗(yàn),并增加您的轉(zhuǎn)化率和銷售量。
選擇顏色,不同的顏色講述不同的故事,傳遞不同的信息。根據(jù)你的目標(biāo)受眾和公司目標(biāo)選擇調(diào)色板,你一定會(huì)贏得用戶的心。
添加插圖,不要忽視這樣一個(gè)強(qiáng)大的方式告訴用戶更多,沒有這些長(zhǎng)文本。
移動(dòng)優(yōu)化,由于大多數(shù)Internet現(xiàn)在都是面向移動(dòng)用戶的,您還應(yīng)該注意優(yōu)化。在未來,一個(gè)移動(dòng)友好的網(wǎng)站會(huì)給你更多的流量。
當(dāng)然,在一篇文章中不可能告訴你如何在網(wǎng)頁設(shè)計(jì)中變得更好。然而,我們已經(jīng)設(shè)法給你一些有用的提示和技巧。如果您仍在質(zhì)疑如何開始設(shè)計(jì)改進(jìn)工作,請(qǐng)隨時(shí)與我們聯(lián)系。我們將為您提供許多有用的網(wǎng)頁設(shè)計(jì)技巧,并將開發(fā)一個(gè)完全適合您業(yè)務(wù)需要的項(xiàng)目。
文章名稱:改善網(wǎng)站設(shè)計(jì)的5種最佳方法
URL分享:http://www.rwnh.cn/news27/27577.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容